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


/* -------------------------
toppage
------------------------- */
#toppage section {
    margin: 100px 0;
}
@media all and (max-width: 1200px) {
    #toppage .inner {
        margin: 0;
        padding: 0 30px;
    }
}

/* slick */
#toppage .full a {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    margin: 0;
    text-decoration: none;
    display: block;
}
#toppage .full a.img01 {
    background-image: url("../img/contents/toppage/mv/01.jpg");
}
#toppage .full a.img02 {
    background-image: url("../img/contents/toppage/mv/02.jpg");
}
#toppage .full a.img03 {
    background-image: url("../img/contents/toppage/mv/03.jpg");
}
#toppage .full a.img04 {
    background-image: url("../img/contents/toppage/mv/04.jpg");
}
#toppage .full .slick-dots {
    bottom: 4%;
    z-index: +1;
}
.slick-dots li button:before {
    content: '○' !important;
    color: #FFF !important;
}
.slick-dots li.slick-active button:before {
    content: '●' !important;
    color: #FFF !important;
}

/* intro */
#toppage #intro {
	width: 1100px;
	margin: 80px auto;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    vertical-align: middle;
    width: 100%;
    font-size: 16px;
    line-height: 200%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-feature-settings: normal;
}
#toppage #intro p:not(:last-child) {
    margin: 0 0 0 15px;
    font-feature-settings: normal;
}
#toppage #intro p:last-child {
    margin: 0;
}
#toppage #intro h2 {
    font-size: 24px;
    line-height: 180%;
    margin: 0 0 0 30px;
}
#toppage #intro .tatebtn {
    margin: 0 30px 0 0;
    display: flex;
    justify-content: flex-end;
}
#toppage #intro .tatebtn a {
    padding: 50px 5px 20px 5px;
    border: 1px solid #967E67;
    color: #967E67;
    display: block;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23967E67%22%20class%3D%22bi%20bi-arrow-down%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%201a.5.5%200%200%201%20.5.5v11.793l3.146-3.147a.5.5%200%200%201%20.708.708l-4%204a.5.5%200%200%201-.708%200l-4-4a.5.5%200%200%201%20.708-.708L7.5%2013.293V1.5A.5.5%200%200%201%208%201z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 20px;
    background-size: 20px;
}
#toppage #intro .tatebtn a:hover {
    background: #967E67 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23FFFFFF%22%20class%3D%22bi%20bi-arrow-down%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%201a.5.5%200%200%201%20.5.5v11.793l3.146-3.147a.5.5%200%200%201%20.708.708l-4%204a.5.5%200%200%201-.708%200l-4-4a.5.5%200%200%201%20.708-.708L7.5%2013.293V1.5A.5.5%200%200%201%208%201z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 20px;
    background-size: 20px;
    color: #FFF;
    text-decoration: none;
}

/* news */
#toppage #news ul {
    max-height: 300px;
    overflow: scroll;
}
#toppage #news ul li {
    display: flex;
    margin-bottom: 30px;
}
#toppage #news ul li p {
    margin: 0;
}
#toppage #news ul li p.date {
    margin-right: 15px;
}

/* slidebnr */
ul.slidebnr {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
#service #online_consultation .coordinate ul.slidebnr {
    width: 1000px;
    margin-top: 50px;
}
ul.slidebnr li {
    padding: 0 10px;
}
ul.slidebnr li a img {
    width: 100%;
    height: auto;
}
ul.slidebnr .slick-arrow {
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 500;
}
ul.slidebnr .prev {
   background: url("../img/contents/toppage/bnr/arrow_r.svg") no-repeat;
   left: -60px;
}
ul.slidebnr .next {
   background: url("../img/contents/toppage/bnr/arrow.svg") no-repeat;
   right: -60px;
}
@media all and (max-width: 1150px) {
    ul.slidebnr .prev {
       left: 0;
    }
    ul.slidebnr .next {
       right: 0;
    }
}
@media all and (max-width: 1100px) {
    ul.slidebnr {
        width: 100%;
    }
}

