@charset "utf-8";
/* CSS Document */

/*-- headline ------------------------------------------------------------*/


@media screen and (max-width: 767px) {
	.second_sub_ttl { background:url(../img/common/sub_ttl_icon.png) 0px -6px no-repeat; background-size:14.0%; border-bottom:#358ce9 3px solid; margin-bottom:10px; font-size:18px; font-weight:600; height:40px; line-height:40px; padding-left:50px; }
	.second_sub_ttl02 { background:url(../img/common/sub_ttl_icon02.png) 0px -6px no-repeat; background-size:18.0%; border-bottom:#358ce9 3px solid; margin-bottom:10px; font-size:18px; font-weight:600; height:40px; line-height:40px; padding-left:60px; margin-bottom:20px; }
	.second_sub_ttl03 { background:url(../img/common/sub_ttl_icon03.png) 0px -1px no-repeat; background-size:19.0%; border-bottom:#358ce9 3px solid; margin-bottom:10px; font-size:18px; font-weight:600; height:40px; line-height:40px; padding-left:60px; margin-bottom:20px; }
	.second_sub_ttl04 { background:url(../img/common/sub_ttl_icon04.png) 0px -4px no-repeat; background-size:16.0%; border-bottom:#358ce9 3px solid; margin-bottom:10px; font-size:18px; font-weight:600; height:40px; line-height:40px; padding-left:60px; margin-bottom:20px; }
	.second_section .in p { font-size:15px; font-weight:normal; }
	.img_C { width:96%; margin:20px 2%; }
	section .in p.blue_box { border:#31adb1 5px solid; padding:2%; margin-bottom:20px; font-size:14px; font-weight:normal;  }
	
	h4.guidance_ttl { background:#ED6D00; text-align:center; font-size:18px; font-weight:bold; margin-bottom:20px; color:#fff; padding:10px; }

	.guidance_box { margin-bottom:20px; font-size:16px; }
	.guidance_box dt { color:#008cd3; }
	.guidance_box dd { margin-bottom:10px; }
	.guidance_box dt.g_b_1 { }
	.guidance_box dd.g_b_1 { text-indent:-1em; padding-left:1em; }
	
	.indent {  text-indent:-1em; padding-left:1em; }
	
	.second_section .in p.text_small { font-size:14px; }

	h4.flow_ttl { font-size:21px; font-weight:bold; margin-bottom:20px; border-bottom:#008BD1 1px solid; }
	h4.flow_ttl span { background:#008BD1; padding:5px 12px; margin-right:20px; color:#fff; }
	h4.flow_ttl02 { border-left:#358CE9 5px solid; border-bottom:#358CE9 1px solid;  font-size:18px; margin-bottom:20px; padding-left:20px; }
	
	.flow_box { padding:3% 6%; background:#C9EDFF; margin-bottom:20px; }
	.flow_box li { font-weight:bold; font-size:16px; margin-bottom:10px; }
	.flow_box li:last-child { margin-bottom:0px; }

	.flow_blue_box { border:#358CE9 1px solid; padding:20px 4%; margin:0 2% 20px; }
	.f_b_b_L { width:70%; margin-left:15%; margin-bottom:20px; }
	.f_b_b_L img { margin-bottom:20px; }
	.f_b_b_R {width:100%; }
	.second_section .in p.f_b_b_R_ttl { font-weight:bold; color:#358CE9; text-align:center; font-size:1.5em; }
	.nyukai_tbl { width:100%; }
	.second_section .in p.pdf_icon02 { background:url(../img/second/pdf_icon.png) 30px -3px no-repeat; padding-left:30px; margin-bottom:0px; text-align:center; font-size:1.0em; }
	.second_section .in p.pdf_icon03 { background:url(../img/second/pdf_icon.png) 30% -3px no-repeat; padding-left:30px; margin-bottom:0px; text-align:center; font-size:1.0em; }
	.nyukai_tbl th,.nyukai_tbl td { padding:10px; font-weight:normal; font-size:1.0em; vertical-align:middle; }
	.nyukai_tbl th { text-align:left; }
	.nyukai_tbl td { text-align:right; }
	.second_section .in p.f_b_b_text { font-size:1.0em; text-indent:-1em; padding-left:1em; margin:0 10px; }

	.checkbox_area_wrap { margin:0 10%; width:79.5%; border:3px solid #e60012; height:94px; }
	.checkbox_area_wrap .checkbox_area { float: left; width: 100px; height: 94px; background-color: #e60012; vertical-align: middle; position:relative; }
	.checkbox_area_wrap .checkbox_area input[type="checkbox"] { width: 40%; height: 40%; position:absolute; top:25%; left:25%;  }
	.checkbox_area_wrap p.text { display: table-cell; padding: 10px 0 0 20px; font-size: 16px;}
	.checkbox_area_wrap p.text span { color:#e60012; }
	
	.pdf_box { width:100%; margin-bottom:40px; }
	.pdf_box li { border:#4580BE 2px solid; background:#fff; padding-top:5px; height:50px; box-shadow:3px 3px 8px 2px #e8e8e8; text-indent:0em; padding-left:0px; margin-bottom:10px; } 
	.pdf_box li:last-child { margin-right:0px; }
	.second_section .in p.pdf_title { color:#008cd3; text-align:center; font-size:15px; margin-bottom:5px; }
	.second_section .in p.pdf_icon { text-align:center; background:url(../img/second/pdf_icon.png) 110px 0px no-repeat; background-size:5%; padding-left:15px; font-size:11px; }

	.enter_btn { width:80%; margin-left:10%; }	
	.enter_btn li { width:48%; margin-right:3%; height:80px; line-height:80px; text-align:center; color:#fff; background:#4580BE; float:left; font-size:24px; font-weight:bold; padding-left:0px; text-indent:0em; }
	.enter_btn li:nth-child(2) { margin-right:0px; background:#4580A1; }
	.enter_btn li a { color:#fff; display:block; }
	.enter_btn li a:hover { text-decoration:none; opacity:0.7; display:block; }

	.faq_box { margin-bottom:30px; width:95%; margin-left:2.5%; }
	.faq_box dt { background:url(../img/second/faq_Q.png) 0px 5px no-repeat; background-size:6%; font-size:18px; font-weight:bold; border-bottom:#bfddfd 2px solid; padding:0px 0 10px 30px; margin-bottom:20px; }
	.faq_box dd { background:url(../img/second/faq_A.png) 0px 0px no-repeat; background-size:6%; padding:0 0 20px 30px; font-size:16px; font-weight:normal; border-bottom:#358CE9 2px solid; }
	.caution { background:url(../img/second/caution_icon.png) 0px -1px no-repeat; background-size:4%; padding:10px 0 10px 30px; }
	
	.tab { display:none; }
	
	.single_sub_ttl { height:auto !important; line-height:1.7em !important; min-height:40px !important; }
}
@media screen and (min-width: 768px) {
	.second_section { margin-bottom:80px; }
	.second_section .in { margin:0 2%; }
	.second_section .in p { font-size:20px; font-weight:normal; }
	.second_sub_ttl { background:url(../img/common/sub_ttl_icon.png) 0px 0px no-repeat; border-bottom:#358ce9 5px solid; margin-bottom:40px; font-size:38px; font-weight:600; height:101px; line-height:101px; padding-left:120px; }
	.second_sub_ttl02 { background:url(../img/common/sub_ttl_icon02.png) 0px 0px no-repeat; border-bottom:#358ce9 5px solid; margin-bottom:40px; font-size:38px; font-weight:600; height:101px; line-height:101px; padding-left:140px; }
	.second_sub_ttl03 { background:url(../img/common/sub_ttl_icon03.png) 0px 0px no-repeat; border-bottom:#358ce9 5px solid; margin-bottom:40px; font-size:38px; font-weight:600; height:101px; line-height:101px; padding-left:140px; }
	.second_sub_ttl04 { background:url(../img/common/sub_ttl_icon04.png) 0px 0px no-repeat; border-bottom:#358ce9 5px solid; margin-bottom:40px; font-size:38px; font-weight:600; height:101px; line-height:101px; padding-left:120px; }
	.img_C { width:80%; margin:20px 10% 40px; }
	section .in p.blue_box { border:#31adb1 5px solid; padding:15px; margin-bottom:40px; font-size:16px; font-weight:normal; line-height:1.8em;  }
	
	.guidance_box { margin-bottom:40px; font-size:20px; }
	.guidance_box dt { float:left; clear:both; color:#008cd3; }
	.guidance_box dd { float:left; margin-bottom:20px; }
	.guidance_box dt.g_b_1 { }
	.guidance_box dd.g_b_1 { text-indent:-1em; padding-left:1em; }
	
	.indent {  text-indent:-1em; padding-left:1em; }
	
	.second_section .in p.text_small { font-size:16px; }
	
	h4.flow_ttl { font-size:30px; font-weight:bold; margin-bottom:20px; border-bottom:#008BD1 1px solid; }
	h4.flow_ttl span { background:#008BD1; padding:5px 12px; margin-right:20px; color:#fff; }
	h4.flow_ttl02 { border-left:#358CE9 5px solid; border-bottom:#358CE9 1px solid;  font-size:30px; margin-bottom:20px; padding-left:20px; }
	
	.flow_box li { font-weight:bold; font-size:24px; margin-bottom:10px; }
	.flow_box li:last-child { margin-bottom:0px; }
	
	.flow_blue_box { border:#358CE9 2px solid; padding:4%; margin:0 4% 20px; }
	.f_b_b_L { float:left; width:36%; margin-right:4%; }
	.f_b_b_L img { margin-bottom:20px; }
	.f_b_b_R { float:left; width:60%; }
	.f_b_b_R_ttl { font-weight:bold; color:#358CE9; text-align:center; }
	.nyukai_tbl { width:100%; }
	.second_section .in p.pdf_icon02 { background:url(../img/second/pdf_icon.png) 75px -1px no-repeat; padding-left:30px; margin-bottom:0px; text-align:center; font-size:1.2em; }
	.second_section .in p.pdf_icon03 { background:url(../img/second/pdf_icon.png) 42% -1px no-repeat; padding-left:30px; margin-bottom:0px; text-align:center; font-size:1.2em; }
	.nyukai_tbl th,.nyukai_tbl td { padding:10px; font-weight:normal; font-size:1.2em; vertical-align:middle; }
	.nyukai_tbl th { text-align:left; }
	.nyukai_tbl td { text-align:right; }
	.second_section .in p.f_b_b_text { font-size:1.2em; text-indent:-1em; padding-left:1em; margin:0 30px; }

	.checkbox_area_wrap { margin:0 10%; width:79.5%; border:3px solid #e60012; height:94px; }
	.checkbox_area_wrap .checkbox_area { float: left; width: 100px; height: 94px; background-color: #e60012; vertical-align: middle; position:relative; }
	.checkbox_area_wrap .checkbox_area input[type="checkbox"] { width: 40%; height: 40%; position:absolute; top:25%; left:25%;  }
	.checkbox_area_wrap p.text { display: table-cell; padding: 10px 0 0 20px; font-size: 16px;}
	.checkbox_area_wrap p.text span { color:#e60012; }
	
	.pdf_box li:last-child { margin-right:0px; }
	.second_section .in p.pdf_title { color:#008cd3; text-align:center; font-size:20px; margin-bottom:5px; }

	.enter_btn { width:80%; margin-left:10%; }	
	.enter_btn li { width:48%; margin-right:3%; height:80px; line-height:80px; text-align:center; color:#fff; background:#4580BE; float:left; font-size:24px; font-weight:bold; padding-left:0px; text-indent:0em; }
	.enter_btn li:nth-child(2) { margin-right:0px; background:#4580A1; }
	.enter_btn li a { color:#fff; display:block; }
	.enter_btn li a:hover { text-decoration:none; opacity:0.7; display:block; }
	
	.faq_box { margin-bottom:50px; width:95%; margin-left:2.5%; }
	.faq_box dt { background:url(../img/second/faq_Q.png) 0px 0px no-repeat; background-size:6%; font-size:24px; font-weight:bold; border-bottom:#bfddfd 2px solid; padding:10px 0 25px 80px; margin-bottom:20px; }
	.faq_box dd { background:url(../img/second/faq_A.png) 0px 0px no-repeat; background-size:6%; padding:0 0 20px 80px; font-size:20px; font-weight:normal; border-bottom:#358CE9 2px solid; }
	.caution { background:url(../img/second/caution_icon.png) 0px -2px no-repeat; background-size:5%; padding:10px 0 10px 50px; }
	
	.single_sub_ttl { font-size:30px !important; line-height:1.7em !important; min-height:81px !important; height:auto !important; padding-top:20px; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.guidance_box { margin-bottom:20px; font-size:18px; }
	.guidance_box dt.g_b_1 { width:23%; }
	.guidance_box dd.g_b_1 { width:74%; }
	
	.pdf_box { margin-bottom:40px; }
	.pdf_box li { float:left; width:29.3%; margin-right:2%; border:#4580BE 2px solid; background:#fff; padding-top:30px; height:100px; box-shadow:3px 3px 8px 2px #e8e8e8; } 
	.pdf_box li:nth-child(2) { padding-top:20px; }

	.faq_box { margin-bottom:30px; width:96%; margin-left:2%; }
	.faq_box dt { background:url(../img/second/faq_Q.png) 0px 0px no-repeat; background-size:6%; font-size:21px; font-weight:bold; border-bottom:#bfddfd 2px solid; padding:10px 0 25px 50px; margin-bottom:20px; }	
	.faq_box dd { background:url(../img/second/faq_A.png) 0px 0px no-repeat; background-size:6%; padding:0 0 20px 50px; font-size:18px; font-weight:normal; border-bottom:#358CE9 2px solid; }
	
	.caution { background:url(../img/second/caution_icon.png) 0px 0px no-repeat; background-size:4%; padding:10px 0 10px 30px; }
	
	.flow_box { width:78%; margin-left:5%; padding:3% 6%; background:#C9EDFF; margin-bottom:20px; }
	.second_section .in p.pdf_icon { text-align:center; background:url(../img/second/pdf_icon.png) 20px -2px no-repeat; padding-left:15px; font-size:16px; }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.guidance_box dt.g_b_1 { width:17%; }
	.guidance_box dd.g_b_1 { width:80%; }
	
	.pdf_box { width:80%; margin-left:10%; margin-bottom:40px; }
	.pdf_box li { float:left; width:29.6%; margin-right:2%; border:#4580BE 2px solid; background:#fff; padding-top:30px; height:100px; box-shadow:3px 3px 8px 2px #e8e8e8; } 
	
	.tab { display:none; }
	
	.flow_box { width:68%; margin-left:10%; padding:3% 6%; background:#C9EDFF; margin-bottom:20px; }
	.second_section .in p.pdf_icon { text-align:center; background:url(../img/second/pdf_icon.png) 35px -2px no-repeat; padding-left:15px; font-size:16px; }
}
@media screen and (min-width: 1025px) {
	.guidance_box dt.g_b_1 { width:17%; }
	.guidance_box dd.g_b_1 { width:80%; }
	
	.pdf_box { width:80%; margin-left:10%; margin-bottom:40px; }
	.pdf_box li { float:left; width:29.6%; margin-right:2%; border:#4580BE 2px solid; background:#fff; padding-top:30px; height:100px; box-shadow:3px 3px 8px 2px #e8e8e8; }
	
	.tab { display:none; } 
	
	.flow_box { width:68%; margin-left:10%; padding:3% 6%; background:#C9EDFF; margin-bottom:20px; }
	.second_section .in p.pdf_icon { text-align:center; background:url(../img/second/pdf_icon.png) 35px -2px no-repeat; padding-left:15px; font-size:16px; }
}


/*-- 事例とお知らせ ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	section .in p.baisho { float:left; font-size:16px; font-weight:600; border-radius:6px; background:#df504f; color:#fff; margin-right:2%; margin-bottom:0px; padding:2px 10px; margin-top:10px;  }
	section .in p.baisho_price { float:left; color:#df504f; margin-right:2%; margin-bottom:0px; font-size:30px; font-weight:bold; vertical-align:baseline; }
	section .in p.baisho_price span { color:#df504f; margin-right:2%; margin-bottom:0px; font-size:18px; font-weight:300; }
	section .in p.text_normal { float:left; vertical-align:bottom; font-size:14px; font-weight:normal; }
	.baisho_ttl { margin-bottom:20px; border-bottom:#df504f 1px solid; }
	.baisho_sub_L { float:left; width:20%; margin-right:2%; }
	section .in p.baisho_sub_R { float:left; margin-right:0%; font-size:18px; font-weight:normal; }
	.example_sp_R { width:80%; margin-left:10%; }

	.company_ttl { margin-bottom:20px; border-bottom:#999 1px solid; }


	.news_list li { list-style:none; padding:10px 2%; }	
	.news_list li:nth-child(2n) { background:#f3f8fe; }
	.news_list li dl dt { font-size:15px; font-weight:300; }
	.news_list li dl dd { font-size:18px; font-weight:600; }
	.news_list li dl dt:before { content:"\f0da"; font-family:FontAwesome; margin-right:3%; color:#df504f; }
	section .in p.news_date { text-align:right; font-size:1.2em; color:#358CE9; }	
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	section .in p.baisho { float:left; font-size:18px; font-weight:600; border-radius:6px; background:#df504f; color:#fff; margin-right:2%; margin-bottom:0px; padding:2px 10px; margin-top:10px;  }
	section .in p.baisho_price { float:left; color:#df504f; margin-right:2%; margin-bottom:0px; font-size:36px; font-weight:bold; vertical-align:baseline; }
	section .in p.baisho_price span { color:#df504f; margin-bottom:0px; font-size:24px; font-weight:300; }
	section .in p.text_normal { float:left; vertical-align:bottom; margin-top:20px; font-size:16px; font-weight:normal; }
	.baisho_ttl { margin-bottom:20px; border-bottom:#df504f 1px solid; }
	.baisho_sub_L { float:left; width:20%; margin-right:2%; }
	section .in p.baisho_sub_R { float:left; width:78%; margin-right:0%; font-size:18px; font-weight:normal; }

	.company_ttl { margin-bottom:20px; border-bottom:#999 1px solid; }

	.example_sp_L { float:left; width:70%; margin-right:2%; }
	.example_sp_R { float:left; width:28%; }

	.news_list li { list-style:none; padding:10px 2%; }	
	.news_list li:nth-child(2n) { background:#f3f8fe; }
	.news_list li dl dt { float:left; margin-right:2%; font-size:18px; font-weight:300; width:22%; }
	.news_list li dl dd { float:left; font-size:20px; font-weight:600; width:72%; }
	.news_list li dl dt:before { content:"\f0da"; font-family:FontAwesome; margin-right:6%; color:#df504f; }
	section .in p.news_date { text-align:right; font-size:1.2em; color:#358CE9; }	
}
@media screen and (min-width: 961px) {
	.example_L { float:left; width:72%; margin-right:4%; }
	.example_R { float:right; width:24%; }	
	section .in p.baisho { float:left; font-size:18px; font-weight:600; border-radius:6px; background:#df504f; color:#fff; margin-right:2%; margin-bottom:0px; padding:2px 10px; margin-top:10px;  }
	section .in p.baisho_price { float:left; color:#df504f; margin-right:2%; margin-bottom:0px; font-size:36px; font-weight:bold; vertical-align:baseline; }
	section .in p.baisho_price span { color:#df504f; margin-bottom:0px; font-size:24px; font-weight:300; }
	section .in p.text_normal { float:left; vertical-align:bottom; margin-top:20px; font-size:16px; font-weight:normal; }
	.baisho_ttl { margin-bottom:20px; border-bottom:#df504f 1px solid; }		
	.baisho_sub_L { float:left; width:14%; margin-right:2%; }
	section .in p.baisho_sub_R { float:left; width:84%; margin-right:0%; font-size:18px; font-weight:normal; } 

	.company_ttl { margin-bottom:20px; border-bottom:#999 1px solid; }

	.news_list li { list-style:none; padding:10px 2%; }	
	.news_list li:nth-child(2n) { background:#f3f8fe; }
	.news_list li dl dt { float:left; margin-right:2%; font-size:20px; font-weight:300; width:22%; }
	.news_list li dl dd { float:left; font-size:23px; font-weight:600; width:76%; }
	.news_list li dl dt:before { content:"\f0da"; font-family:FontAwesome; margin-right:6%; color:#df504f; }
	section .in p.news_date { text-align:right; font-size:1.2em; color:#358CE9; }
	.news_box { padding-bottom:20px; margin-bottom:20px; border-bottom:#DEDEDE 1px solid; }
	.p_navi { margin-bottom:40px; }
	.p_navi li { font-size:1.2em !important; }
	
	section	.blog p{
	font-size:16px; 

	}


}