@charset "UTF-8";
/*base setting*/
#contents img { border: none; vertical-align: bottom; }

#contents sup { font-size: 70%; vertical-align: baseline; position: relative; top: -1ex; }

#contents .clear { clear: both; }

#contents *:first-child + html .clear { clear: both !important; visibility: hidden; height: 0px; overflow: hidden !important; }

#contents .center { text-align: center; }

#contents .left { text-align: left; }

#contents .right { text-align: right; }

#contents .flotLeft { float: left; }

#contents .flotRight { float: right; }

/*clearance*/
#contents .mb0 { margin-bottom: 0px; }

#contents .mb05 { margin-bottom: 5px; }

#contents .mb10 { margin-bottom: 10px; }

#contents .mb15 { margin-bottom: 15px; }

#contents .mb20 { margin-bottom: 20px; }

#contents .mb30 { margin-bottom: 30px; }

#contents .mb40 { margin-bottom: 40px; }

#contents .mb50 { margin-bottom: 50px; }

#contents .mb60 { margin-bottom: 60px; }

#contents .mb90 { margin-bottom: 90px; }

/*clearance*/
#contents .mt0 { margin-top: 0px; }

#contents .mt05 { margin-top: 5px; }

#contents .mt10 { margin-top: 10px; }

#contents .mt15 { margin-top: 15px; }

#contents .mt20 { margin-top: 20px; }

#contents .mt25 { margin-top: 25px; }

#contents .mt30 { margin-top: 30px; }

#contents .mt50 { margin-top: 50px; }

#contents .mt60 { margin-top: 60px; }

/*clearance*/
#contents .mr0 { margin-right: 0px; }

#contents .mr03 { margin-right: 3px; }

#contents .mr05 { margin-right: 5px; }

#contents .mr10 { margin-right: 10px; }

#contents .mr15 { margin-right: 15px; }

#contents .mr20 { margin-right: 20px; }

#contents .mr25 { margin-right: 25px; }

#contents .mr30 { margin-right: 30px; }

#contents .mr40 { margin-right: 40px; }

#contents .mr50 { margin-right: 50px; }

#contents .mr60 { margin-right: 60px; }

#contents .mr75 { margin-right: 75px; }

#contents .mr100 { margin-right: 100px; }

/*clearance*/
#contents .ml05 { margin-left: 5px; }

#contents .ml10 { margin-left: 10px; }

#contents .ml15 { margin-left: 15px; }

#contents .ml20 { margin-left: 20px; }

#contents .ml25 { margin-left: 25px; }

#contents .ml30 { margin-left: 30px; }

#contents .ml60 { margin-left: 60px; }

/*contena*/
#contents { color: #333; font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif; max-width: 920px; margin: 10px auto 0 !important; padding-bottom: 20px; }

/* contents */
#contents .visual_vertical .visual_vertical-inner { padding-top: 80px; position: relative; }

#contents .visual_vertical .visual_vertical-img { height: 560px; position: relative; overflow: hidden; }

#contents .visual_vertical .visual_vertical-img_src { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#contents .visual_vertical .visual_vertical-title_wrapper { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; position: absolute; top: 0; right: 60px; }

#contents .visual_vertical .visual_vertical-title { color: #333; font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', YuMincho, 'MS P明朝', 'MS PMincho', serif; font-size: 24px; letter-spacing: .088em; line-height: 50px; background: #fff; display: inline-block; padding-bottom: 13px; -webkit-box-shadow: 1px 1px 0 0 #333; box-shadow: 1px 1px 0 0 #333; }

#contents .visual_vertical .visual_vertical-title:not(:first-child) { margin-right: 20px; }

#contents .visual_vertical .visual_vertical-caption { color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); padding: 0 10px 10px; position: absolute; left: 0; bottom: 0; }

#contents .visual_vertical.visual_vertical--brown .visual_vertical-title { color: #2e1e0c; -webkit-box-shadow: 1px 1px 0 0 #2e1e0c; box-shadow: 1px 1px 0 0 #2e1e0c; }

