@charset "UTF-8"; .logoLeft,header #btn_app{ display:none; } .sp{ display:none; } #main.line_page{ font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } #title_benner .container .breadlist .pack { background-color: rgba(0,0,0,0.3); } /*-------- main_box --------*/ .line_page #title_benner .container { height:435px; background: #f8f8f8 url(../images/line/bg_sec01.png) no-repeat scroll left center / cover; } .line_page #title_benner { margin-bottom: 50px; } #main_box { width: 1000px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; } /*-------- section.present_box --------*/ .present_box { margin-bottom: 50px; } .present_box img { width: 910px; margin: 0 auto; display: block; } /*-------- section.book_box --------*/ .book_box{ margin-bottom:95px; } /*-------- section.chatbot_box --------*/ .chatbot_box{ background:#020a15; } .chatbot_box img{ position:relative; top:-45px; } /*-------- #dl_box --------*/ #dl_box { margin-bottom: 50px; } #dl_box .tit_box{ background: #00b900; color: #fff; text-align: center; font-size: 1.5rem; padding: 10px 0; } #dl_box .tit_box .dl_tit { color: #fff; font-size: 100%; } #dl_box .tit_box > div{ position: relative; display: inline-block; padding-left: 3.6em; } #dl_box .tit_box > div:before{ width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #00b900; position: absolute; bottom: -35px; content: ""; display: block; left: 0; right: 0; margin: auto; } #dl_box .tit_box > div > span { font-size: 75%; background: #f7ef00; color: #00b900; display: block; width: 4.5em; height: 4.5em; border-radius: 5em; padding-top: 1em; line-height: 1.3; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; position: absolute; bottom: 0; left: 0; transform: rotate(-19deg); -webkit-transform: rotate(-19deg); } #dl_box .container { text-align: center; padding: 60px 0 90px; position: relative; width:1170px; } /*-------- .method_box --------*/ .method_box .container{ width: 1090px; text-align: center; margin-bottom:80px; } .method_box .me_tit{ text-align: center; color: #00b900; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; padding:10px; border-top: 1px solid #00b900; border-bottom: 1px solid #00b900; margin-bottom:40px; font-size:160%; } .method_box .container > img{ margin:0 auto 30px; } .method_box .container > p{ background: #f7f6e7; padding: 10px; } .method_box .container > p span{ color:#d51717; } /*-------- section#present_box --------*/ #present_box { background: #f8f8f8; padding:60px 0; margin-bottom:60px; } #present_box .container { text-align:center; } #present_box .container .hukidasi{ background:none; } #present_box .container .case a { display: inline-block; height: 140px; margin: 0 15px 30px; } #present_box .container .case a img { height: 100%; } /*-------- 団信start --------*/ /*-------- section#danshin_box --------*/ #main.danshin_page{ font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } #title_benner .container .breadlist .pack { background-color: rgba(0,0,0,0.3); } /*-------- main_box --------*/ .danshin_page #title_benner .container { height:300px; background: #f8f8f8 url(../images/line/bg_sec01.png) no-repeat scroll left center / cover; } .danshin_page #title_benner { margin-bottom: 0; } .danshin_page #main_box { width: 650px; margin-bottom: 33px; } #danshin_box .container { text-align:center; width:1100px; margin:0 auto; padding:50px 0; } #danshin_box .tit_main{ position:static; padding-bottom:0px; } #danshin_box .tit_main::before{ background:none; } #danshin_box .tit_main img{ width:667px; height:auto; display:block; margin:0 auto; } #danshin_box p{ font-size:115%; font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; text-align:center; margin-bottom:50px; } #danshin_box p span{ font-size:135%; font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; /*background: linear-gradient(transparent 60%, #fff8b0 60%);*/ } #danshin_box .container img{ margin-bottom:30px; } /* #danshin_box .container .case img:last-of-type{ margin-bottom:0px; } */ #danshin_box p.sub_text{ /* text-align:left;*/ } /*-------- 収支例start --------*/ /*-------- section#shushi_box --------*/ #main.shushi_page{ font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } #title_benner .container .breadlist .pack { background-color: rgba(0,0,0,0.3); } /*-------- main_box --------*/ .shushi_page #title_benner .container { height:300px; background: #f8f8f8 url(../images/line/bg_sec01.png) no-repeat scroll left center / cover; } .shushi_page #title_benner { margin-bottom: 0; } .shushi_page #main_box { width: 740px; } #shushi_box .container { text-align:center; width:1100px; margin:0 auto; padding:50px 0; } #shushi_box .tit_main{ position:static; padding-bottom:0px; } #shushi_box .tit_main::before{ background:none; } #shushi_box .tit_main img{ width:667px; height:auto; display:block; margin:0 auto 30px auto; } #shushi_box .container .case img:last-of-type{ margin-bottom:50px; } #shushi_box p{ font-size:115%; font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; text-align:center; margin-bottom:20px; } #shushi_box p.case_text{ margin-bottom:50px; } #shushi_box p span{ font-size:135%; font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; /*background: linear-gradient(transparent 60%, #fff8b0 60%);*/ } /* #shushi_box .container .case img:last-of-type{ margin-bottom:0px; } */ #shushi_box p.sub_text{ /* text-align:left;*/ } /*MEDIA RESPONSIVE*/ @media only screen and (max-width: 768px){ .sp{ display:block; } #main.linePage p{ font-size:10px; } #main.linePage .tit_sub{ font-size: 4.5vw; margin-bottom: 20px; } .hukidasi{ font-size: 4vw; padding: 1% 12%; margin-bottom:15px; } #title_benner .container .breadlist .pack, #title_benner .container .breadlist a { color: #fff; } .line_page #title_benner{ margin-bottom:0; } /*-------- mainImg --------*/ #main_box { width:80%; position: relative; padding: 20px 0; } #main_box > a{ width:65%; margin:30px auto; } .line_page #title_benner .container { height: auto; } .present_box{ padding: 0; margin-bottom:30px; } .present_box > img { margin-bottom:20px; } .chatbot_box img { top: 0; } .present_box a{ width:65%; margin:0 auto; } .method_box{ padding:0 4%; } /*-------- section#dl_box --------*/ #dl_box { margin-bottom:40px; } #dl_box .tit_box { font-size: 3.5vw; } #dl_box .tit_box > div { padding:0; } #dl_box .tit_box > div .dl_tit span{ display:block; font-size:6vw; line-height:1.4; } #dl_box .tit_box > div > span{ bottom: 10vw; left: -16px; display:none; } #dl_box .container{ width:94%; margin:0 auto; padding:10vw 0 19vw; } #dl_box .container:after, #dl_box .container:before { height: 47vw; width: 94%; top: 0vw; } #dl_box .container:before{ width:98%; height: 50vw; } #dl_box .container > a { width: 60vw; } .hukidasi:before, .hukidasi:after { bottom: 0.6em; } .hukidasi:before{ left:10px; } /*-------- .method_box --------*/ .method_box .container{ width:100%; margin-bottom:40px; } .method_box .me_tit { margin-bottom: 25px; } .method_box .container > p{ text-align:left; } .method_box .container > a{ width:65%; margin:30px auto 0; } /*-------- section#present_box --------*/ #present_box { padding: 40px 0; } #present_box .container p{ text-align:left; width:90%; margin:0 auto; } #present_box .container .case a{ height:auto; margin-bottom:15px; } #present_box .container .case a img{ height:auto; width:100%; } #present_box .container .case a:first-of-type { width: 80%; } /*-------- 団信start --------*/ /*-------- section#danshin_box --------*/ #danshin_box .container { text-align:center; width:94%; margin:0 auto; } #danshin_box .container img{ margin-bottom:30px; } #danshin_box .container{ margin:0 auto; padding:30px 0 0 0; } #danshin_box .tit_main img{ width:100%; margin-bottom:10px; } #danshin_box .case{ margin-bottom:0px; } #danshin_box p{ font-size:100%; margin-bottom:20px; text-align:left; } #danshin_box p span{ font-size:105%; } #danshin_box .case img{ /* margin-bottom:20px;*/ /* width:95%;*/ display:block !important; margin:0 auto 20px auto; } .danshin_page #main_box{ width:90%; padding:10px 0 0 0; margin-bottom:20px; } .danshin_page #title_benner .container{ height:auto; } /*-------- section#shushi_box --------*/ #shushi_box .container { text-align:center; width:100%; margin:0 auto; } #shushi_box .container{ margin:0 auto; padding:30px 0 0 0; } #shushi_box .tit_main img{ width:80%; margin-bottom:10px } #shushi_box .case{ margin:0 auto 15px auto; } #shushi_box .tit_main{ padding-bottom:0px; } #shushi_box p{ font-size:120%; margin:0 auto 20px auto; text-align:left; width:94%; } #shushi_box p.case_text{ margin-bottom:20px; } #shushi_box .case img{ /* margin-bottom:20px;*/ /* width:95%;*/ display:block !important; /* margin:0 auto 20px auto;*/ } .shushi_page #main_box{ width:90%; padding:10px 0 0 0; /* margin-bottom:20px;*/ } .shushi_page #title_benner .container{ height:auto; } #shushi_box .container .case img:last-of-type{ margin-bottom:30px; } #shushi_box .container .case img:last-of-type{ margin-bottom:0px; } }