@charset "UTF-8";
/* Scss Document */
/*color*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
/*layout*/
html { width: 100% !important; min-height: 100% !important; margin: 0px; padding: 0px; }

body { width: 100% !important; min-height: 100% !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /*本番用*/ }

/*----------------------------------------------------
	楽天パーツ
----------------------------------------------------*/
.rt-header { z-index: 0; }

#htlContents { position: relative; max-width: 2000px; margin-left: auto; margin-right: auto; }
#htlContents.single-column { 　width: 100% !important; }
#htlContents .hometown-tax__container { margin: 0px auto !important; 　　min-width: 1190px !important; width: 1190px !important; float: none !important; display: block !important; }
#htlContents ._attention__outermost-wrapper_grgv0_1 { 　　max-width: 1190px !important; min-width: 1190px; margin: 0px auto !important; }
#htlContents #htlBrdCrmbs { margin: 0 auto; max-width: 1190px; width: calc(100% - 30px); }
#htlContents #htlHeader { margin: 0 auto; max-width: 1190px; width: calc(100% - 30px); }

#htlMainContent { width: 100% !important; float: none; margin-left: auto; margin-right: auto; }
#htlMainContent > div:first-child { margin: 0 auto; max-width: 1190px; width: calc(100% - 30px); }

div#RthCustomizeW { clear: both; width: 100%; margin: 0 auto 10px auto; padding: 0; }

#widewrapper { width: 100%; }

/*左カラム*/
#htlSide-A { width: 100%; max-width: 1650px; min-width: 1190px; margin: 0 auto; float: none; display: block; position: relative; z-index: 5; }

#htlRmSrch { margin-top: 0px; position: absolute; left: 20px; z-index: 1000; top: 840px; }

#upfrntPlans { position: absolute; left: 20px; top: 1695px; }

#htlSide-A #latest_cstm_review { position: absolute; left: 20px; top: 1510px !important; }

#htlSide-A .module-history-domsearch { position: absolute; left: 20px; text-align: left; display: none; }

/*----------------------------------------------------
	全体
----------------------------------------------------*/
.all { font-family: "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", sans-serif; zoom: 100%; width: 100%; font-size: 15px; min-width: 1190px !important; overflow: hidden; }
.all:after { content: ''; display: block; clear: both; }
.all * { box-sizing: border-box; }
.all img { max-width: 100%; }

.ovh { overflow: hidden; }

.jp { font-family: "Noto Sans JP", sans-serif; }

.en { font-family: "Outfit", sans-serif; }

.f_sans { font-family: "Noto Sans JP", sans-serif; font-weight: 500; }

.lhc::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
.lhc::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }

#contents { position: relative; }

.wrp { width: 1190px; margin-left: auto; margin-right: auto; }

.lrg_cnt { width: 1780px; margin-left: -295px; }
.lrg_cnt > iframe { width: 100%; }

.wrp.pd { padding-left: 10px; padding-right: 10px; }

.cf:after { content: ''; display: block; clear: both; }

