@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;

}


}