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

#body .inner { width: 1000px; min-width: 1020px;}

#strong { background: url(../images/business/bg_01.jpg) center center no-repeat; padding: 100px 0 80px; background-size: cover; text-align: center;}
#strong p { font-size: 16px; font-family: 'Noto Sans Japanese medium'; line-height: 40px;}

#point { background: url(../images/index/bg_02.gif) no-repeat; padding: 80px 0 0; margin: 10px 0 0; text-align: center;}
#point p.lead { font-size: 32px; font-family: 'Noto Sans Japanese medium'; padding: 0 0 75px;}
#point ul li { margin: 0 0 40px;}
#point ul li img { float: left;}
#point ul li div { float: left; width: 620px; padding: 0 0 0 20px; text-align: left;}
#point ul li div h4 { font-size: 28px; color: #0086c9; font-family: 'Noto Sans Japanese medium'; padding: 0 0 30px;}
#point ul li div h4 span { font-size: 20px; display: block; color: #000;}
#point ul li div p { font-size: 14px; line-height: 25px;}


#flow { padding: 100px 0 0;}
#flow ul { margin: 20px 0 0;}
#flow ul li { background: url(../images/business/arw_01.png) center top no-repeat; padding: 80px 0 40px;}
#flow ul li:first-child { background: none;}
#flow ul li img { float: left;}
#flow ul li div { float: left; width: 560px; padding: 0 0 0 25px;}
#flow ul li div h4 { font-size: 20px; font-family: 'Noto Sans Japanese medium'; padding: 0 0 20px;}
#flow ul li div h4 span { color: #fff; font-size: 20px; background: #0086c9; padding: 0 10px; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 5px;}
#flow ul li div h5 { font-size: 21px; padding: 30px 0 0;}
#flow ul li div p { font-size: 14px;}

#area { background: url(../images/company/map.gif) center center no-repeat #0086c9; padding: 80px 0 210px; color: #fff; text-align: center;}
#area h3.h3 { background: url(../images/common/line_03.gif) center bottom no-repeat;}
#area p { font-size: 18px; line-height: 40px;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#body .inner { width: 94%; min-width: inherit;}

#strong { background: url(../images/business/bg_01.jpg) center center no-repeat; padding: 50px 0 40px; background-size: cover; text-align: center;}
#strong p { font-size: 14px; font-family: 'Noto Sans Japanese medium'; line-height: 30px;}

#point { background: url(../images/index/bg_02.gif) no-repeat; padding: 40px 0 30px; margin: 10px 0 0; text-align: center; background-size: 280px auto;}
#point p.lead { font-size: 20px; font-family: 'Noto Sans Japanese medium'; padding: 0 0 35px;}
#point ul li { margin: 0 0 20px;}
#point ul li img { float: none; width: 100%; height: auto;}
#point ul li div { float: none; width: 100%; padding: 10px 0; text-align: left;}
#point ul li div h4 { font-size: 18px; color: #0086c9; font-family: 'Noto Sans Japanese medium'; padding: 0 0 15px; text-align: center;}
#point ul li div h4 span { font-size: 14px; display: block; color: #000;}
#point ul li div p { font-size: 12px; line-height: 25px;}


#flow { padding: 50px 0 0;}
#flow ul { margin: 10px 0 0;}
#flow ul li { background: url(../images/business/arw_01.png) center top no-repeat; padding: 40px 0 10px; background-size: 50px auto;}
#flow ul li:first-child { background: none;}
#flow ul li img { float: none; width: 100%; height: auto;}
#flow ul li div { float: none; width: 100%; padding: 15px 0;}
#flow ul li div h4 { font-size: 18px; font-family: 'Noto Sans Japanese medium'; padding: 0 0 10px; text-align: center;}
#flow ul li div h4 span { color: #fff; font-size: 16px; background: #0086c9; padding: 0 10px; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 5px;}
#flow ul li div h5 { font-size: 16px;}
#flow ul li div p { font-size: 14px;}

#area { background: url(../images/company/map.gif) center center no-repeat #0086c9; padding: 40px 0 100px; color: #fff; text-align: center; background-size: contain;}
#area h3.h3 { background: url(../images/common/line_03.gif) center bottom no-repeat; background-size: 40px auto;}
#area p { font-size: 14px; line-height: 30px;}

}