/* lineup */
#page_contents #lineup h2 {
    text-align: center;
    font-size: 32px;
    line-height: 160%;
    margin: 0 0 40px 0;
    display: block;
}
#page_contents #lineup h2::before {
    display: none;
}
#toppage #lineup .info,
#page_contents #lineup .info {
    margin-bottom: 40px;
}
#toppage #lineup .info h3,
#page_contents #lineup .info h3 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 15px;
}
#toppage #lineup ul li,
#page_contents #lineup ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#toppage #lineup ul li:not(:last-child),
#page_contents #lineup ul li:not(:last-child) {
    margin-bottom: 80px;
}
#toppage #lineup ul li:nth-child(even),
#page_contents #lineup ul li:nth-child(even) {
    flex-direction: row-reverse;
}
#toppage #lineup ul li .photo,
#toppage #lineup ul li .txt,
#page_contents #lineup ul li .photo,
#page_contents #lineup ul li .txt {
    width: 48%;
}
#toppage #lineup ul li h3,
#page_contents #lineup ul li h3 {
    font-size: 36px;
    line-height: 160%;
    margin: 0 0 30px 0;
}
#toppage #lineup ul li h3 small,
#page_contents #lineup ul li h3 small {
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 160%;
    display: block;
}
#toppage #lineup ul li p,
#page_contents #lineup ul li p {
    margin: 0;
}
#toppage #lineup ul li .btn,
#page_contents #lineup ul li .btn {
    margin-top: 30px;
}

/* special */
#toppage #special ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#toppage #special ul li {
    width: 49%;
    padding: 0;
    margin: 0 0 30px 0;
    display: flex;
    flex-direction: column;
}
#toppage #special ul li a {
    display: block;
}
#toppage #special ul li .txt {
    margin-bottom: 20px;
}
#toppage #special ul li .txt .data {
    color: #967E67;
    font-size: 14px;
    line-height: 160%;
}
#toppage #special ul li .txt p {
    font-family: 'Noto Sans JP', sans-serif;
}
#toppage #special ul li .btn {
    margin-top: auto;
}
#toppage #special ul li .btn a {
    display: flex;
}

/* concierge */
#toppage #concierge {
    padding: 80px 0;
    background: #F7F5F5;
}
#toppage #concierge h2,
#toppage #concierge .info {
    text-align: center;
}
#toppage #concierge h2 {
    margin: 0 0 20px 0;
}
#toppage #concierge ul {
    margin: 40px 0 0 0;
    display: flex;
    justify-content: space-between;
}
#toppage #concierge ul li {
    width: 18%;
}
#toppage #concierge ul li a {
    padding: 0;
    display: block;
    border-radius: 20px 0 20px 0;
    height: 380px;
}
#toppage #concierge ul li.online a {
    background: #FFF url("../img/contents/toppage/concierge/online.png") no-repeat center;
}
#toppage #concierge ul li.arservice a {
    background: #FFF url("../img/contents/toppage/concierge/ar.png") no-repeat center;
}
#toppage #concierge ul li.order a {
    background: #FFF url("../img/contents/toppage/concierge/order.png") no-repeat center;
}
#toppage #concierge ul li.change a {
    background: #FFF url("../img/contents/toppage/concierge/change.png") no-repeat center;
}
#toppage #concierge ul li.speed a {
    background: #FFF url("../img/contents/toppage/concierge/speed.png") no-repeat center;
}

@media all and (max-width: 1200px) {
    #toppage #concierge ul li.online a {
        background: #FFF url("../img/contents/toppage/concierge/online.png") no-repeat center;
        background-size: 80%;
    }
    #toppage #concierge ul li.arservice a {
        background: #FFF url("../img/contents/toppage/concierge/ar.png") no-repeat center;
        background-size: 80%;
    }
    #toppage #concierge ul li.order a {
        background: #FFF url("../img/contents/toppage/concierge/order.png") no-repeat center;
        background-size: 80%;
    }
    #toppage #concierge ul li.change a {
        background: #FFF url("../img/contents/toppage/concierge/change.png") no-repeat center;
        background-size: 80%;
    }
    #toppage #concierge ul li.speed a {
        background: #FFF url("../img/contents/toppage/concierge/speed.png") no-repeat center;
        background-size: 80%;
    }
}

#toppage #concierge ul li a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

/* ranking */
#toppage #ranking ul {
    display: flex;
    justify-content: space-between;
}
#toppage #ranking ul li {
    padding: 15px;
    margin: 0;
    width: 20%;
    font-family: 'Noto Sans JP', sans-serif;
}
#toppage #ranking ul li a {
    display: block;
}
#toppage #ranking ul li a:hover {
    text-decoration: none;
}
#toppage #ranking ul li p {
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 160%;
    color: #967E67;
}
#toppage #ranking ul li h3 {
    margin: 0;
    font-size: 16px;
    line-height: 160%;
}

/* footimage */
#toppage .footimage {
    background: url("../img/contents/toppage/lastitem.jpg") no-repeat center fixed;
    background-size: cover;
    height: 50vh;
}