.flex { display: flex; }

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
.all a { cursor: pointer; color: #000000; text-decoration: none; }
.all a:hover img { opacity: 0.6; }

.all h2, .all h3, .all h4, .all h5 { color: #000000; font-weight: normal; }
.all p { color: #000000; font-family: "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", sans-serif; }

.btn_arw { background-color: #000000; border: 1px solid #000000; color: #fff !important; width: 260px; height: 40px; display: inline-flex; justify-content: center; align-items: center; position: relative; text-decoration: none; transition: all 0.5s; font-family: "Noto Sans JP", sans-serif; padding-bottom: 1px; }
.btn_arw.en { font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; font-weight: bold; }
.btn_arw:hover { background-color: #fff; color: #000000 !important; }

.p_link { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-top: 120px; max-width: 950px; margin-left: auto; margin-right: auto; }
.p_link li { flex: 1; width: 100%; min-height: 50px; margin-left: -1px; position: relative; }
.p_link li:after { content: ''; display: block; height: 50px; width: 1px; background-color: #c9caca; top: 0; bottom: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; }
.p_link li:first-child { margin-left: 0; }
.p_link li:first-child:before { content: ''; display: block; height: 50px; width: 1px; background-color: #c9caca; top: 0; bottom: 0; margin-left: auto; margin-right: auto; position: absolute; left: 0; }
.p_link li a { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; height: 100%; width: 100%; padding-left: 10px; padding-right: 10px; color: #000000; position: relative; font-size: 15px; font-weight: 700; line-height: 2; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; overflow: visible; }
.p_link li a::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
.p_link li a::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }
.p_link li a span { display: block; }
.p_link li a span.l::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
.p_link li a span.l::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }
.p_link li a span.s { margin-top: 5px; font-size: 13px; line-height: 1.4; font-weight: 400; }
.p_link li a span.s::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.4) * .5em); content: ""; }
.p_link li a span.s::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.4) * .5em); content: ""; }
.p_link li a:after { content: ''; display: block; width: 7px; height: 7px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; transform: rotate(45deg) translateX(-50%); margin-left: auto; margin-right: auto; transition: .5s; position: absolute; bottom: 10px; left: 50%; }
.p_link li a:hover { color: #000000; }
.p_link li a:hover:after { bottom: 0; }
#ro_lead .p_link { flex-wrap: nowrap; align-items: flex-start; padding: 0 25px; }
#ro_lead .p_link li { flex-shrink: 0; flex-grow: 0; width: 22.3684210526%; margin-left: 3.5087719298%; }
#ro_lead .p_link li:first-child { margin-left: 0; }
#ro_lead .p_link a img { display: block; width: 100%; }
#ro_lead .p_link a > span { display: block; margin-top: 10px; text-align: center; font-style: normal; font-size: 15px; letter-spacing: -.1em; line-height: 1.4; /*span{
	@media (max-width:1400px){
		font-size: 23/1400*100vw;
	}
	&.slush{
		@media (max-width:1400px){
			font-size: 25/1400*100vw;
		}
	}
}*/ }
@media (max-width: 1500px) and (min-width: 1401px) { #ro_lead .p_link a > span { font-size: 0.9333333333vw; } }
@media (max-width: 1400px) { #ro_lead .p_link a > span { font-size: 1.0714285714vw; } }

.i_link_cont { margin-top: 150px; }
.i_link_cont h3 { margin-bottom: 50px; text-align: center; }

.i_link { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.i_link li { flex-basis: 440px; max-width: 440px; flex-grow: 0; flex-shrink: 0; margin-left: 30px; }
.i_link li:nth-child(2n+1) { margin-left: 0; }
.i_link li a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; }
.i_link li a .img { flex-basis: 250px; max-width: 250px; flex-grow: 0; flex-shrink: 0; }
.i_link li a .txt { flex-basis: calc(100% - 250px); max-width: calc(100% - 250px); flex-grow: 0; flex-shrink: 0; border: 1px solid #c9caca; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; }
.i_link li a .txt:after { content: ''; display: block; width: 15px; height: 6px; background: url("../com/pl_arrow.png") center center/contain no-repeat; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 20px; transition: all 0.5s; }
.i_link li a:hover .txt:after { transform: translateY(7px); }

/*----------------------------------------------------
	画像
----------------------------------------------------*/
img { border: 0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: bottom; /* [disabled]margin: 0px 0px 0px 0px; */ }

/*----------------------------------------------------
	段落
----------------------------------------------------*/
body p { font-size: 15px; line-height: 2; font-family: "Noto Sans JP", sans-serif; color: #333; }

body p a:link { font-size: 15px; line-height: 2; }

body p a:hover { font-size: 15px; line-height: 2; }

body p a:visited { font-size: 15px; line-height: 2; }

body p a:hover, body p a:active { font-size: 15px; line-height: 2; }

/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/
#main:after { content: "."; display: block; clear: both; height: 0; max-height: 0; visibility: hidden; }

.cont01 { padding-top: 75px; padding-bottom: 75px; }
header.large + .cont01 { padding-top: 0; }

.cont02 { padding-top: 60px; padding-bottom: 60px; }
.column + .cont02 { padding-top: 100px; }
header.large + .cont02 { margin-top: -60px; }

/*----------------------------------------------------
	メインビジュアル
----------------------------------------------------*/
#mv { width: 1190px; margin-left: auto; margin-right: auto; position: relative; }
#mv h2 { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

/*----------------------------------------------------
	#gnav	ナビ
----------------------------------------------------*/
#gnav { margin-top: 35px; display: flex; justify-content: center; }
#gnav ul { display: flex; justify-content: center; align-items: center; flex-grow: 0; }
#gnav ul li + li { margin-left: 40px; }
#gnav ul li a { width: 100%; height: 100%; position: relative; color: #000000; font-size: 30px; font-family: "Outfit", sans-serif; font-weight: 300; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; vertical-align: bottom; overflow: hidden; }
#gnav ul li a span { display: inline-block; position: relative; transition: .4s; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
#gnav ul li a span:after { display: inline-block; position: absolute; left: 0; top: 0; content: attr(data-text); color: #6d6d6d; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg); transform: translate3d(0, 105%, 0) rotateX(-90deg); }
#gnav ul li a:hover span { -webkit-transform: translate3d(0, 0, -30px) rotateX(90deg); transform: translate3d(0, 0, -30px) rotateX(90deg); }

/*----------------------------------------------------
	検索
----------------------------------------------------*/
#search iframe { width: 100%; height: calc(385px - (16.8px + 5px) + 170px); }

/*----------------------------------------------------
	右固定
----------------------------------------------------*/
#right_fixed { position: fixed; right: 20px; top: 170px; z-index: 3; }
#right_fixed a { position: relative; display: flex; flex-direction: column; justify-content: center; }
#right_fixed a img { transition: .5s; }
#right_fixed a + a { margin-top: 20px; }

/*----------------------------------------------------
	共通ヘッダー
----------------------------------------------------*/
header.large { margin-bottom: 43px; text-align: center; }
header.large h3 { font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; font-size: 40px; line-height: 2; font-weight: bold; }
header.large h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
header.large h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }
header.large.yellow h3:before { display: none; }
header.large.yellow h3:first-letter { font-size: 55px; line-height: 1.4545454545; color: #ffcb43; }

header.middle { margin-bottom: 20px; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; text-align: center; }
header.middle h3 { font-size: 50px; line-height: 1; letter-spacing: -.01em; font-weight: 200; }
header.middle h3 span { font-style: italic; font-size: 56px; }

header.small { margin-bottom: 40px; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; text-align: center; }
header.small h3 { font-size: 40px; line-height: 1; letter-spacing: -.01em; font-weight: 200; }
header.small h3 span { font-style: italic; font-size: 46px; }

/*----------------------------------------------------
	見出し単品
----------------------------------------------------*/
.tit01 { font-size: 25px; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; margin-bottom: 28px; line-height: 1.6; }
.tit01::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.6) * .5em); content: ""; }
.tit01::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.6) * .5em); content: ""; }
.tit01.lh_s { line-height: 1.2; }
.tit01.lh_s::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.2) * .5em); content: ""; }
.tit01.lh_s::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.2) * .5em); content: ""; }