#contents .visual_vertical.visual_vertical--blue .visual_vertical-title { color: #0e1835; -webkit-box-shadow: 1px 1px 0 0 #0e1835; box-shadow: 1px 1px 0 0 #0e1835; }

#contents .visual_horizontal .visual_horizontal-inner { padding-left: 50px; position: relative; }

#contents .visual_horizontal .visual_horizontal-img { height: 530px; position: relative; overflow: hidden; }

#contents .visual_horizontal .visual_horizontal-img_src { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#contents .visual_horizontal .visual_horizontal-title_wrapper { background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 30px 25px; position: absolute; top: 40px; left: 0; }

#contents .visual_horizontal .visual_horizontal-title { color: #fff5c7; font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', YuMincho, 'MS P明朝', 'MS PMincho', serif; font-size: 24px; line-height: 1; }

#contents .visual_horizontal .visual_horizontal-title:not(:first-child) { margin-top: 15px; }

#contents .visual_horizontal .visual_horizontal-caption { color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); width: calc(100% - 50px); padding: 0 10px 10px; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0; bottom: 0; }

#contents .visual_horizontal.visual_horizontal--brown .visual_horizontal-title_wrapper { background: rgba(46, 30, 12, 0.7); }

#contents .visual_horizontal.visual_horizontal--blue .visual_horizontal-title_wrapper { background: rgba(14, 24, 53, 0.7); }

#contents .visual_arch .visual_arch-inner { position: relative; }

#contents .visual_arch .visual_arch-img { height: 560px; position: relative; overflow: hidden; }

#contents .visual_arch .visual_arch-img_src { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#contents .visual_arch .visual_arch-title_wrapper { font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', YuMincho, 'MS P明朝', 'MS PMincho', serif; font-size: 32px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(2em + 15px); margin-top: -30px; position: relative; }

#contents .visual_arch .visual_arch-title_wrapper:before { content: ''; background: url(../img/bg_arch.png) no-repeat; background-size: 100% auto; display: block; width: 100%; height: 100px; position: absolute; top: -70px; left: 0; }

#contents .visual_arch .visual_arch-title { color: #333; text-align: center; position: relative; }

#contents .visual_arch .visual_arch-title:not(:first-child) { margin-top: 15px; }

#contents .visual_arch .visual_arch-caption { color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); padding: 10px 10px 0; position: absolute; right: 0; top: 0; }

#contents .visual_arch.visual_arch--brown .visual_arch-title { color: #2e1e0c; }

#contents .visual_arch.visual_arch--blue .visual_arch-title { color: #0e1835; }

#contents .visual_lead { line-height: 2.9; text-align: center; }

#contents .visual_lead .visual_lead-item { margin: 0; }

#contents .visual_lead.visual_lead--layout { margin-top: 35px; }