/* -------------------------
freepage common
------------------------- */
#freepage {
    margin-bottom: 80px;
}
#freepage main {
    height: 100vh;
}
#freepage .prev {
    display: flex;
    justify-content: flex-start;
}
#freepage .next {
    display: flex;
    justify-content: flex-end;
}
#freepage .next .box,
#freepage .prev .box {
    width: 390px;
}
#freepage .next p,
#freepage .prev p {
    margin: 0;
    line-height: 100%;
}
#freepage .next a,
#freepage .prev a {
    font-size: 24px;
    line-height: 160%;
    display: block;
    border-bottom: 1px solid #967E67;
    padding: 5px 0;
}
#freepage .next a:hover,
#freepage .prev a:hover {
    text-decoration: none;
    color: #967E67;
}

#page_contents {
	width: 1100px;
	margin: 30px auto 80px auto;
}
#page_contents h1 {
    text-align: center;
    font-size: 32px;
    line-height: 160%;
    margin: 0 0 40px 0;
}
#freepage .fs-c-breadcrumb {
	width: 1100px;
	margin: 30px auto;
}
#page_contents .fs-c-breadcrumb {
	margin: 30px 0;
    width: inherit;
}


/* -------------------------
guide
------------------------- */
#guide .box {
    margin-bottom: 50px;
}
#guide .box h2 {
    font-size: 21px;
    line-height: 160%;
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #DDD;
}
#guide .box h3 {
    font-size: 18px;
    line-height: 160%;
    margin: 0 0 10px 0;
}
#guide .box p {
    margin: 0 0 5px 0;
}
#guide .box .box__content {
    margin: 20px 20px 30px 20px;
}
#guide .box .fs-c-documentColumn {
    margin-bottom: 50px;
}
#guide .box dl {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin: 10px 0;
    background: #F7F5F5;
}
#guide .box dl dt {
    width: 20%;
    padding: 5px;
    margin: 0;
}
#guide .box dl dd {
    width: 80%;
    padding: 5px;
    margin: 0;
}

/* law / agreement */
#law .fs-p-aboutTerms h2,
#agreement h3,
#privacy h2 {
    font-size: 21px;
    line-height: 160%;
    margin: 0 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #967E67;
}
#law .fs-p-aboutTerms h3 {
    font-size: 18px;
    line-height: 160%;
    margin: 0 0 10px 0;
}
#law .fs-c-documentArticle__content,
#agreement .fs-c-documentColumn__content {
    margin: 0 0 50px 0;
}
#law .fs-c-documentColumn__content {
    margin: 20px 20px 30px 20px;
}
#law .fs-p-aboutTerms dl {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 10px 0;
}
#law .fs-p-aboutTerms dl dt {
    width: 20%;
    padding: 5px;
    margin: 0;
}
#law .fs-p-aboutTerms dl dd {
    width: 80%;
    padding: 5px;
    margin: 0;
}
#law .fs-c-list {
    padding: 10px 10px 10px 30px;
    background: #F7F5F5;
}
#law .fs-c-list li {
    list-style: auto !important;
}
#law .fs-c-documentColumn__content dl {
    padding: 10px;
    background: #F7F5F5;
}

/* agreement */
#agreement ol {
    padding: 0;
    margin: 0 0 0 15px;
}
#agreement ol li {
    margin: 0 0 5px 0;
    list-style: auto;
}
#agreement ol li p {
    margin-bottom: 15px;
}
#agreement ol ol {
    padding: 15px 30px !important;
    background: #F7F5F5;
    margin: 10px 0 20px 0 !important;
}

/* privacy */
#privacy .inner {
    margin-top: 50px;
}
#privacy .box {
    margin-bottom: 50px;
}
#privacy .box p {
    margin-bottom: 15px;
}
#privacy .box ol {
    padding: 0;
    margin: 0 0 0 15px;
}
#privacy .box ol:not(last-child) {
    margin-bottom: 20px;
}
#privacy .box ol li {
    margin: 0 0 5px 0;
    list-style: auto;
}
#privacy .box ol ol,
#privacy .box .add {
    padding: 15px 30px !important;
    background: #F7F5F5;
    margin: 10px 0 20px 0 !important;
}
#privacy .box ol ul {
    margin-left: 15px;
}
#privacy .box ol ul li {
    list-style: circle;
}


/* -------------------------
AR
------------------------- */
#ar h2 {
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
}
#ar .flex {
    display: flex;
    justify-content: space-between;
}
#ar .flex .photo,
#ar .flex .txt {
    width: 48%;
}
#ar .flex .txt .btn {
    margin-top: 50px;
}