.tit02 { font-size: 25px; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; margin-bottom: 5px; line-height: 1.6; }
.tit02::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.6) * .5em); content: ""; }
.tit02::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.6) * .5em); content: ""; }
.boxes > div > .tit02:first-child { padding: 0 20px; }

.tit03 { margin-bottom: 30px; }
.tit03 span { display: inline-block; vertical-align: middle; }
.tit03 .en { font-size: 25px; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; font-weight: bold; line-height: 1.2; overflow: visible; }
.tit03 .en::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.2) * .5em); content: ""; }
.tit03 .en::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.2) * .5em); content: ""; }
.tit03 .en + .jp { margin-left: 25px; }
.tit03 .jp { color: #a9a9a9; font-weight: normal; font-size: 16px; }

/*----------------------------------------------------
	カラム配置箇所
----------------------------------------------------*/
.column { width: 100%; max-width: 1650px; margin-left: auto; margin-right: auto; padding-right: 230px; }
@media (max-width: 1650px) { .column { padding-right: 0; margin-left: 0; } }
.column .wrp { padding-left: 20px; padding-right: 20px; }
@media (max-width: 1650px) { .column .wrp { max-width: 100%; margin-left: 0; padding-right: 0; } }

/*----------------------------------------------------
	導入
----------------------------------------------------*/
/*----------------------------------------------------
	左右
----------------------------------------------------*/
.cont_lr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; }
.cont_lr.img_r .text { order: 1; }
.cont_lr.img_r figure { order: 2; }

