@charset "utf-8"; /*============================ #translationArea ============================*/ #translationArea { padding: 10px 30px; background-color: #555; } #translationArea .container { display: flex; margin-left: auto; padding: 6px 0; border-radius: 20px; width: fit-content; background-color: #eaeaea; } #translationArea .container .ja {} #translationArea .container .ja a { border-radius: 20px; background-color: #fff; color: #222; } #translationArea .container .ja a.active { padding: 3px 20px; pointer-events: none; border: none; font-weight: 600; } #translationArea .container .ja a.active span {} #translationArea .container .ja a.inactive { padding: 3px 15px 3px 20px; background-color: transparent; color: #777; } #translationArea .container .ja a:hover.inactive { background-color: #fff; } #translationArea .container .ja a.inactive span {} #translationArea .container .en {} #translationArea .container .en a { border-radius: 20px; background-color: #fff; color: #222; } #translationArea .container .en a.active { padding: 3px 20px; pointer-events: none; border: none; font-weight: 600; } #translationArea .container .en a.active span {} #translationArea .container .en a.inactive { padding: 3px 10px; background-color: transparent; color: #777; } #translationArea .container .en a:hover.inactive { background-color: #fff; } #translationArea .container .en a.inactive span {} #translationArea .container .chs {} #translationArea .container .chs a { border-radius: 20px; background-color: #fff; color: #222; } #translationArea .container .chs a.active { padding: 3px 20px; pointer-events: none; border: none; font-weight: 600; } #translationArea .container .chs a.active span {} #translationArea .container .chs a.inactive { padding: 3px 10px; background-color: transparent; color: #777; } #translationArea .container .chs a.inactive:hover.inactive { background-color: #fff; } #translationArea .container .chs a.inactive span {} #translationArea .container .cht {} #translationArea .container .cht a { border-radius: 20px; background-color: #fff; color: #222; } #translationArea .container .cht a.active { padding: 3px 20px; pointer-events: none; border: none; font-weight: 600; } #translationArea .container .cht a.active span {} #translationArea .container .cht a.inactive { padding: 3px 20px 3px 15px; background-color: transparent; color: #777; } #translationArea .container .cht a:hover.inactive { background-color: #fff; } #translationArea .container .cht a.inactive span {} /*============================ #leadArea ============================*/ .md_lead {} .md_lead .catch { margin-top: 20px; color: #ff5a5f; text-align: center; font-size: 1.75em; font-weight: bold; } .md_lead .tagline { margin-top: 15px; margin-bottom: 30px; font-size: 1.25em; color: #ff5a5f; text-align: center; } .md_lead .text {} /*============================ #companyArea ============================*/ #companyArea { padding-top: 100px; } #companyArea .md_mainTitle {} #companyArea .md_mainTitle .sub {} #companyArea .md_mainTitle .main {} #companyArea .search { margin-top: 40px; position: relative; padding-bottom: 80px; } #companyArea .search .md_tab_bar { margin-top: 40px; } #companyArea .search .searchContent { background: #f7f7f7; padding: 40px 0; border: solid 1px #ccc; border-top: none; border-radius: 0 0 5px 5px; } #companyArea .search .searchContent dl { display: table; width: 100%; } #companyArea .search .searchContent dl dt { display: table-cell; width: 220px; padding: 10px 30px; border-right: solid 1px #ddd; text-align: right; } #companyArea .search .searchContent dl dd { display: table-cell; padding: 0 30px; } #companyArea .search .searchContent dl dd ul {} #companyArea .search .searchContent dl dd ul li { display: inline-block; margin: 5px 0; } #companyArea .search .searchContent dl dd ul li a { display: inline-block; min-width: 120px; padding: 11px 12px 10px; border-radius: 30px; border: solid 1px #ddd; text-align: center; background: #fff; font-size: 0.875em; line-height: 1.3; cursor: pointer; } a.active { background: #222; border: solid 1px #222; color: #fff; } #companyArea .search .searchContent dl dd ul li.service01 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service01 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_01.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent dl dd ul li.service02 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service02 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_02.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent dl dd ul li.service03 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service03 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_03.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent dl dd ul li.service04 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service04 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_04.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent dl dd ul li.service05 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service05 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_05.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent dl dd ul li.service06 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service06 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_06.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent dl dd ul li.service07 a { padding-left: 50px; position: relative; } #companyArea .search .searchContent dl dd ul li.service07 a::before { content: ""; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url("/imageFile/forhosts/support_airbnbpartners/illust_07.png") no-repeat center; background-size: 30px auto; } #companyArea .search .searchContent ul li a.active { background: #222; border: solid 1px #222; color: #fff; } #companyArea .search::after { content: ""; display: block; width: 100px; height: 80px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; background: url("/imageFile/global/icon_bigArrowBottom.png") no-repeat center; } #companyArea .content { padding-top: 20px; } #companyArea .content ul {} #companyArea .content ul li { margin-top: 20px; display: flex; align-items: flex-start; } #companyArea .content ul li .image { width: 340px; } #companyArea .content ul li .image img { width: 100%; height: auto; } #companyArea .content ul li .data { flex: 1; margin-left: 40px; } #companyArea .content ul li .data .name { margin-top: 10px; font-size: 1.25em; font-weight: bold; } #companyArea .content ul li .data .text { margin-top: 15px; line-height: 1.5; } #companyArea .content ul li .data .table { margin-top: 20px; } #companyArea .content ul li .data .table table { width: 100%; } #companyArea .content ul li .data .table table tr {} #companyArea .content ul li .data .table table tr th { width: 140px; font-weight: bold; line-height: 1.5; padding: 8px; font-size: 0.875em; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; vertical-align: middle; } #companyArea .content ul li .data .table table tr td { padding: 8px; line-height: 1.5; font-size: 0.875em; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; vertical-align: middle; } #companyArea .content ul li .data .button { margin-top: 40px; text-align: right; } #companyArea .content ul li .data .button a.md_btn_sub {} #companyArea .content ul li .data .button a.md_btn_sub span {}