/* -------------------------
about
------------------------- */
.about main {
    background: url("../img/contents/about/mv.jpg") no-repeat center;
    background-size: cover;
}
.about section {
	margin: 80px 0;
}
.about .inner {
    width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.about section h1 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 40px;
}
.about section h2 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 40px;
}
.about section h3 {
    font-size: 21px;
    line-height: 160%;
    margin-bottom: 30px;
}
.about #intro {
    text-align: center;
}
.about #intro p {
    font-size: 16px;
    line-height: 280%;
    letter-spacing: 1px;
}
.about #intro p:not(last-child) {
    margin-bottom: 30px;
}
.about #intro .photo {
    margin-top: 120px;
}
.about #policy {
    background: #F7F5F5;
    padding: 80px 0;
    text-align: center;
}
.about #policy p,
.about #sustainability p {
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
}
.about #policy ul,
.about #sustainability ul {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}
.about #policy ul li,
.about #sustainability ul li {
    width: 30%;
}
.about #policy ul li p,
.about #sustainability ul li p {
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
}
.about #sustainability {
    text-align: center;
}
.about #sustainability .photo {
    margin-bottom: 80px;
}


/* -------------------------
concierge
------------------------- */
/* 
.concierge main {
    background: url("../img/contents/concierge/mv.jpg") no-repeat center;
    background-size: cover;
}
*/

.concierge section {
	padding: 80px 0;
}
.concierge .inner {
    width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.concierge section h1 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 40px;
}
.concierge section h2 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 40px;
}
.concierge section h3 {
    font-size: 21px;
    line-height: 160%;
    margin-bottom: 30px;
}
.concierge #intro {
    text-align: center;
    padding: 0;
}
.concierge #intro .photo {
    margin-bottom: 30px;
}
.concierge #intro p {
    font-size: 16px;
    line-height: 280%;
    letter-spacing: 1px;
	margin-bottom: 50px;
}
.concierge #promise {
    margin-top: 120px;
    text-align: center;
    padding: 0 0 80px 0;
}
.concierge #promise p {
    font-family: 'Noto Sans JP', sans-serif;
}
.concierge #promise ul {
    text-align: left;
    margin-top: 60px;
    width: 950px;
    margin: 60px auto 0 auto;
}
.concierge #promise ul li:not(last-child) {
    margin-bottom: 60px;
}
.concierge #promise ul li p {
    margin: 0 0 0 25px;
    font-family: 'Noto Sans JP', sans-serif;
}
.concierge #promise .photo {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.concierge #promise .photo img {
    width: 49%;
    margin-bottom: 20px;
}


/* -------------------------
sprecial issue
------------------------- */
#freepage #special {
	width: 1100px;
	margin: 30px auto 0 auto;
}
#freepage #special h1 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 40px;
    text-align: center;
}
#freepage #special h2 {
    font-size: 21px;
    line-height: 160%;
}
#freepage #special .inner {
    margin-bottom: 80px;
}
#freepage #special ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#freepage #special ul li {
    width: 49%;
    padding: 0;
    margin: 0 0 30px 0;
    display: flex;
    flex-direction: column;
}
#freepage #special ul li a {
    display: block;
}
#freepage #special ul li .txt {
    margin-bottom: 20px;
}
#freepage #special ul li .txt .data {
    color: #967E67;
    font-size: 14px;
    line-height: 160%;
}
#freepage #special ul li .txt p {
    font-family: 'Noto Sans JP', sans-serif;
}
#freepage #special ul li .btn {
    margin-top: auto;
}
#freepage #special ul li .btn a {
	display: flex;
}

