@charset "UTF-8";
header, footer, #searchForm, #goTop { display: none; }

#lp-hattatsu{
	overflow-x: hidden;
}

#lp-hattatsu #header { position: absolute; width: 100%; overflow: visible; }

#lp-hattatsu #header .logo { display: block; z-index: 50; margin: 0 auto; padding-top: 8%; text-align: center; width: 100px; }

@media (min-width: 770px) { #lp-hattatsu #header .logo { width: 120px; padding-top: 70px; } }

#lp-hattatsu #mv { position: relative; padding-top: 53%; }

@media (min-width: 770px) { #lp-hattatsu #mv { padding-top: 180px; padding-bottom: 140px; } }

#lp-hattatsu #mv h1 { font-size: 4vw; line-height: 1.80556; margin-bottom: 3em; color: #000; }

@media (min-width: 770px) { #lp-hattatsu #mv h1 { font-size: 27px; letter-spacing: 0.2em; line-height: 49px; color: #fff; } }

#lp-hattatsu #mv .cvBtn { position: relative; z-index: 1; }

@media (min-width: 770px) { #lp-hattatsu #mv .cvBtn p { color: #fff; } }

#lp-hattatsu #mv .cvBtn p:before, #lp-hattatsu #mv .cvBtn p:after { background: url(../images/LP/ico_line02.svg) left top no-repeat; background-size: contain; }

@media (min-width: 770px) { #lp-hattatsu #mv .cvBtn p:before, #lp-hattatsu #mv .cvBtn p:after { background-image: url(../images/LP/ico_line01.svg); } }

#lp-hattatsu #mv .pic { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; }

@media (min-width: 770px) { #lp-hattatsu #mv .pic { height: 100%; } }

#lp-hattatsu #mv .pic .pic01, #lp-hattatsu #mv .pic .pic02, #lp-hattatsu #mv .pic .pic03 { background-size: cover; width: 100%; padding-top: 15%; }

@media (min-width: 770px) { #lp-hattatsu #mv .pic .pic01, #lp-hattatsu #mv .pic .pic02, #lp-hattatsu #mv .pic .pic03 { padding-top: 12.8%; min-height: 600px; } }

#lp-hattatsu #mv .pic .pic01 { background-image: url(../images/LP/bg_mv01.png); }

#lp-hattatsu #mv .pic .pic02 { background-image: url(../images/LP/bg_mv02.png); }

#lp-hattatsu #mv .pic .pic03 { background-image: url(../images/LP/bg_mv03.png); }

#lp-hattatsu .cvBtn { position: relative; z-index: 1; text-align: center; }

#lp-hattatsu .cvBtn p { color: #298948; font-size: 5vw; font-weight: bold; letter-spacing: 0.1em; margin-bottom: .6em; }

@media (min-width: 770px) { #lp-hattatsu .cvBtn p { font-size: 16px; } }

#lp-hattatsu .cvBtn p:before, #lp-hattatsu .cvBtn p:after { content: ''; display: inline-block; vertical-align: middle; width: 4vw; padding: 4vw 1vw; background: url(../images/LP/ico_line02.svg) left top no-repeat; background-size: contain; margin: 0 1em; }

@media (min-width: 770px) { #lp-hattatsu .cvBtn p:before, #lp-hattatsu .cvBtn p:after { padding: 0; width: 15px; height: 30px; margin: 0 1.5em; } }

#lp-hattatsu .cvBtn p:after { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

#lp-hattatsu .cvBtn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 90%; padding: 4vw 0; background: #298948; color: #fff; font-size: 4.5vw; font-weight: bold; -webkit-box-shadow: 0px 3px 0px 0px #185F2F; box-shadow: 0px 3px 0px 0px #185F2F; letter-spacing: 0.075em; }

@media (min-width: 770px) { #lp-hattatsu .cvBtn a { width: 434px; height: 60px; font-size: 19px; padding: 0; } }

#lp-hattatsu .cvArea { padding: 8vw 0 8vw; }

@media (min-width: 770px) { #lp-hattatsu .cvArea { padding: 4.5% 0; } }

#lp-hattatsu .cvArea.is_color { background-color: #E8F2EB; }

#lp-hattatsu .btnBox { text-align: center; padding-top: 3em; border-bottom: 2px solid #E8F2EB; }

#lp-hattatsu .btnBox span { display: block; }

#lp-hattatsu .btnBox a { max-width: 320px; margin: 1em auto 3em; }

#lp-hattatsu #intro { max-width: 1000px; margin: 8vw auto 5vw; padding: 10% 5% 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.9); }

@media (min-width: 770px) { #lp-hattatsu #intro { margin: -70px auto 0; padding: 70px 60px 66px; } }

#lp-hattatsu #intro .tit { margin-bottom: 1.2em; }

@media (min-width: 770px) { #lp-hattatsu #intro .tit { font-size: 30px; margin-bottom: 1em; } }

#lp-hattatsu #intro .txt { max-width: 800px; margin: 0 auto; line-height: 2; letter-spacing: 0.1em; font-size: 4.2vw; }

@media (min-width: 770px) { #lp-hattatsu #intro .txt { font-size: 16px; line-height: 2; } }

#lp-hattatsu #intro .txt + .txt { margin-top: 1em; letter-spacing: .1em; }

@media (min-width: 770px) { #lp-hattatsu #intro .txt + .txt { margin-top: 0; } }

#lp-hattatsu #check { padding: 10% 0 0; }

@media (min-width: 770px) { #lp-hattatsu #check { padding: 95px 0 0; } }

#lp-hattatsu #check .tit { position: relative; color: #525252; width: 90%; margin: 0 auto 7%; padding-bottom: 10%; background: transparent; line-height: 1.6; }

@media (min-width: 770px) { #lp-hattatsu #check .tit { width: 626px; margin: 0 auto 50px; padding-bottom: 80px; font-size: 22px; line-height: 1.5; } }

#lp-hattatsu #check .tit:before { position: absolute; content: ''; display: block; bottom: 0; left: 0; width: 95.84665%; height: 0; padding-top: 689.65517%; background: url(../images/LP/bg_checklist01.svg) left bottom no-repeat; background-size: contain; }

@media (min-width: 770px) { #lp-hattatsu #check .tit:before { width: 626px; height: 87px; padding-top: 0; } }

#lp-hattatsu #check .list { position: relative; margin: 0 auto 1%; padding-bottom: 13%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 770px) { #lp-hattatsu #check .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 736px; padding-left: 35px; padding-bottom: 80px; } }

#lp-hattatsu #check .list:before { content: ''; display: block; position: absolute; left: 50%; bottom: 10px; -webkit-transform: translateX(-87%); transform: translateX(-87%); width: 7.4vw; height: 8.6vw; background: url(../images/LP/ico_arw.svg) left top no-repeat; background-size: contain; }

@media (min-width: 770px) { #lp-hattatsu #check .list:before { width: 37px; height: 43px; } }

#lp-hattatsu #check .list .item { position: relative; color: #298948; font-weight: bold; font-size: 4.5vw; letter-spacing: 0.05em; margin-bottom: 1.5em; text-align: center; }

@media (min-width: 770px) { #lp-hattatsu #check .list .item { text-align: left; padding-left: 45px; font-size: 16px; width: 286px; margin-bottom: 36px; white-space: nowrap; }
  #lp-hattatsu #check .list .item:nth-of-type(2n) { width: 316px; } }

#lp-hattatsu #check .list .item:before { content: ''; display: inline-block; -webkit-transform: translateY(0.2vw); transform: translateY(0.2vw); width: 4.25vw; height: 4vw; background: url(../images/LP/ico_checklist.svg) left top no-repeat; background-size: contain; margin-right: 0.5em; }

@media (min-width: 770px) { #lp-hattatsu #check .list .item:before { -webkit-transform: none; transform: none; display: block; position: absolute; left: 0px; top: 0px; width: 17px; height: 16px; margin-right: 0; } }

#lp-hattatsu #check .column { background: #FAFBFD url(../images/LP/img_checklist01.png) left top no-repeat; background-size: 200%; padding: 90% 5% 10%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 770px) { #lp-hattatsu #check .column { background-position: center bottom; background-size: cover; padding: 11% 0 13% 54%; } }

@media (min-width: 770px) { #lp-hattatsu #check .column .inner { padding-right: 50px; } }

#lp-hattatsu #check .column .inner .txt { font-size: 4.2vw; line-height: 2; letter-spacing: .1em; }

@media (min-width: 770px) { #lp-hattatsu #check .column .inner .txt { font-size: 16px; line-height: 2; max-width: 600px; } }

#lp-hattatsu #check .column .inner .txt + .txt { margin-top: 1.8em; }

#lp-hattatsu #check .column .inner span { display: inline-block; }

#lp-hattatsu #feature { margin-top: 10%; }

@media (min-width: 770px) { #lp-hattatsu #feature { margin-top: 0; } }

#lp-hattatsu #feature .secTit { padding: 15% 0 12%; background: url(../images/LP/bg_feature.png); background-size: cover; line-height: 1.80556; letter-spacing: 0.2em; color: #fff; font-size: 5.5vw; }

@media (min-width: 770px) { #lp-hattatsu #feature .secTit { padding: 150px 0 100px; font-size: 36px; } }

#lp-hattatsu #feature .secTit .en { display: block; line-height: 1; font-size: 12px; display: block; letter-spacing: 0.245em; padding-top: 1.2em; font-weight: bold; }

@media (min-width: 770px) { #lp-hattatsu #feature .secTit .en { font-size: 15px; } }

#lp-hattatsu #feature .txt { max-width: 860px; margin: 8% 5%; letter-spacing: 0.1em; line-height: 2; font-size: 4.2vw; }

@media (min-width: 770px) { #lp-hattatsu #feature .txt { margin: 4% auto; font-size: 16px; padding: 0 60px; } }

#lp-hattatsu #feature .inner { padding: 0 5%; }

@media (min-width: 770px) { #lp-hattatsu #feature .inner { padding: 0 100px; max-width: 1500px; margin: 0 auto; } }

#lp-hattatsu #feature .inner .list .item { margin-bottom: 30px; padding: 51% 0 0; background: 0 0 no-repeat; background-size: contain; }

@media (min-width: 770px) { #lp-hattatsu #feature .inner .list .item { padding: 30px 0; background: left 50% no-repeat; background-size: 53%; } }

#lp-hattatsu #feature .inner .list .item:nth-of-type(1) { background-image: url(../images/LP/img_feature01.png); }

#lp-hattatsu #feature .inner .list .item:nth-of-type(2) { background-image: url(../images/LP/img_feature02.png); }

#lp-hattatsu #feature .inner .list .item:nth-of-type(3) { background-image: url(../images/LP/img_feature03.png); }

#lp-hattatsu #feature .inner .list .item:nth-of-type(4) { background-image: url(../images/LP/img_feature04.png); }

@media (min-width: 770px) { #lp-hattatsu #feature .inner .list .item:nth-of-type(2n-1) .box { margin-left: auto; }
  #lp-hattatsu #feature .inner .list .item:nth-of-type(2n) { background-position: right 50%; }
  #lp-hattatsu #feature .inner .list .item:nth-of-type(2n) .box { margin-right: auto; } }

#lp-hattatsu #feature .inner .list .item .box { background-color: rgba(255, 255, 255, 0.9); padding: 6% 5% 4%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 770px) { #lp-hattatsu #feature .inner .list .item .box { width: 50%; min-width: 500px; padding: 50px 50px 40px; min-height: 287px; } }

#lp-hattatsu #feature .inner .list .item .box small { color: #298948; display: block; margin-bottom: 1em; font-weight: bold; letter-spacing: 0.1em; font-size: 2vw; }

@media (min-width: 770px) { #lp-hattatsu #feature .inner .list .item .box small { font-size: 13px; } }

#lp-hattatsu #feature .inner .list .item .box small span { display: inline-block; text-align: center; background: #298948; color: #fff; font-size: 2vw; line-height: 5.8vw; width: 5.8vw; height: 5.8vw; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; margin-left: 2vw; letter-spacing: 0; }

@media (min-width: 770px) { #lp-hattatsu #feature .inner .list .item .box small span { font-size: 12px; width: 20px; height: 20px; line-height: 20px; margin-left: 10px; } }

#lp-hattatsu #feature .inner .list .item .box p { font-size: 4.44444vw; line-height: 2; font-weight: bold; letter-spacing: 0.2em; color: #525252; }

@media (min-width: 770px) { #lp-hattatsu #feature .inner .list .item .box p { font-size: 18px; } }

#lp-hattatsu #cafe { border: 10px solid #E8F2EB; padding: 5%; }

@media (min-width: 770px) { #lp-hattatsu #cafe { padding: 0 30px; max-width: 1000px; margin: 5% auto 0; } }

#lp-hattatsu #cafe .inner { max-width: 1000px; background: #fff; margin: 0 auto; padding: 8% 5%; text-align: center; }

@media (min-width: 770px) { #lp-hattatsu #cafe .inner { padding: 60px 60px 50px; } }

#lp-hattatsu #cafe .tit { display: inline-block; font-size: 5vw; line-height: 1.6; font-weight: bold; letter-spacing: 0.2em; border-bottom: 2px solid #298948; padding-bottom: .5em; margin-bottom: 1em; }

@media (min-width: 770px) { #lp-hattatsu #cafe .tit { font-size: 18px; padding-bottom: .8em; margin-bottom: 1.5em; } }

#lp-hattatsu #cafe .txt { max-width: 800px; margin: 0 auto 1.5em; text-align: left; font-size: 4.2vw; line-height: 2; letter-spacing: 0.05em; }

@media (min-width: 770px) { #lp-hattatsu #cafe .txt { font-size: 16px; } }

#lp-hattatsu #voice { background: #E8F2EB; padding: 10% 5%; }

@media (min-width: 770px) { #lp-hattatsu #voice { padding: 100px 0 5%; } }

@media (min-width: 770px) { #lp-hattatsu #voice .inner { max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

#lp-hattatsu #voice .tit { margin-bottom: 1em; }

@media (min-width: 770px) { #lp-hattatsu #voice .tit { margin-bottom: 2em; } }

@media (min-width: 770px) { #lp-hattatsu #voice .column { width: 48.1%; } }

#lp-hattatsu #voice .column .item { border-radius: 10px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5% 8%; line-height: 1.66667; letter-spacing: .1em; margin-bottom: 15px; }

@media (min-width: 770px) { #lp-hattatsu #voice .column .item { padding: 36px 25px 28px 36px; border-radius: 20px; margin-bottom: 30px; } }

#lp-hattatsu #voice .column .item .stit { font-weight: bold; letter-spacing: 0.1em; line-height: 1.61111; position: relative; padding-left: 45px; margin-bottom: .5em; color: #525252; font-size: 4.2vw; }

@media (min-width: 770px) { #lp-hattatsu #voice .column .item .stit { font-size: 18px; } }

#lp-hattatsu #voice .column .item .stit span { display: inline-block; }

#lp-hattatsu #voice .column .item .stit:before { content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 34px; height: 33px; background: url(../images/LP/ico_voice.svg) left top no-repeat; background-size: contain; }

#lp-hattatsu #voice .column .item .txt { font-size: 3.88889vw; }

@media (min-width: 770px) { #lp-hattatsu #voice .column .item .txt { font-size: 15px; } }

#lp-hattatsu #voice .column .item em { font-style: normal; color: #298948; }

#lp-hattatsu #faq { margin: 5vw auto 5vw; padding: 10% 0 0; }

@media (min-width: 770px) { #lp-hattatsu #faq { margin: 0; padding: 120px 0 100px; } }

#lp-hattatsu #faq .tit { margin-bottom: 1em; }

@media (min-width: 770px) { #lp-hattatsu #faq .tit { margin-bottom: 2em; } }

#lp-hattatsu #faq .list { max-width: 800px; margin: 0 5%; }

@media (min-width: 770px) { #lp-hattatsu #faq .list { margin: 0 auto; } }

#lp-hattatsu #faq .list dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #f0f0f0; font-size: 3.88889vw; font-weight: 700; letter-spacing: 0.05em; color: #3E3735; margin-bottom: 1em; padding: 0 1em 0 0; line-height: 1.5; }

@media (min-width: 770px) { #lp-hattatsu #faq .list dt { font-size: 16px; } }

#lp-hattatsu #faq .list dt .q { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #298948; color: #fff; font-weight: 700; width: 8.88889vw; margin-right: 10px; padding: 8px; margin: 0 10px 0 0; font-size: 3.88889vw; text-indent: .4vw; }

@media (min-width: 770px) { #lp-hattatsu #faq .list dt .q { font-size: 16px; width: 32px; text-indent: 0; } }

#lp-hattatsu #faq .list dt .inTxt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2vw 0; }

@media (min-width: 770px) { #lp-hattatsu #faq .list dt .inTxt { margin: 0; } }

#lp-hattatsu #faq .list dd { position: relative; line-height: 1.7; padding-bottom: 7%; padding-left: 9vw; letter-spacing: 0.05em; font-size: 3.88889vw; }

@media (min-width: 770px) { #lp-hattatsu #faq .list dd { line-height: 2; font-size: 16px; padding-bottom: 40px; padding-left: 34px; } }

#lp-hattatsu #faq .list dd span { position: absolute; left: 9px; top: 0; color: #298948; display: inline-block; font-weight: 700; font-size: 3.88889vw; width: 8.88889vw; text-indent: .4vw; }

@media (min-width: 770px) { #lp-hattatsu #faq .list dd span { text-indent: 0; font-size: 16px; width: 32px; } }

#lp-hattatsu #faq .list dd small { font-size: 3.2vw; display: block; line-height: 1.7; margin-top: 1em; }

@media (min-width: 770px) { #lp-hattatsu #faq .list dd small { line-height: 2; font-size: 11px; } }

#lp-hattatsu #room { position: relative; margin: 5vw auto 5vw; padding: 10% 5% 0; }

@media (min-width: 770px) { #lp-hattatsu #room { margin: 0; padding: 120px 100px 100px; } }

#lp-hattatsu #room .js-tab-menu { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#lp-hattatsu #room .js-tab-menu li { height: 55px; line-height: 53px; margin: 0 2px; text-align: center; border: 2px solid #298948; border-radius: 5px; font-weight: bold; letter-spacing: .1em; width: 8em; color: #298948; }

@media (min-width: 770px) { #lp-hattatsu #room .js-tab-menu li { margin: 0 10px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 16px; } }

#lp-hattatsu #room .js-tab-menu li img { max-width: 80px; display: block; margin: 10px auto; }

#lp-hattatsu #room .js-tab-menu li:hover { cursor: pointer; background: #E8F2EB; }

#lp-hattatsu #room .js-tab-menu .active { background: #E8F2EB; }

#lp-hattatsu #room .js-tab-content { padding-top: 1em; }

@media (min-width: 770px) { #lp-hattatsu #room .js-tab-content { padding-top: 40px; } }

#lp-hattatsu #room .js-tab-content .block { display: none; }

#lp-hattatsu #room .js-tab-content .active { display: block; }

#lp-hattatsu #room .tit { margin-bottom: 1em; line-height: 1.80556; }

@media (min-width: 770px) { #lp-hattatsu #room .tit { margin-bottom: 2em; } }

@media (max-width: 699px) { #lp-hattatsu #room .list { overflow-x: auto; white-space: nowrap; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; width: 100vw;padding-right: 5%; }
  #lp-hattatsu #room .list .item { display: inline-block; /* 横並びにする指定 */ width: 75%; margin-right: 5%; margin-bottom: 0; height: 460px; vertical-align: top; } }

@media (min-width: 770px) { #lp-hattatsu #room .list { max-width: 1400px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #lp-hattatsu #room .list:after { content: ""; display: block; } }

@media (min-width: 770px) and (min-width: 770px) { #lp-hattatsu #room .list:after { width: 48.33333%; } }

@media (min-width: 770px) and (min-width: 1000px) { #lp-hattatsu #room .list:after { width: 32%; } }

#lp-hattatsu #room .list .item { background: rgba(240, 240, 240, 0.5); margin-bottom: 10%; }

@media (min-width: 770px) { #lp-hattatsu #room .list .item { width: 48.33333%; } }

@media (min-width: 1000px) { #lp-hattatsu #room .list .item { width: 32%; margin-bottom: 40px; padding-bottom: .1em; } }

#lp-hattatsu #room .list .item .roomName { font-weight: bold; letter-spacing: 0.1em; margin: 1em 5% .5em; font-size: 3.8888888889vw; }

@media (min-width: 770px) { #lp-hattatsu #room .list .item .roomName { margin: 1.5em 5% 1em; font-size: 18px; } }

#lp-hattatsu #room .list .item .access { font-size: 2.7777777778vw; line-height: 1.58333; letter-spacing: 0.1em; margin: 0 5% 1.5em; white-space: normal; }

@media (min-width: 770px) { #lp-hattatsu #room .list .item .access { font-size: 12px; margin: 0 5% 1.5em; } }

#lp-hattatsu #room .list .item .map { margin: 0 5%; border: 5px solid #fff; }

#lp-hattatsu #room .list .item .map iframe { width: 100%; height: 130px; }

@media (min-width: 770px) { #lp-hattatsu #room .list .item .map iframe { height: 199px; } }

#lp-hattatsu #room .list .item a { margin: 5% auto; display: block; width: 90%; height: 11vw; line-height: 11vw; letter-spacing: 0.075em; font-size: 3.6111111111vw; color: #298948; border: 1px solid #298948; text-align: center; font-weight: bold; }

@media (min-width: 770px) { #lp-hattatsu #room .list .item a { margin: 1.5em auto; font-size: 14px; line-height: 40px; width: 250px; height: 40px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
  #lp-hattatsu #room .list .item a:hover { color: #fff; background: #298948; } }

#lp-hattatsu #contact .tit { margin-bottom: 1em; font-size: 5.5vw; }

@media (min-width: 770px) { #lp-hattatsu #contact .tit { padding-top: 1em; font-size: 30px; } }

#lp-hattatsu #contact .privacyArea p { font-size: 3.6vw; }

@media (min-width: 770px) { #lp-hattatsu #contact .privacyArea p { font-size: 14px; } }

#lp-hattatsu #footer { max-width: 1120px; margin: 0 auto; padding: 5%; }

@media (min-width: 770px) { #lp-hattatsu #footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 60px 40px; } }

#lp-hattatsu #footer table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; }

@media (min-width: 770px) { #lp-hattatsu #footer table { width: 440px; } }

#lp-hattatsu #footer table tr { display: block; border-bottom: 1px solid #dcdcdc; padding: 5px 0 4px; }

#lp-hattatsu #footer table th, #lp-hattatsu #footer table td { text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.05em; font-size: 3.8vw; }

@media (min-width: 770px) { #lp-hattatsu #footer table th, #lp-hattatsu #footer table td { font-size: 13px; } }

#lp-hattatsu #footer table th { vertical-align: middle; border-right: 1px solid #dcdcdc; width: 25vw; }

@media (min-width: 770px) { #lp-hattatsu #footer table th { width: 100px; } }

#lp-hattatsu #footer table td { vertical-align: top; word-break: break-all; line-height: 1.64286; padding-left: 5vw; }

@media (min-width: 770px) { #lp-hattatsu #footer table td { padding-left: 40px; } }

#lp-hattatsu #footer .copy { display: block; font-size: 3vw; letter-spacing: 0.1em; text-align: center; margin-top: 1.5em; }

@media (min-width: 770px) { #lp-hattatsu #footer .copy { font-size: 11px; text-align: right; margin-top: 0; } }