.text_lr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.text_lr > div { flex-grow: 0; flex-shrink: 0; }
.text_lr .text { flex-basis: 700px; max-width: 700px; margin-left: 10px; }
.text_lr .detail { flex-basis: 420px; margin-right: 10px; }

/*----------------------------------------------------
	横並びBOX
----------------------------------------------------*/
.boxes { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: -50px; }
.boxes + .boxes { margin-top: 50px; }
.boxes > div { padding-left: 30px; margin-top: 50px; }
.boxes > div img { display: block; }
.boxes > div .text { margin-top: 20px; padding: 0 20px; }
.boxes > div .text h4 { font-size: 15px; font-weight: 500; line-height: 2; }
.boxes > div .text h4::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
.boxes > div .text h4::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }
.boxes > div .text h4.en { font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6666666667; }
.boxes > div .text h4.en::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.6666666667) * .5em); content: ""; }
.boxes > div .text h4.en::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.6666666667) * .5em); content: ""; }
.boxes > div .text h4 + p { margin-top: 10px; }
.boxes > div .text p { padding-bottom: 10px; }
.boxes > div .text p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
.boxes > div .text p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }
.boxes.box2 { margin-left: -50px; margin-top: -33px; }
.boxes.box2 > div { width: 50%; padding-left: 50px; margin-top: 33px; }
.boxes.box2 > div .text { margin-top: 18px; }
.boxes.box3 > div { width: calc(100% / 3.001); }
.boxes.box4 > div { width: 25%; }
.boxes.box4 > div .text { padding: 0 0; }