/* column */
#freepage #special_column {
	width: 1100px;
	margin: 30px auto 0 auto;
}
#freepage #special_column main {
    margin-bottom: 50px;
    height: auto !important;
}
#freepage #special_column main h1 {
    font-size: 36px;
    line-height: 160%;
    text-align: center;
    margin: 30px 0;
}
#freepage #special_column main img {
    width: 100%;
    height: auto;
}
#freepage #special_column section {
    width: 1000px;
    margin: 0 auto;
}
#freepage #special_column .intro {
    margin-bottom: 80px;
}
#freepage #special_column .box {
    margin-bottom: 80px;
}
#freepage #special_column .box h2 {
    margin-bottom: 20px;
}
#freepage #special_column .box .photo {
    text-align: center;
    margin: 20px 0;
}
#freepage #special_column .intro p,
#freepage #special_column .box p {
    width: 800px;
    margin: 0 auto 10px;
	line-height: 240%;
}
#freepage #special_column .intro p:last-child,
#freepage #special_column .box p:last-child {
    margin: 0 auto;
}
#freepage #special_column .box p.interviewer {
	margin-top: 30px;
	color: #ADA593;
}
#freepage #special_column .box p.interviewer::before {
	content: "─";
	margin-right: 5px;
}
#freepage #special_column .concierge {
	background: #F7F5F5;
	padding: 30px;
	margin: 80px 0;
}
#freepage #special_column .concierge h2 {
	text-align: center;
	font-size: 28px;
	line-height: 160%;
	margin-bottom: 50px;
}
#freepage #special_column .concierge ul {
	display: flex;
	justify-content: space-between;
}
#freepage #special_column .concierge li {
	width: 48%;
	display: flex;
	justify-content: space-between;
}
#freepage #special_column .concierge li .img {
	width: 40%;
}
#freepage #special_column .concierge li .txt {
	width: 55%;
}
#freepage #special_column .concierge li .txt h3 small {
	display: block;
	font-size: 12px;
	line-height: 140%;
}
#freepage #special_column .concierge.inner .flexbox {
	display: flex;
	justify-content: space-between;
}
#freepage #special_column .concierge.inner .flexbox .photo {
	width: 20%;
}
#freepage #special_column .concierge.inner .flexbox .txt {
	width: 75%;
}
#freepage #special_column .concierge.inner .flexbox .txt h3 {
	font-size: 24px;
    line-height: 160%;
}
#freepage #special_column .concierge.inner .flexbox .txt h3 small {
    font-size: 12px;
    line-height: 160%;
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
}
#freepage #special_column .concierge.inner h2 {
    text-align: left;
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 20px;
}
#freepage #special_column .items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
#freepage #special_column .items li {
    width: 33.3333%;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
}
#freepage #special_column .items li .img {
    margin: 0 0 10px 0;
}
#freepage #special_column .items li p {
    margin: 0;
}
#freepage #special_column .items li p.name {
    font-size: 16px;
    line-height: 160%;
}
#freepage #special_column .items li .btn {
    margin-top: auto;
    padding-top: 10px;
}
#freepage #special_column .items li .btn a {
    max-width: 100%;
}
#freepage #special_column .box p a {
	border-bottom: 1px solid #333;
}
#freepage #special_column .box p a:hover {
	border-bottom: 1px solid #333;
	text-decoration: none;
}
#freepage #special_column .product {
	display: flex;
	flex-wrap: wrap;
}
#freepage #special_column .product li {
    width: 18%;
    margin: 0 1% 30px;
}
#freepage #special_column .product li p.name {
   margin: 0;
}

/* column - item-introduction */
#freepage #special_column .item-introduction {
    width: 800px;
    margin: 0 auto;
}
#freepage #special_column .item-introduction h3 {
    font-size: 18px;
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 10px;
}
#freepage #special_column .item-introduction h4 {
    font-size: 16px;
    margin-bottom: 5px;
}
#freepage #special_column .item-introduction p {
    line-height: 180%
}
#freepage #special_column .item-introduction p.spec-text {
    font-size: 13px;
    line-height: 140%;
    margin: 0 0 20px 0;
}
#freepage #special_column .item-introduction ul li {
    padding: 20px 0;
    border-bottom: 1px solid #D2D2D2;
}
#freepage #special_column .item-introduction ul a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#freepage #special_column .item-introduction .photo {
    width: 320px;
    height: 180px;
    margin: 0;
}
#freepage #special_column .item-introduction .text,
#freepage #special_column .item-introduction .text p {
    width: 450px;
}


