@charset "utf-8";


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Top
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.top{position:relative;width:100%;margin:0 auto;height:650px;background:url(../images/top/mimage.jpg) no-repeat top center;background-size:cover;}

section.top h2{position:absolute;top:40%;left:0;right:0;max-width: 600px;letter-spacing: 2px;font-size:22px;font-weight:bold;color:#1e2678;background:rgba(255,255,255,0.9);padding:15px;margin:auto;text-align:center;}

section.top div.logo{position:absolute;top:0;left:0;z-index:10;background:rgba(255,255,255,0.9);padding:20px 50px;}
section.top div.logo img{height:60px;}
section.top div.head_tel{width:221px;height:101px;background:url(../images/common/head_tel.png) no-repeat;float:right;position:absolute;top:0;right:176px;z-index:10;background-size:cover;}
section.top div.head_tel a{width:221px;height:101px;display:block;text-indent:-9999px;}

section.top div.head_mail{width:176px;height:101px;background:url(../images/common/head_inquiry2.png) no-repeat;float:right;position:absolute;top:0;right:0;z-index:10;}
section.top div.head_mail a{width:176px;height:101px;display:block;text-indent:-9999px;}
section.top div.head_mail a:hover{background:url(../images/common/head_inquiry.png) no-repeat;}

section.top h2:after{position:absolute;content:"";width:100%;height:3px;background:#dae000;bottom:0;left:0;right:0;margin:0 auto;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// kaso
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.kaso{position:relative;width:100%;margin:0 auto;height:100px;background:#fff;}

section.kaso h2{position:absolute;top:40%;left:0;right:0;max-width: 600px;letter-spacing: 2px;font-size:22px;font-weight:bold;color:#1e2678;background:rgba(255,255,255,0.9);padding:15px;margin:auto;text-align:center;}

section.kaso div.logo{position:absolute;top:0;left:0;z-index:10;background:rgba(255,255,255,0.9);padding:17px 50px;}
section.kaso div.logo img{height:60px;}
section.kaso div.head_tel{width:221px;height:100px;background:url(../images/common/head_tel.png) no-repeat;float:right;position:absolute;top:0;right:176px;z-index:10;}
section.kaso div.head_tel a{width:221px;height:100px;display:block;text-indent:-9999px;}

section.kaso div.head_mail{width:176px;height:100px;background:url(../images/common/head_inquiry2.png) no-repeat;float:right;position:absolute;top:0;right:0;z-index:10;}
section.kaso div.head_mail a{width:176px;height:100px;display:block;text-indent:-9999px;}
section.kaso div.head_mail a:hover{background:url(../images/common/head_inquiry.png) no-repeat;}

section.kaso h2:after{position:absolute;content:"";width:100%;height:3px;background:#dae000;bottom:0;left:0;right:0;margin:0 auto;}


section.head_channel{width:100%;height:216px;background:#1e2678;}
section.head_channel div.left_title{width:50%;float:left;padding-right:100px;display:table;}
section.head_channel div.title_wrap{height:216px;display:table-cell;vertical-align:middle;text-align:right;width:100%;}
section.head_channel h2{font-size:24px;color:#fff;position:relative;letter-spacing:3px;text-align:right;}
section.head_channel h2::after{width:80px;height:5px;background:url(../images/common/channel_bar.jpg) no-repeat;right:0;bottom:-15px;position:absolute;content:"";}
section.head_channel h2 span.cat{font-size:14px;line-height:1}
section.head_channel div.right_img{width:50%;height:216px;float:right;overflow: hidden;}
section.head_channel div.right_img img{height:100%;}
section.head_channel div.college img{width:100%;height:auto;}
section.head_channel div.dispensary {background-position:center left;position:relative;}
section.head_channel div.dispensary::after{width:100%;height:216px;top:0;left:0;background:#000;opacity:0.4;position:absolute;content:"";}
section.head_channel div.dispensary img{width:100%;height:auto;}



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// costcut
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.sec_wrap{width:100%;max-width:830px;margin:0 auto;padding:0 15px;}

section span{color:#EB6101;}

section.costcut01{padding:80px 0;}
section h2{position:relative;color:#1e2678;text-align:center;font-size:28px;font-weight:bold;margin-bottom:50px;padding-bottom:20px;}
section h2:after{position:absolute;content:"";width:150px;height:3px;background:#dae000;bottom:0;left:0;right:0;margin:0 auto;}

section p{line-height:1.8;margin-bottom:15px;}
section.costcut01 img{width:500px;margin:20px auto;}

section.costcut02{padding:80px 0;background: #f2f2f2;}

section.costcut02 h3{font-size:20px;font-weight:bold;}
section.costcut02 div.printer{max-width:650px;width:100%;margin:30px auto;text-align:center;background:#fff;border:6px solid #dae000;padding:30px;}
section.costcut02 div.printer p.arrow{color:#dae000;font-size: 30px; transform: scaleX(5); width: 30px; margin: 20px auto;}
section.costcut02 h4{font-size:18px;font-weight:bold;margin-top:20px;text-align:left;}


section.costcut03{padding:80px 0;}
section.costcut03 h3{position:relative;color:#1e2678;text-align:left;font-size:22px;font-weight:bold;margin:40px 0 30px;padding-bottom:10px;}
section.costcut03 h3:after{position:absolute;content:"";width:50px;height:3px;background:#1e2678;bottom:0;left:0;}
section.costcut03 div.below{background:#dae000;color:#1e2678;padding:30px;margin:20px 0;font-weight:bold;text-align:center;}

div.flex_con{display:flex;flex-wrap:wrap;align-items: center;}
div.flex_con div.con_left{margin-right:30px;} 

div.flex_con02{display:flex;flex-wrap:wrap;align-items: center;}
div.flex_con02 div.con_left{margin-right:80px;} 

div.flex_con h4{background:#dae000;padding:8px 20px;text-align: center; width: 150px; font-weight: bold;}


section.costcut03-02{padding:80px 0;background: #f2f2f2;}

section.costcut03-02 ul{margin-left:30px;}
section.costcut03-02 li{list-style-type: disclosure-closed;margin-bottom:10px;}



section.costcut04{padding:80px 0;}

section.costcut04 table{border:1px solid #ccc;background:#fff;margin-bottom:15px;}
section.costcut04 table th{border:1px solid #ccc;padding:15px;background:#dae000;}
section.costcut04 table td{border:1px solid #ccc;padding:15px 10px;}

section.costcut04 table td:nth-of-type(2){background:#dae000;font-weight:bold;color:#1e2678;}


section.costcut05{padding:80px 0;background: #f2f2f2;}

section.costcut05 h3{position:relative;color:#1e2678;text-align:left;font-size:22px;font-weight:bold;margin:40px 0 30px;padding-bottom:10px;}
section.costcut05 h3:after{position:absolute;content:"";width:50px;height:3px;background:#1e2678;bottom:0;left:0;}
section.costcut05 ul{margin-left:30px;}
section.costcut05 li{list-style-type: disclosure-closed;margin-bottom:10px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// contact
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.contact{padding:80px 0;}

section.contact dl{max-width:550px;margin:0 auto;}
section.contact dt{font-weight:bold;color:#1e2678;}
section.contact dt span{padding:2px 5px;background:#EB6101;color:#fff;font-size:14px;font-weight:bold;margin-left:10px;}
section.contact dd{border-bottom:1px dotted #ccc;margin-bottom:15px;padding-bottom:15px;}
section.contact input[type="text"]{padding:4px 10px;border: 1px solid #ccc;width:100%;}
section.contact textarea{width:100%;padding:4px 10px;border: 1px solid #ccc;}
section.contact .btn_send{padding: 10px 40px;outline: none; background: #1e2678; color: #fff;border: none; font-size: 16px; margin: 20px auto;
  display: block;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// btn
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.inquiry_bar {width:100%;background:#dae000;}
div.inquiry_bar div.btn_inquiry{max-width:390px;height:60px;background:url(../images/common/bth_inquiry.png) no-repeat center #1e2678;margin:20px auto;text-indent:-9999px;}
div.inquiry_bar div.btn_inquiry:hover{max-width:390px;height:60px;background:url(../images/common/bth_inquiry2.png) no-repeat center #ea5711;margin:20px auto;}
div.inquiry_bar div.btn_inquiry a{display:block;max-width:390px;height:60px;}

div.btn a{max-width:400px;height:60px;padding:20px;background:#1e2678;display:block;color:#fff;margin:20px auto;}
div.btn a:hover{background:#fa4000;}



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Footer
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

footer{width:100%;margin:0 auto;background:#e6e6e6;}

footer div.footer_wrapper{max-width:1200px;margin:0 auto;}

footer div.pagetop {text-align:center;}
footer div.pagetop a{width:100%;background:#dae000;padding:10px 0;color:#fff;display:block;font-size:40px;}
footer nav.footernav{width:100%;text-align:center;background:#1e2678;padding-top:40px;color:#fff;}
footer nav.footernav div.footer_logo{width:92px;height:43px;margin:0 auto 20px;}
footer nav.footernav a{color:#fff;}
footer nav.footernav a:hover{color:#dae000;}
footer nav.footernav address{width:100%;text-align:center;margin-top:15px;font-size:12px;padding-bottom:10px;}
