@charset "utf-8";

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// under 404
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

p.mes404{text-align:center;margin:100px auto;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// top
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mimage{width:100%;max-width:2000px;height:900px;}

section.mimage div.main_img{width: 100%;height:900px;position:relative;}


section.mimage div.img01{background:url(../images/top/mimage.jpg) no-repeat top center #0072b1; background-size:auto 100%;}
section.mimage div.img02{background:url(../images/top/mimage2.jpg) no-repeat top center #0072b1;  background-size:auto 100%;}
section.mimage div.img03{background:url(../images/top/mimage3.jpg) no-repeat top center #0072b1;    background-size:auto 100%;}
section.mimage div.img04{background:url(../images/top/mimage4.jpg) no-repeat top center #0072b1;    background-size:auto 100%; }

section.mimage div.main_img div.scrollarrow{position:absolute;font-size:60px;text-align:center;top:60%;left:0;right:0;}
section.mimage div.img04 div.scrollarrow{position:absolute;font-size:60px;text-align:center;top:60%;left:0;right:0;}
section.mimage div.main_img div.scrollarrow a{color:#fff;}

section.mimage div.img04 div.hide{
    display:none;
}

/*
@keyframes anime1 {
	0% {opacity: 0;}
	5% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes anime2 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes anime3 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
*/


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// top company
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.top_company{width:100%;background:#4EA7CE;padding:40px 15px 110px;text-align:center;position:relative;z-index:1;}
section.top_company h2{color:#fff;font-size:24px;line-height:1.5;letter-spacing:2px;}
section.top_company h2 span{font-size:16px;}

section.top_company ul{max-width:700px;background:#fff;margin:0 auto;padding:60px 0;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;left:0;right:0;bottom:-110px;}
section.top_company ul li{width:120px;}
section.top_company ul li.btn_company{width:380px;margin:30px auto 0;}
section.top_company ul li.btn_company a{width:100%;background:#0072B1;padding:30px;position:relative;font-size:18px;color:#fff;display:block;text-align:left;}
section.top_company ul li.btn_company a:after{position:absolute;content:"→";font-size:24px;top:30px;right:20px;}
section.top_company ul li.btn_company a:hover{opacity:0.7;}



section.top_company div.btn_more{width:100%;position:absolute;left:0;right:0;bottom:-160px;}
section.top_company div.btn_more a{width:100px;font-size:20px;border-bottom:3px solid #0072b1;margin:0 auto;position:relative;color:#0072b1;padding:0 45px 8px 0;}
section.top_company div.btn_more a:after{position:absolute;content:"";background:url(../images/common/arrow_blue.png) no-repeat;width:13px;height:10px;right:0;top:5px;}
section.top_company div.btn_more a:hover{opacity:0.6;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// top overview
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.top_overview{width:100%;background:#f1f2f6;padding:180px 0 80px;position:relative;text-align:center;}
section.top_overview h2{color:#0072B1;font-size:24px;letter-spacing:2px;margin-bottom:30px;}
section.top_overview h2 span{font-size:16px;}

section.top_overview img{max-width:100%;}

section.top_overview div.btn_overview{max-width:380px;margin:20px auto;}
section.top_overview div.btn_overview a{width:100%;background:#0072B1;padding:30px;position:relative;font-size:18px;color:#fff;display:block;text-align:left;}
section.top_overview div.btn_overview a:after{position:absolute;content:"→";font-size:24px;top:30px;right:20px;}
section.top_overview div.btn_overview a:hover{opacity:0.7;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// top recruit
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.top_recruit{width:100%;background:url(../images/top/recruit_bg.png) no-repeat top right 15px #4EA7CE;padding:40px 0 ;position:relative;background-size:auto 100%;}

section.top_recruit h2{color:#fff;font-size:24px;line-height:1;letter-spacing:2px;text-align:center;margin-bottom:30px;}
section.top_recruit h2 span{font-size:16px;}

section.top_recruit div.recruit_wrap{display:flex;}
section.top_recruit div.new{width:42%;margin-right:8%;border:5px solid #fff;position:relative;}
section.top_recruit div.career{width:42%;margin:0 2% 0 6%;border:5px solid #fff;position:relative;}
section.top_recruit a{width:100%;padding:30px;display:block;}
section.top_recruit a:hover{opacity:0.5;}

section.top_recruit h3{color:#fff;font-size:24px;line-height:1.5;letter-spacing:2px;text-align:left;position:relative;}
section.top_recruit h3:after{border-bottom:1px solid #fff;position:absolute;width:50px;left:0;top:38px;content:"";}
section.top_recruit h3 span{font-size:16px;}

section.top_recruit p{position:absolute;color:#ccc;right:-30px;top:70px;border-bottom:1px solid #ccc;line-height:1.5;padding-right:50px;}
section.top_recruit p:after{position:absolute;content:"";background:url(../images/common/arrow_white.png) no-repeat;width:16px;height:19px;right:0;top:5px;}


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

section.top_contact{padding:40px 15px;text-align:center;}
section.top_contact h2{color:#0072B1;font-size:24px;line-height:1;letter-spacing:2px;text-align:center;margin-bottom:30px;}
section.top_contact h2 span{font-size:16px;}

section.top_contact p{font-size:16px;}

section.top_contact ul{display:flex;margin:40px auto;}
section.top_contact ul li{width:50%;font-size:16px;}
section.top_contact ul li.tel{padding:20px 40px 20px 0;text-align:right;font-weight:bold;border-right:1px solid #1a1a1a;}
section.top_contact ul li.tel span{font-weight:normal;}
section.top_contact ul li.url{padding:20px 0 20px 40px;text-align:left;font-weight:bold;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// company
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.head_h2{width:100%;background:#4EA7CE;padding:40px 0;}
section.head_h2 ul.pankuzu{display:flex;}
section.head_h2 ul.pankuzu li{color:#fff;}
section.head_h2 ul.pankuzu li a{position:relative;color:#fff;margin-right:20px;}
section.head_h2 ul.pankuzu li a:after{position:absolute;content:">";top:0;bottom:0;margin:auto 0;right:-15px;}
section.head_h2 h2{color:#fff;font-size:36px;text-align:center;}
section.head_h2 h2 span{font-size:24px;}

section.company_greeting{width:100%;padding:60px 0 0;}
section.company_greeting p{width:100%;color:#333;line-height:2;margin-bottom:15px;}
section.company_greeting div.sec_wrap{border-bottom:1px solid #ccc;padding-bottom:60px;display:flex;flex-wrap:wrap;}
section.company_greeting div.greeting_left{width:calc(100% - 300px);padding-right:30px;}
section.company_greeting h3{font-size:22px;color:#0072B1;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #0072B1;display:inline-block;}

section.history,section.mainoffice,section.license{background:#f1f2f6;}

section.company{width:100%;padding:60px 0;}
section.company div.sec_wrap{display:flex;flex-wrap:wrap;}
section.company h3{width:30%;font-size:22px;position:relative;color:#0072B1;}
section.company h3 span{font-size:16px;}
section.company h3:after{position:absolute;content:"";left:0;top:40px;width:70px;border-bottom:1px solid #0072B1;}
section.client h3:after,section.license h3:after,section.award h3:after{position:absolute;content:"";left:0;top:60px;width:70px;border-bottom:1px solid #0072B1;}

section.company dl{width:70%;display:flex;flex-wrap:wrap;}
section.company dl dt{width:20%;padding:0 15px 25px 0;line-height:1.5;}
section.company dl dd{width:80%;padding:0 0 25px 15px;line-height:1.5;}
section.company dl dd img{width:165px;margin-right:10px;}

section.license dl dt{width:40%;padding:0 15px 15px 0;line-height:1.5;}
section.license dl dd{width:60%;padding:0 0 15px 15px;line-height:1.5;}

section.company ul{width:70%;display:flex;flex-wrap:wrap;}
section.company ul li{width:31.333%;margin:0 1% 20px;}

section.award h4{font-weight:bold;}
section.award dl{width:70%;display:flex;flex-wrap:wrap;}
section.award dl dt{width:10%;padding:0 15px 25px 0;line-height:1.5;}
section.award dl dd{width:50%;padding:0 0 25px 15px;line-height:1.5;}
section.award dl dd.c02{width:40%;padding:0 0 25px 15px;line-height:1.5;}
section.award dl dd.c0102{width:90%;padding:0 0 25px 15px;line-height:1.5;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// overview
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.overview {padding:60px 0;}
section.overview_bg{background:#f1f2f6;}
section.overview h3{font-size:22px;position:relative;text-align:center;margin-bottom:40px;}
section.overview h3 span{font-size:16px;}
section.overview h3:after{position:absolute;content:"";left:0;right:0;bottom:-20px;width:70px;border-bottom:1px solid #333;margin:0 auto;}
section.overview ul{display:flex;flex-wrap:wrap;}
section.overview ul li{width:31%;margin:1%;position:relative;line-height:0;cursor:pointer;padding-bottom:50px;}


section.overview ul li div.img_li{width:100%;height:280px;overflow:hidden;position:relative;text-align:center;}
section.overview ul li img{height:100%;position:absolute;left: -50%;right: -50%;margin: auto;}
section.overview ul li:hover{opacity:0.8;}
section.overview ul li p.caption{height:100%;color:#fff;position:absolute;z-index:100;bottom:0;width:100%;}
section.overview ul li p.caption span{background:#000;display:block;padding:10px;position:absolute;bottom:36px;left:0;width:100%;box-sizing:border-box;}
section.overview ul li p.caption:after{position:absolute;content:"";width:23px;height:22px;background:url(../images/overview/arrow_up.png) no-repeat;right:5px;bottom:41px;}
section.overview ul li p.active_p:after{position:absolute;content:"";width:23px;height:22px;background:url(../images/overview/arrow_down.png) no-repeat;right:5px;bottom:41px;}


section.overview ul li div.caption_bg{width:100%;background:#000;padding:20px;color:#fff;position:absolute;height:calc(100% - 36px);bottom:36px;display:none;opacity:0.8;}
section.overview ul li div.caption_bg p{margin-bottom:10px;line-height:1.5;}

section.overview ul li h4{padding:10px 5px;border-bottom:3px solid #000;position:absolute;bottom:0;width:100%;}


section.overview_bg ul li h4{bottom:-20px;line-height:1.5;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// financial
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.finacial{padding:60px 0;}

section.finacial ul{display:block;flex-wrap:wrap;}
section.finacial ul li{width:50%;margin:0 auto 30px;}
section.finacial ul li a{width:100%;height:auto;padding-bottom:20px;border-bottom:1px solid #333;position:relative;display:block;}
section.finacial ul li a:after{width:58px;height:22px;position:absolute;right:0;content:"";background:url(../images/common/icon_pdf.png);}

section.finacial p{color:#333;margin-top:30px;}

section.history,section.mainoffice{background:#f1f2f6;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// recruit
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.recruit{width:100%;padding:60px 0;}
section.recruit_bg{background:#f1f2f6;}
section.recruit div.sec_wrap{display:flex;flex-wrap:wrap;padding:0 25px;}
section.recruit h3{width:30%;font-size:22px;position:relative;}
section.recruit h3 span{font-size:16px;}
section.recruit h3:after{position:absolute;content:"";left:0;top:40px;width:70px;border-bottom:1px solid #333}
section.client h3:after,section.license h3:after{position:absolute;content:"";left:0;top:60px;width:70px;border-bottom:1px solid #0072B1;}
section.recruit p{width:70%;line-height:2;}

section.recruit dl{width:70%;display:flex;flex-wrap:wrap;}
section.recruit dl dt{width:20%;padding:0 15px 25px 0;line-height:1.5;border-bottom:1px solid #ccc;margin-bottom:25px;font-weight:bold;}
section.recruit dl dd{width:80%;padding:0 0 25px 15px;line-height:1.5;border-bottom:1px solid #ccc;margin-bottom:25px;}

section.career_menu ul.recruit_career{display:flex;border-bottom:1px solid #ccc;justify-content:center;padding-top:50px;}
section.career_menu ul.recruit_career li{width:30%;padding:25px 15px 20px;text-align:center;background:#e6e6e6;margin:0 20px;font-size:16px;}
section.career_menu ul.recruit_career li:hover,section.career_menu ul.recruit_career li.is-active{background:#fff;border:1px solid #ccc;border-top:5px solid #0072b1;border-bottom:none;color:#0072b1;padding:20px 15px 20px;}

ul.career_con li{width:100%;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// download
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.download{padding:10px 0;}

section.download ul{display:block;flex-wrap:wrap;}
section.download ul li{width:50%;margin:0 auto 30px;}
section.download ul li a{width:100%;height:auto;padding-bottom:20px;border-bottom:1px solid #333;position:relative;display:block;}
section.download ul li a:after{width:32px;height:32px;position:absolute;right:0;content:"";background:url(../images/common/down.png);}

section.download p{color:#333;margin-top:30px;}

section.history,section.mainoffice{background:#f1f2f6;}