/* -------------------------
service
------------------------- */
#service section {
    padding: 80px 0;
}
#service #intro {
    text-align: center;
    padding: 0 0 80px 0;
}
#service h1 {
    font-size: 32px;
    line-height: 160%;
    margin: 0 0 40px 0;
}
#service h2 {
    font-size: 24px;
    line-height: 160%;
    margin: 0 0 30px 0;
}
#service #intro .photo {
    margin-bottom: 30px;
}
#service #online_consultation {
    background: #F7F5F5;
}
#service #online_consultation .inner {
    width: 1000px;
}
#service #online_consultation .photo {
    margin: 50px 0;
}
#service #online_consultation .concierge h3 {
    text-align: center;
    font-size: 24px;
    line-height: 160%;
    margin: 0 0 30px 0;
}
#service #online_consultation .concierge ul {
    display: flex;
    justify-content: space-between;
}
#service #online_consultation .concierge li {
    width: 33.33333%;
    padding: 10px;
}
#service #online_consultation .concierge li .txt {
    margin: 20px;
}
#service #online_consultation .concierge li h4 {
    font-size: 18px;
    line-height: 160%;
    margin: 0 0 5px 0;
}
#service #online_consultation .concierge li small {
    display: block;
    font-size: 12px;
    line-height: 160%;
    margin: 0 0 20px 0;
}
#service #online_consultation .coordinate {
    text-align: center;
    margin: 80px 0;
}
#service #online_consultation .flow {
    margin: 80px 0;
}
#service #online_consultation .flow h2 {
    text-align: center;
}
#service #online_consultation .flow dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#service #online_consultation .flow dl dt {
    padding: 10px;
    margin: 0 0 30px 0;
    text-align: center;
    background: #FFF;
    color: #967E67;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 140%;
    border-radius: 0 20px 0 20px;
    width: 20%;
}
#service #online_consultation .flow dl dd {
    width: 80%;
    padding: 5px 5px 5px 30px;
    margin: 0 0 30px 0;
}
#service #online_consultation .flow dl dd h3 {
    margin-bottom: 5px;
}
#service #online_consultation .flow dl dd .btn {
    margin-top: 20px;
}
#service #online_consultation .flow dl dd .btn a {
    margin: 0;
}
#service #online_consultation .notice {
    text-align: center;
}
#service #online_consultation .notice h3 {
    font-size: 21px;
    line-height: 160%;
    margin: 0 0 20px 0;
}
#service #online_consultation .notice p {
    font-family: 'Noto Sans JP', sans-serif;
}
#service #online_consultation .appli {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
#service #online_consultation .appli a {
    width: 150px;
    display: block;
    margin: 0 5px;
}

#service #other_service {
    padding: 80px 0 0 0;
}
#service .service_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
#service .service_list:nth-child(even) {
    flex-direction: row-reverse;
}
#service .service_list .photo {
    width: 48%;
}
#service .service_list .txt {
    width: 48%;
}
#service .service_list .txt h2 {
    text-align: left;
    margin: 0 0 30px 0;
}
#service .service_list .txt p {
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
}
#service .service_list .txt .btn {
    margin-top: 30px;
}


/* -------------------------
howto_arsimulator
------------------------- */
#howto_arsimulator section:not(last-child) {
    margin-bottom: 120px;
}
#howto_arsimulator #about p,
#howto_arsimulator #flow p,
#howto_arsimulator #environment p,
#howto_arsimulator #environment .txt ul,
#howto_arsimulator #camera p {
    font-family: 'Noto Sans JP', sans-serif;
}
#howto_arsimulator #intro {
    text-align: center;
}
#howto_arsimulator #intro .photo {
    margin-bottom: 90px;
}
#howto_arsimulator #intro h1 {
    margin: 0 0 30px 0;
    font-size: 32px;
    line-height: 160%;
}
#howto_arsimulator #intro .txt {
    width: 1000px;
    margin: 0 auto;
}
#howto_arsimulator section h2 {
    text-align: center;
    font-size: 28px;
    line-height: 160%;
    margin: 0 0 30px 0;
}
#howto_arsimulator #about.inner,
#howto_arsimulator #flow .inner,
#howto_arsimulator #camera.inner,
#howto_arsimulator #environment.inner {
    width: 1000px;
}
#howto_arsimulator #about ul {
    display: flex;
    justify-content: space-between;
}
#howto_arsimulator #about ul li {
    width: 48%;
}
#howto_arsimulator #about ul li .img {
    margin: 0 0 30px 0;
}
#howto_arsimulator #about ul li h3 {
    font-size: 21px;
    line-height: 160%;
    margin: 0 0 30px 0;
}
#howto_arsimulator #flow {
    background: #F7F5F5;
    padding: 80px 0;
    margin-bottom: 80px;
}
#howto_arsimulator #flow dl,
#howto_arsimulator #flow dl dt,
#howto_arsimulator #flow dl dd {
    margin: 0;
    padding: 0;
}
#howto_arsimulator #flow dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#howto_arsimulator #flow dl dt,
#howto_arsimulator #flow dl dd {
    width: 48%;
    margin-bottom: 30px;
}
#howto_arsimulator #flow dl dt a {
    text-decoration: underline;
}
#howto_arsimulator #flow dl dt a:hover {
    text-decoration: none;
}
#howto_arsimulator #flow h3,
#howto_arsimulator #environment h3 {
    font-size: 18px;
    line-height: 160%;
    margin: 0 0 10px 0;
}
#howto_arsimulator #environment .txt {
    margin-bottom: 30px;
}
#howto_arsimulator #environment ul li {
    list-style: disc;
    margin: 0 0 10px 25px;
}
#howto_arsimulator #camera {
    text-align: center;
}
#howto_arsimulator #camera .btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
#howto_arsimulator #camera .btn a:not(last-child) {
    margin-right: 10px;
}