/*----------------------------------------------------
	アコーディオンメニュー
----------------------------------------------------*/
.accordion .option { position: relative; }
.accordion .option .toggle { display: none; }
.accordion .option .title, .accordion .option .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
.accordion .option .title { border-top: 1px solid #000; display: block; font-size: 20px; padding: 30px 0; }
.accordion .option .title:after { content: ""; position: absolute; background: url("../com/arrow_accordion.png") no-repeat; width: 20px; height: 20px; top: 0; bottom: 0; right: 20px; margin: auto 0; transition: all 0.3s; }
.accordion .option .content { max-height: 0; overflow: hidden; }
.accordion .option .content.bt { border-bottom: 1px solid #000; }
.accordion .option .content dl, .accordion .option .content p { padding-bottom: 30px; }

.toggle:checked + .title + .content { max-height: 1000px; transition: all 1.5s; }

.toggle:checked + .title::after { transform: rotate(180deg) !important; }

/*----------------------------------------------------
	詳細リスト
----------------------------------------------------*/
.detail { /*p:not(.tit){
	padding-left: 20px;
}*/ }
.detail .tit { width: 100%; margin-bottom: 20px; position: relative; }
.detail .tit span { display: inline-block; background-color: #FFF; padding-right: 10px; font-size: 16px; font-weight: bold; }
.detail .tit span:before { position: relative; content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 1px; background-color: #e4ae00; margin-right: 5px; }
.detail .tit::before { content: ''; display: block; width: 100%; height: 1px; margin-right: 10px; background-color: #d4d4d4; position: absolute; left: 0; top: 50%; z-index: -1; }
.detail dl { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; font-family: "Noto Sans JP", sans-serif; flex-grow: 1; font-size: 16px; line-height: 2; }
.detail dl dt { flex-basis: 150px; max-width: 150px; margin-right: 1em; position: relative; padding-right: 1em; }
.detail dl dd { flex-basis: calc(100% - 150px - 1em); max-width: calc(100% - 150px - 1em); }

/*----------------------------------------------------
	バナー
----------------------------------------------------*/
.bn_set { width: 950px; margin: 80px 0px 0px 0px; }

.bn_set .bn { width: 220px; margin-right: 23px; margin-bottom: 16.5px; float: left; }

/*----------------------------------------------------
	ページトップ
----------------------------------------------------*/
.ptop { float: right; position: fixed; right: 70px; bottom: 20px; z-index: 9999; }

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer { margin-top: 150px; }
#footer .bnr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
#footer .bnr .bnrs { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
#footer .bnr .bnrs li { width: 385px; height: 80px; border: 1px solid #003a50; }
#footer .bnr .bnrs li a { font-size: 30px; font-family: "Outfit", sans-serif; font-weight: 300; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: 0.3s; }
#footer .bnr .bnrs li a:hover { background-color: #003a50; color: #fff; }
#footer .address { margin-top: 70px; background-color: #003a50; }
#footer .address .text { padding: 50px 0; text-align: center; }
#footer .address .text h2 { margin-bottom: 40px; }
#footer .address .text p { color: #fff; font-size: 14px; }
#footer .address .text p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2) * .5em); content: ""; }
#footer .address .text p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2) * .5em); content: ""; }
#footer .address .text p.tel { margin-top: 25px; font-size: 16px; }
#footer .address .text p.tel a { display: inline-block; color: #FFF !important; font-weight: bold; font-family: Arial, "Noto Sans JP", "HiraKakuProN-W3", "HiraKakuProN-W6", Roboto, sans-serif; font-size: 22px; margin-left: 1em; }
#footer .copy { text-align: center; font-size: 12px; line-height: 1; padding: 10px 0; }

/*----------------------------------------------------
	ページトップ
----------------------------------------------------*/
.spt { width: 930px; text-align: right; margin: 15px 20px 20px 0px; }

.sptl { width: 100px; float: right; margin: 15px 20px 20px 0px; }

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/*背景*/
.bg01 { background: url("../com/bg_dots.jpg") repeat; }

.bg02 { background: #f3f3f2; }

.bg03 { background: #e6e3d8; }

.bg04 { background: #4b365e; }

/* リスト */
ul.dots li { position: relative; padding-left: 1em; }
ul.dots li:before { content: '\0025aa'; display: block; position: absolute; top: 0; left: 0; }

/*----------------------------------------------------
	共通　table　テーブル設定
----------------------------------------------------*/
.table { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; font-size: 15px; line-height: 1.6; border: 1px solid #000000; }
.table > dt, .table > dd { padding: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-direction: column; }
.table > dt { flex-basis: 200px; max-width: 200px; text-align: center; background-color: #eeeeee; border-bottom: 1px solid #000000; align-items: center; }
.table > dt:last-of-type { border-bottom: none; }
.table > dd { flex-basis: calc(100% - 200px); max-width: calc(100% - 200px); border-bottom: 1px solid #000000; }
.table > dd:last-of-type { border-bottom: none; }

.table_cont { border: 1px solid #a9a9a9; padding-left: 50px; padding-right: 50px; }
.table_cont .tr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; border-bottom: 1px solid rgba(169, 169, 169, 0.3); padding-top: 50px; padding-bottom: 50px; }
.table_cont .tr h4 { font-weight: bold; flex-basis: 240px; max-width: 240px; font-family: "Noto Sans JP", sans-serif; }
.table_cont .tr p { flex-basis: calc(100% - 240px); max-width: calc(100% - 240px); }

/*----------------------------------------------------
	汎用
----------------------------------------------------*/
/* 余白 */
.mar3 { margin: 3px; }

.mar5 { margin: 5px; }

.mar7 { margin: 7px; }

.mar10 { margin: 10px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mt45 { margin-top: 45px; }

.mt50 { margin-top: 50px; }

.mt55 { margin-top: 55px; }

.mt60 { margin-top: 60px; }

.mt65 { margin-top: 65px; }

.mt70 { margin-top: 70px; }

.mt75 { margin-top: 75px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mt120 { margin-top: 120px; }

.mt130 { margin-top: 130px; }

.mt150 { margin-top: 150px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb70 { margin-bottom: 70px; }

.ml1 { margin-left: 1px; }

.ml2 { margin-left: 2px; }

.ml5 { margin-left: 5px; }

.ml8 { margin-left: 8px; }

.ml10 { margin-left: 10px; }

.ml12 { margin-left: 12px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml22 { margin-left: 22px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.ml45 { margin-left: 45px; }

.ml50 { margin-left: 50px; }

.ml53 { margin-left: 53px; }

.ml60 { margin-left: 60px; }

.ml65 { margin-left: 65px; }

.ml70 { margin-left: 70px; }

.ml80 { margin-left: 80px; }

.ml100 { margin-left: 100px; }

.ml120 { margin-left: 120px; }

.ml130 { margin-left: 130px; }

.ml150 { margin-left: 150px; }

.ml170 { margin-left: 170px; }

.ml180 { margin-left: 180px; }

.ml200 { margin-left: 200px; }

.ml250 { margin-left: 250px; }

.ml300 { margin-left: 300px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr12 { margin-right: 12px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

.pad5 { padding: 5px; }

.pad10 { padding: 10px; }

.pt0 { padding-top: 0 !important; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pl10 { padding-left: 10px; }

.pl20 { padding-left: 20px; }

.pr10 { padding-right: 10px; }

.pr20 { padding-right: 20px; }

/* 横幅 */
.w100 { width: 100px; }

.w120 { width: 120px; }

.w130 { width: 130px; }

.w150 { width: 150px; }

.w160 { width: 160px; }

.w170 { width: 170px; }

.w175 { width: 175px; }

.w177 { width: 177px; }

.w190 { width: 190px; }

.w193 { width: 193px; }

.w200 { width: 200px; }

.w202 { width: 202px; }

.w205 { width: 205px; }

.w220 { width: 220px; }

.w230 { width: 230px; }

.w250 { width: 250px; }

.w260 { width: 260px; }

.w270 { width: 270px; }

.w280 { width: 280px; }

.w300 { width: 300px; }

.w305 { width: 305px; }

.w315 { width: 315px; }

.w320 { width: 320px; }

.w350 { width: 350px; }

.w360 { width: 360px; }

.w370 { width: 370px; }

.w380 { width: 380px; }

.w390 { width: 390px; }

.w400 { width: 400px; }

.w410 { width: 410px; }

.w415 { width: 415px; }

.w420 { width: 420px; }

.w430 { width: 430px; }

.w440 { width: 440px; }

.w450 { width: 450px; }

.w480 { width: 480px; }

.w500 { width: 500px; }

.w522 { width: 522px; }

.w545 { width: 545px; }

.w620 { width: 620px; }

.w720 { width: 720px; }

.w735 { width: 735px; }

.w800 { width: 800px; }

.w850 { width: 850px; }

.w860 { width: 860px; }

.w950 { width: 950px; }

/* テキスト */
.chu { font-size: 13px; }

.txt_c { text-align: center !important; }

.txt_r { text-align: right !important; }

.ls-2 { letter-spacing: -2px; }

.underline { text-decoration: underline !important; }

.t_white h2, .t_white h3, .t_white h4, .t_white h5, .t_white p, .t_white a, .t_white * { color: #FFF; }

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

/*# sourceMappingURL=common.css.map */
