@charset "UTF-8";
/*base setting*/
#wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#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; width: 100%; margin: 10px auto 0 !important; padding-bottom: 20px; }

/* contents */
#contents .visual .visual-single { height: 560px; position: relative; overflow: hidden; }

#contents .visual .visual-multiple { display: -webkit-box; display: -ms-flexbox; display: flex; height: 380px; }

#contents .visual .visual-multiple_left { -ms-flex-negative: 0; flex-shrink: 0; width: 540px; position: relative; overflow: hidden; }

#contents .visual .visual-multiple_right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#contents .visual .visual-multiple_item { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; height: 50%; position: relative; overflow: hidden; }

#contents .visual .visual-multiple_number { color: #fff; font-size: 12px; line-height: 1; background: #333; 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; width: 20px; height: 20px; position: absolute; left: 0; bottom: 0; }

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

#contents .visual .visual-caption { font-size: 14px; margin-top: 10px; }

@media all and (-ms-high-contrast: none) { #contents .visual .visual-src { font-family: 'object-fit: cover;'; } }

#contents .visual_copy { color: #215648; text-align: center; }

#contents .visual_copy.visual_copy--layout { margin-top: 45px; }

#contents .visual_copy.visual_copy--brown { color: #4b4338; }

#contents .visual_copy.visual_copy--blue { color: #1e4156; }

#contents .visual_copy .visual_copy-item { font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, sans-serif; font-size: 30px; font-weight: bold; margin: 0; }

#contents .visual_copy .visual_copy-item:not(:first-child) { margin-top: 10px; }

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

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

#contents .visual_lead .visual_lead-item { font-size: 16px; margin: 0; }

#contents .visual_lead .visual_lead-item:not(:first-child) { margin-top: 25px; }

#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; }

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

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

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

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

#contents .environment .environment-title { font-size: 22px; font-weight: bold; line-height: 1.5; margin: 0; }

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

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

#contents .environment .environment-figure_img { border: 1px solid #dedede; }

#contents .environment .environment-figure_src { width: 100%; }

#contents .environment .environment-caption { font-size: 14px; margin: 12px 0 0; }

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

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

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

#contents .environment .environment-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 .environment .environment-action { text-align: center; margin-top: 75px; }

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

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

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

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

#contents .section .section-title { font-size: 22px; font-weight: bold; line-height: 1.5; margin: 0; }

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

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

#contents .section .section-figure_img { border: 1px solid #dedede; }

#contents .section .section-figure_src { width: 100%; }

#contents .section .section-caption { font-size: 14px; margin: 12px 0 0; }

#contents .section .section-table { width: 100%; margin-top: 36px; border-spacing: 0; border-collapse: collapse; }

#contents .section .section-table_th { font-size: 16px; font-weight: bold; background: #f5f5f5; text-align: left; padding: 11px 0 11px 20px; }

#contents .section .section-table_th:first-child { width: 30.069%; padding-left: 40px; }

#contents .section .section-table_th:last-child { padding-right: 40px; }

#contents .section .section-table_tr { border-bottom: 1px solid #dedede; }

#contents .section .section-table_td { font-size: 16px; padding: 11px 0 11px 20px; }

#contents .section .section-table_td:first-child { padding-left: 40px; }

#contents .section .section-table_td:last-child { padding-right: 40px; }

#contents .section .section-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 50px; }

#contents .section .section-media_img { width: 264px; height: 180px; margin-right: 20px; border: 1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

#contents .section .section-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 .section .section-media_body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: -3px; }

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

#contents .section .section-media_copy { font-size: 14px; line-height: 1.714; margin: 11px 0 0; }

#contents .section .section-action { text-align: center; margin-top: 80px; }

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

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

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

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

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

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

#contents .plan .plan-wrapper { margin-top: 45px; }

#contents .plan .plan-item { background: #f5f5f5; padding: 35px 30px; }

#contents .plan .plan-item:not(:first-child) { margin-top: 50px; }

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

#contents .plan .plan-name { font-size: 22px; font-weight: bold; line-height: 1.5; margin: 0; }

#contents .plan .plan-detail { font-size: 14px; margin-top: 15px; }

#contents .plan .plan-detail_col:not(:first-child) { margin-top: 5px; }

#contents .plan .plan-detail_title { font-weight: bold; display: inline; }

#contents .plan .plan-detail_item { line-height: 1.714; display: inline; margin-left: .8em; }

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

#contents .plan .plan-panel_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; padding-left: 30px; padding-bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#contents .plan .plan-panel_img { background: #fff; height: 276px; border: 1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

#contents .plan .plan-panel_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 .plan .plan-panel_title { font-size: 16px; font-weight: bold; margin: 10px 0 0; }

#contents .plan .plan-panel_text { font-size: 14px; line-height: 1.714; margin: 5px 0 0; }

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

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

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

#contents .point .point-btn { display: block; height: 300px; border: 4px solid #407567; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; }

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

#contents .point .point-btn.point-btn--brown { border-color: #6a6257; }

#contents .point .point-btn.point-btn--brown:before { background: rgba(106, 98, 87, 0.8); }

#contents .point .point-btn.point-btn--blue { border-color: #3d6075; }

#contents .point .point-btn.point-btn--blue:before { background: rgba(61, 96, 117, 0.8); }

#contents .point .point-btn_img { width: 635px; 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; }

#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 { border: 1px solid #dedede; }

#contents .point .point-figure_src { width: 100%; }

#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.714; margin: 20px 0 0; }

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

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

#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: 264px; height: 180px; 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: 180px; 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; }

@media all and (-ms-high-contrast: none) { #contents .point .point-btn_bg { font-family: 'object-fit: cover;'; } }