/* -------------------------
FAQ
------------------------- */
#faq #intro {
    text-align: center;
    margin-bottom: 50px;
}
#faq .faq_list {
    margin-bottom: 80px;
}
#faq .toggle {
	display: none;
}
#faq .Label {
	padding: 1em;
	display: block;
	background: #F7F5F5 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23967E67%22%20class%3D%22bi%20bi-arrow-down-circle%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a7%207%200%201%200%2014%200A7%207%200%200%200%201%208zm15%200A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zM8.5%204.5a.5.5%200%200%200-1%200v5.793L5.354%208.146a.5.5%200%201%200-.708.708l3%203a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%2010.293V4.5z%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20px;
    font-size: 18px;
    line-height: 160%;
}
#faq .toggle:checked + .Label {
	background: #F7F5F5 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23967E67%22%20class%3D%22bi%20bi-arrow-up-circle%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a7%207%200%201%200%2014%200A7%207%200%200%200%201%208zm15%200A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zm-7.5%203.5a.5.5%200%200%201-1%200V5.707L5.354%207.854a.5.5%200%201%201-.708-.708l3-3a.5.5%200%200%201%20.708%200l3%203a.5.5%200%200%201-.708.708L8.5%205.707V11.5z%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% 50%;
    background-size: 20px;
}
#faq .Label::before {
    content: "Q.";
    margin-right: 10px;
}
#faq .Label,
#faq .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#faq .content {
	height: 0;
	margin-bottom: 10px;
	padding: 0 20px;
	overflow: hidden;
    font-family: 'Noto Sans JP', sans-serif;
}
#faq .toggle:checked + .Label + .content {
	height: auto;
	padding: 20px;
	transition: all .3s;
    display: flex;
}
#faq .toggle:checked + .Label + .content::before {
    content: "A.";
    margin-right: 10px;
    font-family: "ten-mincho-text", serif;
}
#faq .toggle:checked + .Label + .content p {
    margin: 0;
}
#faq .toggle:checked + .Label + .content p:not(last-child) {
    margin: 0 0 15px 0;
}

/* -------------------------
opening_campaign
------------------------- */
#opening_campaign .photo {
	margin-bottom: 90px;
}
#opening_campaign #intro {
	text-align: center;
	margin-bottom: 80px;
}
#opening_campaign #about {
	display: flex;
    flex-direction: row-reverse;
	justify-content: space-between;
    align-items: center;
	margin-bottom: 80px;
}
#opening_campaign #about .img,
#opening_campaign #about .txt {
	width: 470px;
}
#opening_campaign #use {
	margin-bottom: 80px;
}
#opening_campaign #use h2 {
	text-align: center;
	margin-bottom: 50px;
}
#opening_campaign #use ul {
	display: flex;
    justify-content: space-between;
}
#opening_campaign #use ul li,
#opening_campaign #use ul li .txt {
	width: 320px;
}
#opening_campaign #use h3 {
	margin-top: 10px;
}
#opening_campaign #attention {
	background: #F7F5F5;
	padding: 80px 0;
	margin-bottom: 80px;
}
#opening_campaign #attention h2 {
	text-align: center;
	margin-bottom: 50px;
}
#opening_campaign #attention dl {
	width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#opening_campaign #attention dl dt:not(last-child),
#opening_campaign #attention dl dd:not(last-child) {
    border-bottom: 1px dotted #967E67;
}
#opening_campaign #attention dl dt,
#opening_campaign #attention dl dd {
	padding: 20px 30px;
    margin: 0;
}
#opening_campaign #attention dt {
	width: 20%;
}
#opening_campaign #attention dd {
	width: 80%;
	margin: 0;
}
#opening_campaign .btn a {
	margin: 0 auto;
}