@media all and (-ms-high-contrast: none) { #contents .visual_vertical .visual_vertical-title { font-family: 'MS P明朝', 'MS PMincho', serif; }
  #contents .visual_vertical .visual_vertical-img_src, #contents .visual_horizontal .visual_horizontal-img_src, #contents .visual_arch .visual_arch-img_src { width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: none; object-fit: none; } }

#contents .content { width: 878px; margin: 0 auto; }

#contents .content .content-header { text-align: center; margin: 0; }

#contents .content .content-intro { margin-top: 46px; }

#contents .content .content-title { font-size: 22px; font-weight: bold; margin: 0; }

#contents .content .content-copy { font-size: 14px; line-height: 1.75; margin: 20px 0 0; }

#contents .content .content-copy.content-copy--panel { margin-top: 12px; }

#contents .content .content-figure { margin-top: 45px; }

#contents .content .content-large_img { border: 1px solid #dedede; }

#contents .content .content-large_img_src { width: 100%; }

#contents .content .content-img { height: 302px; border: 1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

#contents .content .content-img_src { max-width: 100%; max-height: 100%; min-height: 0%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#contents .content .content-caption { font-size: 14px; margin-top: 12px; }

#contents .content .content-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 35px 0 -32px -40px; }

#contents .content .content-panel_item { width: 50%; padding-left: 40px; padding-bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#contents .content.content--layout { margin-top: 80px; }

#contents .content_action { text-align: center; margin-top: 75px; }

#contents .point { width: 900px; margin: 0 auto; }

#contents .point.point--layout { margin-top: 80px; }

#contents .point .point-inner { width: 878px; margin: 0 auto; }

#contents .point .point-header { margin: 0; text-align: center; }

#contents .point .point-caption { font-size: 12px; line-height: 1.5; margin-top: 10px; }

#contents .point .point-figure { margin-top: 50px; }

#contents .point .point-figure_img { height: 448px; border: 1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

#contents .point .point-figure_src { max-width: 100%; max-height: 100%; min-height: 0%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#contents .point .point-figure_caption { font-size: 14px; margin-top: 12px; }

#contents .point .point-content { margin-top: 50px; }

#contents .point .point-title { font-size: 22px; font-weight: bold; margin: 36px 0 0; }

#contents .point .point-copy { font-size: 14px; line-height: 1.75; margin: 20px 0 0; }

#contents .point .point-copy.point-copy--media { margin-top: 11px; }

#contents .point .point-copy.point-copy--card { margin-top: 2px; }

#contents .point .point-media { margin-top: 45px; }

#contents .point .point-media_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#contents .point .point-media_item:not(:first-child) { margin-top: 30px; }

#contents .point .point-media_img { width: 268px; height: 182px; margin-right: 20px; border: 1px solid #dadada; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

#contents .point .point-media_src { max-width: 100%; max-height: 100%; min-height: 0%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#contents .point .point-media_body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: -3px; }

#contents .point .point-media_title { font-size: 16px; font-weight: bold; margin: 0; }

#contents .point .point-card { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 45px; }

#contents .point .point-card_item { width: 266px; }

#contents .point .point-card_item:not(:first-child) { margin-left: 40px; }

#contents .point .point-card_img { height: 182px; border: 1px solid #dadada; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

#contents .point .point-card_src { max-width: 100%; max-height: 100%; min-height: 0%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#contents .point .point-card_body { margin-top: 12px; }

#contents .point .point-card_title { font-size: 16px; font-weight: bold; margin: 0; }

#contents .point .point-btn { display: block; height: 300px; position: relative; overflow: hidden; }

#contents .point .point-btn:before { content: ''; background: rgba(0, 0, 0, 0.7); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

#contents .point .point-btn.point-btn--brown:before { background: rgba(46, 30, 12, 0.7); }

#contents .point .point-btn.point-btn--blue:before { background: rgba(14, 24, 53, 0.7); }

#contents .point .point-btn_img { width: 790px; margin: 0 auto; position: absolute; bottom: 22px; left: 0; right: 0; z-index: 3; }

#contents .point .point-btn_bg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@media all and (-ms-high-contrast: none) { #contents .point .point-btn_bg { height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: none; object-fit: none; } }

#contents .btnbox.btnbox--layout { margin-top: 35px; }

#contents .twobtns { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; }

#contents .twobtns > li:not(:first-child) { margin-left: 30px; }

#contents .actionbtn { color: #fff; font-size: 24px; font-weight: bold; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; width: 333px; height: 71px; padding-bottom: 2px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .3s; transition: opacity .3s; }

#contents .actionbtn:hover { opacity: .7; }

#contents .actionbtn.actionbtn--shiryou { background: #f77c00; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 #e15f00; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 #e15f00; }

#contents .actionbtn.actionbtn--raijo { color: #f4434b; background: #fff; border: 1px solid #F4434B; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 #f1f1f1; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 #f1f1f1; }

#contents .actionbtn.actionbtn--sokuji { background: #f4434b; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 #d90d33; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 #d90d33; }

#contents .linkbtn { color: #fff; font-size: 24px; font-weight: bold; background: #6fba2c; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; width: 333px; height: 71px; padding-bottom: 2px; border-radius: 3px; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25), inset 0 -2px 0 0 #509407; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25), inset 0 -2px 0 0 #509407; -webkit-box-sizing: border-box; box-sizing: border-box; }