#container  {width:100%; height:460px;}


/*main_contents*/
#contents {width:1160px;  background:#fff;z-index:9; margin:-80px auto 0 auto;  position:relative;  padding:20px 20px 0 20px; z-index:99;}
#main_contents_01 {height:150px; }
#main_contents_02 {height:220px;  margin:30px 0;}



#main_contents_01  h2 {font-size:20px; color:#fff; margin:5px 0 15px 0;}
#main_contents_01  h2 a {color:#fff; }
#main_contents_01  p {font-size:13px; color:#fff; }
#main_contents_01  p a {font-size:13px; color:#fff; }

#main_contents_01  div {width:15%; height:130px; float:left;  padding:20px 0 0 10%; }




/*ȸ»ç¼Ò°³*/
.mainb_01 { background: #0072dd url('/images/main/mico_01.gif') 30px bottom no-repeat;}

/*¿¬Çõ*/
.mainb_02 {background: #0f398d url('/images/main/mico_02.gif') 30px bottom no-repeat;}

/*Á¦Ç°Á¤º¸*/
.mainb_03 { background: #1772aa url('/images/main/mico_03.gif') 30px bottom no-repeat;}

/*ã¾Æ¿À½Ã´Â±æ*/
.mainb_04 {background: #009bab url('/images/main/mico_04.gif') 30px bottom no-repeat;}



/* °øÁö»çÇ× */
.notice {float:left; width:35.3%; height:220px; background-color:#fff; padding:20px 2% 0 0; margin-right:1%;border-right:1px solid #d1d1d1; box-sizing:border-box; }
.notice h3 {float:left; font-size:1.7em; color:#134088; margin-bottom:10px;}
.notice .more {float:right; }
.notice li {clear:both;float:left; width:98%; height:27px;overflow:hidden; line-height:27px;background: url(/images/main/notice_dot.gif) no-repeat 0px 10px; padding:0 0 0 7px;}
.notice li img {vertical-align:middle; margin-left:5px;}
.notice .text {float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;max-width:80%;}
.notice .data {float:right;display:block; }


/*±³Ã¼°ø»ç¾È³»*/
.change {width:35.3%;height:210px; float:left; padding:10px 0 0 1%; border-right:1px solid #d1d1d1; background:url('/images/main/m_change_ico.gif') 93% 75% no-repeat;}
.change h2 {margin:10px 0; font-size:2.0em;}
.change h2 strong{color:#116cca;}
.change p {margin-bottom:30px; }
.change a {border:1px solid #d1d1d1; padding:10px 55px 10px 15px;background:url('/images/main/change_arr_b.png') 90% 50% no-repeat; border-radius:3px;transition: all 0.2s ease 0s;}
.change a:hover{color:#fff; background: #333 url('/images/main/change_arr_w.png') 90% 50% no-repeat; text-decoration:none;}


/*°í°´¼¾ÅÍ*/
.call {width:25.3%; height:210px; float:left; padding:10px 0 0 2%; background:url('/images/main/m_customer.gif') 10% 10% no-repeat;}
.call h2 {margin: 0 0 0 100px;font-size:1.8em;color:#2b2b2b; }
.call .tel {font-size:1.8em; margin-left:100px;font-weight:bold; color:#2b2b2b;}
.call .tel span{font-size:1.2em; font-weight:bold; color:#e90000;}
.call .fax {font-size:1.0em; margin-left:100px;font-weight:bold; color:#767676;}
.call .txt02 {border-top:1px solid #d1d1d1; margin-top:25px; padding-top:25px; font-size:1.1em;  text-align:center; font-weight:bold; color:#767676; display:block;}


/*À§¾Æ·¡¹öÆ°*/
.btn_scroll {display: block; position:absolute; right:-50px;top: 50px;width: 61px;z-index: 51;}
.btn_scroll li {display: block;margin-bottom: 5px; text-align:center;}







/* Tablet Device ÃÖ¼Ò 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {
#container  {width:100%; height:400px;  background:#EDEDED url('/images/main/main_bg.jpg') repeat-x 40% top;}
#contents {width:98%; padding:0 1%; margin:0 auto;padding:0;}




#main_contents_01 {width:100%; height:auto;margin-right:0; margin-bottom:20px;}
#main_contents_01  div {width:45%; height:130px; float:left;  padding:20px 0 0 5%; }



#main_contents_02 {width:98%; margin-left:1%; height:auto;margin-right:0; }



/*ȸ»ç¼Ò°³*/
.mainb_01 { background: #0072dd url('/images/main/mico_01.gif') right bottom no-repeat;}

/*¿¬Çõ*/
.mainb_02 {background: #0f398d url('/images/main/mico_02.gif') right bottom no-repeat;}

/*Á¦Ç°Á¤º¸*/
.mainb_03 { background: #1772aa url('/images/main/mico_03.gif') right bottom no-repeat;}

/*ã¾Æ¿À½Ã´Â±æ*/
.mainb_04 {background: #009bab url('/images/main/mico_04.gif') right bottom no-repeat;}



/* °øÁö»çÇ× */
.notice {width:49%; float:left; padding:20px 0 0 0;border-right:0;box-sizing:border-box;}
.notice .text {max-width:100%;}
.notice .data {display:none;}


/*±³Ã¼°ø»ç¾È³»*/
.change {width:46%;float:left; padding:10px 0 0 3%; border-left:1px solid #d1d1d1;; border-right:0; background:url('/images/main/m_change_ico.gif') right 75% no-repeat; background-size:40%;}


/*°í°´¼¾ÅÍ*/
.call {width:98%; height:auto; padding:25px 1% 20px 1%; border-top:1px solid #d1d1d1; background: url('/images/main/m_customer.gif') 95% 50% no-repeat;}
.call h2 {float:left; margin: 5px 0 0 0; padding-right:20px;}
.call .tel {float:left;  padding-right:20px; margin-left:20px;}
.call .fax {float:left; margin:0px 0 0 10px; font-size:1.6em;}
.call .txt02 {display:none;}



/*À§¾Æ·¡¹öÆ°*/
.btn_scroll {display:none;}



}















/* Tablet Device ÃÖ¼Ò 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {
#container  {width:100%; height:400px;  background:#EDEDED url('/images/main/main_bg.jpg') repeat-x 40% top;}
#contents {width:98%; padding:0 1%; margin:0 auto;padding:0;}




#main_contents_01 {width:100%; height:auto;margin-right:0; margin-bottom:20px;}
#main_contents_01  div {width:45%; height:130px; float:left;  padding:20px 0 0 5%; }


#main_contents_02 {width:98%; margin-left:1%; height:auto;margin-right:0; }



/*ȸ»ç¼Ò°³*/
.mainb_01 {background:#0072dd url('/images/main/mico_01.gif') right bottom no-repeat;}

/*¿¬Çõ*/
.mainb_02 {background:#0f398d url('/images/main/mico_02.gif') right bottom no-repeat;}

/*Á¦Ç°Á¤º¸*/
.mainb_03 {background:#1772aa url('/images/main/mico_03.gif') right bottom no-repeat;}

/*ã¾Æ¿À½Ã´Â±æ*/
.mainb_04 {background:#009bab url('/images/main/mico_04.gif') right bottom no-repeat;}



/* °øÁö»çÇ× */
.notice {width:49%; float:left; padding:20px 0 0 0;border-right:0;box-sizing:border-box;}
.notice .text {max-width:100%;}
.notice .data {display:none;}


/*±³Ã¼°ø»ç¾È³»*/
.change {width:46%;float:left; padding:10px 0 0 3%; border-left:1px solid #d1d1d1;; border-right:0; background:url('/images/main/m_change_ico.gif') right 75% no-repeat; background-size:40%;}


/*°í°´¼¾ÅÍ*/
.call {width:98%; height:auto; padding:25px 1% 20px 1%; border-top:1px solid #d1d1d1; background: url('/images/main/m_customer.gif') right 50% no-repeat;}
.call h2 {margin: 0 0 0 0px; }
.call .tel { margin-left:0px;}
.call .fax {margin-left:0px;}
.call .txt02 {display:none;}


/*À§¾Æ·¡¹öÆ°*/
.btn_scroll {display:none;}



}







/* Mobile Device ÃÖ¼Ò ~ ÃÖ´ë 589 */
@media (max-width:589px) {

#container  {width:100%; height:400px;  background:#EDEDED url('/images/main/main_bg.jpg') repeat-x 40% top;}
#contents {width:98%; padding:0 1%; margin:0 auto;padding:0;}




#main_contents_01 {width:100%; height:auto;margin-right:0; margin-bottom:20px;}
#main_contents_01  div {width:95%; height:130px; float:left;  padding:20px 0 0 5%; }



#main_contents_02 {width:98%; margin-left:1%; height:auto;margin-right:0; }



/*ȸ»ç¼Ò°³*/
.mainb_01 { background: #0072dd url('/images/main/mico_01.gif') right bottom no-repeat;}

/*¿¬Çõ*/
.mainb_02 {background: #0f398d url('/images/main/mico_02.gif') right bottom no-repeat;}

/*Á¦Ç°Á¤º¸*/
.mainb_03 { background: #1772aa url('/images/main/mico_03.gif') right bottom no-repeat;}

/*ã¾Æ¿À½Ã´Â±æ*/
.mainb_04 {background: #009bab url('/images/main/mico_04.gif') right bottom no-repeat;}



/* °øÁö»çÇ× */
.notice {width:100%; padding:20px 0 0 1%;border-right:0;}
.notice .text {max-width:100%;}
.notice .data {display:none;}


/*±³Ã¼°ø»ç¾È³»*/
.change {width:99%;padding:10px 0 0 1%; border-top:1px solid #d1d1d1;  border-bottom:1px solid #d1d1d1; border-right:0; background:url('/images/main/m_change_ico.gif') right 75% no-repeat; background-size:40%;}


/*°í°´¼¾ÅÍ*/
.call {width:98%; height:auto; padding:25px 1% 20px 1%; background:url('/images/main/m_customer.gif') right 50% no-repeat;}
.call h2 {margin: 0 0 0 0px; }
.call .tel { margin-left:0px;}
.call .fax {margin-left:0px;}
.call .txt02 {display:none;}





/*À§¾Æ·¡¹öÆ°*/
.btn_scroll {display:none;}



}