/* -------------------------
newslist
------------------------- */
#freepage #newslist h1 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 40px;
    text-align: center;
}
#freepage #special .inner {
    margin-bottom: 80px;
}
#freepage #newslist ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#freepage #newslist ul li {
    width: 31%;
    padding: 0;
    margin: 0 1% 30px 1%;
    display: flex;
    flex-direction: column;
}
#freepage #newslist ul li h3 {
	font-size: 21px;
}
#freepage #newslist ul li .txt p {
	font-family: 'Noto Sans JP', sans-serif;
}
#freepage #newslist ul li .txt .data {
    color: #967E67;
    font-size: 14px;
    line-height: 160%;
}
#freepage #newslist ul li .photo a {
	display: block;
}

/* -------------------------
news_column
------------------------- */
#freepage #news_column {
	width: 1100px;
    margin: 30px auto 0 auto;
}
#freepage #news_column .news_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#freepage #news_column .news_container .news_archive {
    width: 250px;
}
#freepage #news_column .news_container .news_box {
    width: 700px;
}
#freepage #news_column .news_container .news_box h3 {
	font-size: 24px;
	margin-bottom: 50px;
}
#freepage #news_column .news_container .news_box p {
	margin-bottom: 30px;
}
#freepage #news_column .txt .data {
    color: #967E67;
    font-size: 15px;
    line-height: 160%;
	margin-bottom: 10px!important;
}
#freepage #news_column .news_container .news_box .photo {
	margin-bottom: 50px;
}
#freepage #news_column .concierge {
	width: 700px;
    padding: 20px 30px;
    background: #F7F5F5;
	margin-top: 50px;
}
#freepage #news_column .concierge h2 {
	font-size: 18px;
    line-height: 160%;
    text-align: left;
    margin: 0 0 20px 0 !important;
}
#freepage #news_column .concierge .flexbox {
	display: flex;
    justify-content: space-between;
}
#freepage #news_column .concierge .flexbox .photo {
	width: 30%;
	margin: 0;
}
#freepage #news_column .concierge .flexbox .txt {
	width: 65%;
	margin: 0;
}
#freepage #news_column .concierge .flexbox .txt h3 {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 20px;
}
#freepage #news_column .concierge .flexbox .txt h3 small {
    font-size: 12px;
    line-height: 160%;
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
}
#freepage #news_column .news_archive h5 {
    font-size: 16px;
    padding: 10px;
    background: #F7F5F5;
    margin: 0;
}
#freepage #news_column .news_archive li {
	border-bottom: 1px dotted #967E67;
    padding: 5px 5px 5px 25px;
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23967E67%22%20class%3D%22bi%20bi-arrow-right%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a.5.5%200%200%201%20.5-.5h11.793l-3.147-3.146a.5.5%200%200%201%20.708-.708l4%204a.5.5%200%200%201%200%20.708l-4%204a.5.5%200%200%201-.708-.708L13.293%208.5H1.5A.5.5%200%200%201%201%208z%22%2F%3E%3C%2Fsvg%3E) no-repeat 0% 50%;
    background-size: 15px;
}

/* -------------------------
search_form
------------------------- */
.search_form {
    max-width: 1100px;
    margin: 0 auto 100px;
    padding: 0 30px;
}
#itempage .search_form {
    padding: 0;
}
#fs_ProductDetails .search_form {
    max-width: 1000px;
}
#itempage .search_form h2.subttl {
    margin: 80px 0 30px;
}
.search_form h3 {
    color: #967E67;
    font-size: 16px;
    padding: 0 5px 5px;
    border-bottom: 1px solid #967E67;
    margin: 10px 0 20px 0;
}
.search_form input[type="checkbox"],
.search_form input[type="radio"] {
    margin-right: 3px;
	width: 10px;
    height: 10px;
	accent-color: #967E67;
}
.search_form .form_box {
	display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.search_form .form_box li {
    width: 20%;
    margin: 0 0 10px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
}
.search_form input[type="text"] {
    border-radius: 3px;
    border: 1px solid #aaa;
    background: #eee;
    width: 500px;
}
.search_form .btn {
    text-align: center;
}
.search_form input[type="submit"] {
    border: none;
    width: 370px;
    padding: 10px 20px;
    color: #fff;
    margin: 50px auto 0;
    background: #967E67 url(../img/common/search/ico_search.png) no-repeat 35% 50%;
    background-size: 25px;
}

/* -------------------------
search_form
------------------------- */
.search_results {
	margin: 0;
}
.search_results dl.conditions {
	border: 1px solid #967E67;
    padding: 20px;
}
.search_results .conditions-box {
    display: flex;
    flex-wrap: wrap;
}
.search_results .conditions-box dt {
	color: #967E67;
	margin: 0 5px 0 0;
}
.search_results .conditions-box dd {
	margin: 0 15px 0 0;
}