/**/
.pc_type {display:block;}
.m_type {display:none;}

.main_visual {position:relative; overflow:hidden; height:1055px;}
.main_visual .mv_wrap {position:absolute; top:0; left:50%; width:2558px; height:1055px; margin-left:-1279px;}
.main_visual .mv_wrap img {height:100%; width:auto;}

.main h3 {margin:0; font-size:38px; font-weight:900; color:#161616; text-align:center;}
.main .sub_text {margin-top:5px; font-size:16px; color:#555; font-weight:300; text-align:center;}



.mnav {position:fixed; z-index:10; top:45%; right:52px;}
.mnav ul {width:15px;}
.mnav ul li {width:12px; height:32px; text-align:center; border-bottom:3px solid #292929;}
.mnav ul li a {opacity:0; font-size:12px; line-height:34px;}
.mnav ul li.active {border-bottom:3px solid #f37320;}
.mnav ul li.active a {color:#f37320; opacity:1;}


/* about */

.about {padding:100px 0 150px;}
.about .mcon01 {margin-top:50px;}
.about .mcon01 ul:after {content:''; display:block; clear:both;}
.about .mcon01 ul li {float:left; margin:0 10px 13px 0;}
.about .mcon01 ul li a {display:block; width:100%;}
.about .mcon01 > ul > li:first-child {width:calc(75%);}
.about .mcon01 > ul > li:last-child {width:calc(25% - 10px); margin:0; background:url('/img/mcon01_05bg.png') no-repeat center top; text-align:center;}
.about .mcon01 > ul > li:last-child a {padding:254px 0;}
.about .mcon01 ul li .tit {margin-top:0; font-size:27px; font-weight:900; color:#464646;}
.about .mcon01 ul li p {margin-top:5px; font-size:14px; color:#464646;}
.about .mcon01 ul li p.bol {font-size:16px; font-weight:700; color:#110f10;}
.about .mcon01 .left_type li {position:relative; height:290px; box-sizing:border-box;}
.about .mcon01 .left_type li a {padding:60px; height:100%; box-sizing:border-box;}
.about .mcon01 .left_type li .btn_style {position:absolute; left:60px; bottom:60px; padding-top:18px; line-height:1; border-top:1px solid #f37320;}
.about .mcon01 .left_type li .btn_style a {padding:0;}
.about .mcon01 .left_type li.small {text-align:center; width:32.2222%; padding:0; background:#44a0f6;}
.about .mcon01 .left_type li.small a {padding:82px 0;}
.about .mcon01 .left_type li.small .tit {color:#fff;}
.about .mcon01 .left_type li.small img {width:auto; margin-bottom:12%;}
.about .mcon01 .left_type li {width:66%;}
.about .mcon01 .left_type li:nth-of-type(2n) {margin-right:0;}
.about .mcon01 .left_type li.no01 {background:url('/img/mcon01_01bg.png') no-repeat center top;}
.about .mcon01 .left_type li.no01 a {padding:110px 0;}
.about .mcon01 .left_type li.suji {background:url('/img/mcon01_03bg.png') no-repeat center top;}
.about .mcon01 .left_type li.box_type {border:1px solid #d0d0d0; word-break:keep-all;}
.about .mcon01 .left_type li.box_type img {position:absolute; width:auto; right:60px; bottom:58px;}

/**/
.clalen {padding:100px 0 150px; background:url('/img/mainclalen_bg.png') no-repeat center top; overflow:hidden;}
.clalen .cl_slide {position:relative; margin:50px 0 70px; padding:120px 60px; background:#fff; border:1px solid #bbbbbb;}

.clalen .d_btn {display:block; width:230px; margin:0 auto; background:#37373a; color:#fff; font-size:16px; line-height:1; padding:23px 0; text-align:center;}

.clalen .cl_slide ul li {width:100%; overflow: hidden;}

.clalen .cl_slide .bx-controls-direction {position:absolute; width:1120px; left:50%; top:47%; margin-left:-560px;}
.clalen .cl_slide .bx-wrapper .bx-controls-direction a {position: absolute; display: block; width:20px; height:39px; background-size: cover; text-indent: -9999px;}
.clalen .cl_slide .bx-wrapper .bx-next {right:0; background: url(/img/cl_next.png) no-repeat;}
.clalen .cl_slide .bx-wrapper .bx-prev {left:0; background: url(/img/cl_prev.png) no-repeat;}

.clalen .cl_slide .bx-wrapper .bx-controls .bx-pager{position:absolute; width:1200px; bottom:42px; left:50%; margin-left:-600px; text-align:center;}
.clalen .cl_slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item {display:inline-block;}
.clalen .cl_slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-of-type {margin-right:0;}
.clalen .cl_slide .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:11px; height:11px; background:url('/img/cl_pager_off.png') no-repeat center 50%; text-indent:-9999px; margin:0 5px;}
.clalen .cl_slide .bx-wrapper .bx-pager.bx-default-pager a.active{background:url('/img/cl_pager_on.png') no-repeat center;}
.clalen .cl_slide ul:after {content:''; display:block; clear:both;}
.clalen .cl_slide ul li > div {float:left; width:48.4%; box-sizing:border-box;}
.clalen .cl_slide ul li > div.text_part {margin-right:3%; padding:2% 0 0 7.5%;}
.clalen .cl_slide ul li > div.img_part {box-sizing:border-box; padding-left:3%;}
.clalen .cl_slide ul li > div img {max-width:100%;}
.clalen .cl_slide ul li > div p {font-size:15px; font-weight:300; color:#767676; line-height:1.6em; margin-top:8%;}
.clalen .cl_slide ul li > div .b_tit {font-size:35px; font-weight:300; color:#025b8e; line-height:1.4em;}
.clalen .cl_slide ul li > div .b_tit strong {display:block; margin-top:3%; font-size:45px;}



/*.business {padding:100px 0 150px;}
.business ul {margin-top:50px;}
.business ul:after {content:''; display:block; clear:both;}
.business ul li {float:left; position:relative; width:48.42%;}
.business ul li:first-child {margin-right:3%;}
.business ul li a {display:block;}
.business ul li img {max-width:100%;}
.business ul li .text_box {position:absolute; top:147px; left:0; width:100%; text-align:center;}
.business ul li .text_box .up_t {font-size:17px; color:#f37320;}
.business ul li .text_box i {display:block; width:5px; height:5px; margin:30px auto 20px; background:#878686; border-radius:50%;}
.business ul li .text_box h4 {font-size:40px; color:#fff; letter-spacing:-0.05em;}
.business ul li .text_box .bs_text {margin-top:5px; font-size:15px; font-weight:200; color:#fff; line-height:1.6em;}
*/

.business {padding:100px 0 150px;}
.business ul {margin-top:50px;}
.business ul:after {content:''; display:block; clear:both;}
.business ul li {position:relative; float:left; width:43.5%; position:relative; width:; margin:0 1.0833333333% 1.0833333333% 0;}
.business ul li.btype {width:55.4166666667%;}
.business ul li:nth-of-type(2n) {margin-right:0;}
.business ul li a {display:block;}
.business ul li img {position:relative; z-index:1; max-width:100%;}
.business ul li .text_box {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; padding:130px 0; text-align:center; box-sizing:border-box;}
.business ul li .text_box p.point {position:absolute; top:0; left:0; width:176px; height:47px; margin:0; color:#fff; font-size:14px; background:#277cd3; line-height:47px; font-weight:400;}
.business ul li .text_box p.point.col02 {background:#0cb9c8;}
.business ul li .text_box p.point.col03 {background:#2cadef;}
.business ul li .text_box p.point.col04 {background:#6075df;}
.business ul li .text_box h4 {color:#fff; font-size:32px; letter-spacing:-0.05em;}
.business ul li .text_box p {margin-top:10px; color:#fff; font-size:15px; font-weight:100;}


@media all and (max-width:1220px) {
	.clalen .cl_slide {margin:8% 0 11%; padding:8% 3%;}
	.clalen .cl_slide .bx-controls-direction {position:absolute; width:100%; left:0; top:47%; margin-left:0;}
	.clalen .cl_slide .bx-wrapper .bx-next {right:3%; background: url(/img/cl_next.png) no-repeat;}
	.clalen .cl_slide .bx-wrapper .bx-prev {left:3%; background: url(/img/cl_prev.png) no-repeat;}

}

@media all and (max-width:1199px) {
	.business ul li .text_box {padding:27% 0;}
	.business ul li.btype .text_box {padding:19% 0;}	
}

@media all and (max-width:999px) {
	.mnav {display:none;}
	.pc_type {display:none;}
	.m_type {display:block;}
	.main_visual {height:auto;}
	.main_visual .mv_wrap {position:relative; top:0; left:0; margin-left:0; width:100%; height:auto;}
	.main_visual .mv_wrap img {height:auto; width:100%;}

	.main h3 {font-size:6vw;}
	.main .sub_text {margin-top:1%; font-size:2.8vw;}

	/* about */

	.about {padding:10% 0 20%;}
	.about .mcon01 {margin-top:8%;}
	.about .mcon01 ul li {margin:0 1.5625% 2% 0;}
	.about .mcon01 > ul > li {float:none; margin:0;}	
	.about .mcon01 > ul > li:first-child {width:100%;}
	.about .mcon01 > ul > li:last-child {width:100%; margin:0; background-size:100% auto;}
	.about .mcon01 > ul > li:last-child a {padding:7% 0;}
	.about .mcon01 ul li .tit {font-size:4.3vw;}
	.about .mcon01 ul li p {margin-top:1%; font-size:2.5vw;}
	.about .mcon01 ul li p.bol {font-size:2.8vw;}
	.about .mcon01 .left_type li {position:relative; height:30.46875vw; box-sizing:border-box;}
	.about .mcon01 .left_type li a {padding:5% 4%;}
	.about .mcon01 .left_type li .btn_style {position:absolute; left:5%; bottom:13%; padding-top:3%;}
	.about .mcon01 .left_type li .btn_style a {font-size:2.5vw;}
	.about .mcon01 .left_type li.small {width:32.2222%; padding:8.5% 0;}
	.about .mcon01 .left_type li.small a {padding:8.5% 0;}
	.about .mcon01 .left_type li.small .tit {color:#fff;}
	.about .mcon01 .left_type li.small img {width:20%; margin-bottom:9%;}
	.about .mcon01 .left_type li {width:66%;}
	.about .mcon01 .left_type li:nth-of-type(2n) {margin-right:0;}
	.about .mcon01 .left_type li.no01 {background:url(/img/mcon01_01bg.png) no-repeat center top; background-size:100% 100%;}
	.about .mcon01 .left_type li.no01 a {padding:10% 0;}
	.about .mcon01 .left_type li.suji {background:url('/img/mcon01_03bg.png') no-repeat center top; background-size:100% 100%;}
	.about .mcon01 .left_type li.box_type {border:1px solid #d0d0d0;}
	.about .mcon01 .left_type li.box_type img {width:20%; right:7%; bottom:12%;}

	.clalen {padding:10% 0 20%; background-size:auto 100%;}
	.clalen .d_btn {width:38%; font-size:2.8vw; padding:4% 0;}
	.clalen .cl_slide .bx-wrapper .bx-controls-direction a {width:3.125vw; height:6.09375vw;}
	
	.clalen .cl_slide .bx-wrapper .bx-controls .bx-pager{width:100%; bottom:7%; left:50%; margin-left:-50%;}
	.clalen .cl_slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item {display:inline-block;}
	.clalen .cl_slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-of-type {margin-right:0;}
	.clalen .cl_slide .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:11px; height:11px; background:url('/img/cl_pager_off.png') no-repeat center 50%; text-indent:-9999px; margin:0 5px;}
	.clalen .cl_slide .bx-wrapper .bx-pager.bx-default-pager a.active{background:url('/img/cl_pager_on.png') no-repeat center;}

	.clalen .cl_slide ul li > div p {font-size:2.4vw;}
	.clalen .cl_slide ul li > div .b_tit {font-size:5.2vw;}
	.clalen .cl_slide ul li > div .b_tit strong {margin-top:2%; font-size:6vw;}
	.clalen .cl_slide ul li > div {float:none; width:100%;}
	.clalen .cl_slide ul li > div.text_part {margin-right:3%; padding:0 7%; word-break:keep-all;}
	.clalen .cl_slide ul li > div.img_part {margin-top:5%; padding:0 7%;}
	.clalen .cl_slide ul li > div.img_part img {width:100%;}
	.clalen .cl_slide ul li > div.text_part br {display:none;}
	.clalen .cl_slide ul li > div.text_part br.brim {display:block;}

	.business {padding:10% 0 20%;}
	.business ul {margin-top:8%;}
	.business ul li {position:relative; float:none; width:100%; position:relative; width:; margin:0 0 5% 0;}
	.business ul li.btype {width:100%;}
	.business ul li img {width:100%;}
	.business ul li .text_box p.point {width:30%; height:auto; padding:4% 0; font-size:2.5vw; line-height:1;}
	.business ul li .text_box h4 {color:#fff; font-size:5vw;}
	.business ul li .text_box p {margin-top:1.8%; font-size:2.7vw;}
}

@media all and (max-width:330px) {
	.about .mcon01 ul li p {font-size:2.2vw;}
	.about .mcon01 .left_type li a {padding:3% 2%;}
	.about .mcon01 .left_type li.box_type img {bottom:11%;}
	.about .mcon01 .left_type li .btn_style {left:2%;}
}