/* CSS Document */
@charset "UTF-8";

.Inter {font-family: "Inter", sans-serif;font-weight:600;}


.c_link01{position:relative;}
/*.c_link01::before{content:"";width:8.5rem;height:8.5rem;background:#076CC6;position:absolute;bottom:0;right:0;transform:translate(50%,50%) rotate(45deg);}*/

.c_link01::before{content:"";width:100%;height:100%;position:absolute;bottom:0;right:0;border:0.5rem solid #076CC6;box-sizing:border-box;border-radius:1rem;pointer-events:none;opacity:0;transition:0.5s;}
.c_link01::after{content:"\e912";font-size:2rem;color:#FFF;position:absolute;bottom:0;right:0;font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition:0.5s;}
.c_link01::after{width:6rem;height:6rem;background:linear-gradient(-45deg , #076CC6 50% , transparent 50%);text-align:right;padding:3rem 0.8rem 0 0 ;box-sizing:border-box;}
.c_link01:hover::before{opacity:1;}
.c_link01:hover::after{padding-right:0.4rem;}
 


@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1400);}/*10px;*/
	.sp_only{display: none!important;}
}
/*
@media (max-width: 899px) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 600);}
	.sp_only{display: none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}

header {padding:2rem 0;box-sizing:border-box;}
header .wrap{width:136rem;max-width:100%;margin: 0 auto;display:flex;justify-content:space-between;}
header .logos{width:calc(100% - 68.5rem);background:#EBF3F6;border-radius:1rem;padding:1.5rem 2rem;box-sizing:border-box;}
header .logo {width:28rem;display:block;}
header #humb{display:none;}
header nav .links{display:flex;justify-content:space-between;width:67.5rem;}
header nav .links .link{font-size:1.5rem;line-height:5.8rem;letter-spacing:0.12em;background:#EBF3F6;border:1px solid #EBF3F6;border-radius:1rem;text-align:center;transition:0.5s;}
header nav .links .link:hover{background:#FFF;}
header nav .links .link01{width:14.5rem;}
header nav .links .link02{width:14.5rem;}
header nav .links .link03{width:18rem;}
header nav .links .link04{font-size:1.8rem;color:#FFF;background:#076CC6;border-color:#076CC6;width:18rem;letter-spacing:0.06em;}
header nav .links .link04:hover{color:#076CC6;background:#FFF;}

header .scroll{font-size:10px;letter-spacing:0.23em;padding-right:140px;z-index:10;position:absolute;top:640px;left:60px;transform:rotate(90deg);transform-origin:left bottom;}
header .scroll::before{content:"";width:100px;height:1px;background:#000;position:absolute;right:12px;top:60%;transform:translateY(-50%);}
header .scroll::after{content:"";width:5px;height:5px;border-radius:50%;background:#000;position:absolute;right:110px;top:60%;transform:translate(-50%, -50%);animation: anime-scroll 2000ms linear infinite;}
@keyframes anime-scroll {
	0% {right:109px;width:1px;height:1px;}
	10% {right:109px;width:5px;height:5px;}
	90% {right:11px;width:5px;height:5px;}
	100% {right:11px;width:1px;height:1px;}
}

footer {}
footer .wrap{width:136rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding:4.5rem 0 17.5rem;position:relative;}
footer .titles{}
footer .titles .logo{width:28rem;margin-bottom:1.5rem;}
footer .titles .address{font-size:1.4rem;line-height:2.5rem;}
footer .links{display:flex;}
footer .links .link{font-size:1.4rem;line-height:2.5rem;transition:0.5s;}
footer .links .link:hover{color:#076CC6;}
footer .links .link + .link{margin-left:3.5rem;}
footer .copyright{font-size:1.2rem;position:absolute;bottom:2rem;right:0;}

@media(max-width:899px){
	header {position:static;width:auto;height:auto;transform:initial;box-shadow: initial;padding:0;background:initial;}
	header .logos{top:1rem;left:calc(50% - 17.5rem);width:35rem;padding:1.5rem;border-radius:1rem;box-shadow: 0 0 0.5rem #D1D5DF;box-sizing:border-box;transform:initial;position:fixed;background:#FFF;z-index:1000;}
	header .logo {width:18rem;}
	header #humb{position:fixed;top:3.7rem;right:2.5rem;width:3.6rem;height:2.6rem;transform:translateY(-50%);display:block;z-index:1001;}
	header #humb .border01{width:2.6rem;height:2px;background:#076CC6;position:absolute;top:0.2rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .border02{width:2.6rem;height:2px;background:#076CC6;position:absolute;top:1.0rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .border03{width:2.6rem;height:2px;background:#076CC6;position:absolute;top:1.8rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .name{font-size:1;font-weight:bold;color:#076CC6;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
	header input:checked ~ #humb .border01{top:1.0rem;transform:translate(-50%,-50%) rotate(-135deg);}
	header input:checked ~ #humb .border02{top:1.0rem;transform:translate(-50%,-50%) rotate(-180deg);width:0;}
	header input:checked ~ #humb .border03{top:1.0rem;transform:translate(-50%,-50%) rotate(135deg);}
	header nav{position:fixed;top:0;left:0;width:0;height:100vh;padding:9rem 0 2rem;box-sizing:border-box;z-index:998;background:#FFF;overflow:hidden;transition:0.5s;}
	header nav .links{justify-content:space-between;flex-wrap:wrap;width:35rem;margin: 0 auto;}
	header nav .links .link{width:16.5rem;}
	header nav .links .link:nth-child(n + 3){margin-top:2rem;}
	header nav .links .link04{width:100%;}
	header input:checked ~ nav {width:100vw;padding:9rem 0 2rem;}

	footer .wrap{width:35rem;padding:5rem 0 7rem;}
	footer .titles .logo{width:20rem;}
	footer .links{display:none}

}


.sec_hero {margin-bottom:2rem;}
.sec_hero .wrap {width:136rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.sec_hero .titles {align-self:center;padding-left:3rem;}
.sec_hero .titles .title {font-size:3.6rem;font-weight:bold;color:#076CC5;}
.sec_hero .titles .etitle {font-size:1.7rem;margin-top:2rem;}
.sec_hero .img {width:102rem;border-radius:1rem;overflow:hidden;}


.top .sec01 {margin-bottom:2rem;}
.top .sec01 .wrap {width:136rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.top .sec01 .area01 {width:67.5rem;display:flex;flex-direction:column;justify-content:flex-end;}
.top .sec01 .area01 .area0101 {padding:0 0 4rem 3rem;}
.top .sec01 .area01 .area0101 .etitle {font-size:4.5rem;line-height:5.7rem;}
.top .sec01 .area01 .area0101 .etitle span:nth-of-type(2){color:#076CC6;}
.top .sec01 .area01 .area0101 .text {font-size:1.5rem;line-height:3rem;letter-spacing:0.06em;margin-top:4rem;}
.top .sec01 .area01 .area0102 {position:relative;border-radius:1rem;overflow:hidden;}
.top .sec01 .area01 .area0102 .img {}
.top .sec01 .area01 .area0102 .etitle {font-size:1.7rem;color:#FFF;position:absolute;bottom:2rem;left:2rem;z-index:3;}
.top .sec01 .area02 {width:33rem;position:relative;border-radius:1rem;overflow:hidden;}
.top .sec01 .area02 .img {}
.top .sec01 .area02 .etitle {font-size:1.7rem;color:#FFF;position:absolute;bottom:2rem;left:2rem;z-index:3;}
.top .sec01 .area03 {width:33.5rem;display:flex;flex-direction:column;justify-content:space-between;;}
/*.top .sec01 .area03 .area0301 {height:52rem;background:#D8DCE5;position:relative;border-radius:1rem;}*/
.top .sec01 .area03 .area0301 {position:relative;border-radius:1rem;}
.top .sec01 .area03 .area0301 .etitle {font-size:1.7rem;color:#30373D;position:absolute;bottom:2rem;left:2rem;z-index:3;}
.top .sec01 .area03 .area0302 {}
.top .sec01 .area03 .area0302 .img {width:100%;margin: 0 auto;}
.top .sec01 .area03 .area0303 {height:8rem;background:#076CC6;position:relative;border-radius:1rem;}
.top .sec01 .area03 .area0303 .etitle {font-size:1.7rem;color:#FFF;position:absolute;bottom:2rem;left:2rem;z-index:3;}


.top .sec01 a::before{content:"Read More　→";position:absolute;bottom:1.5rem;left:2rem;z-index:3;color:#FFF;background:#076CC6;padding:0.5rem 1rem;transition:0.5s;opacity:0;transform:translateY(3rem);}
.top .sec01 a::after{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(23, 86, 181, 0.6) 70%, #04152f 100%);transition:0.5s;}
.top .sec01 a .etitle{transform:translateY(0rem);transition:0.5s 0.1s;}
.top .sec01 a:hover .etitle{transform:translateY(-2.5rem);transition:0.5s;color:#FFF!important;}
.top .sec01 a:hover::before{opacity:1;transform:translateY(0rem);transition:0.5s 0.1s;}
.top .sec01 a:hover::after{opacity:1;}


.top .sec02 {background:#F6FAFD;margin-bottom:2rem;}
.top .sec02 .wrap {width:136rem;max-width:100%;margin:0 auto 2rem;}
.top .sec02 .titles {display:flex;justify-content:space-between;flex-wrap:wrap;padding:7.5rem 0 8.5rem;}
.top .sec02 .titles .title {width:50%;font-size:3.6rem;line-height:6.2rem;letter-spacing:0.08em;font-weight:bold;text-align:center;}
.top .sec02 .titles .texts {width:50%;}
.top .sec02 .titles .texts .name {font-size:2rem;line-height:4rem;font-weight:bold;color:#076CC6;}
.top .sec02 .titles .texts .text {font-size:1.6rem;line-height:3.6rem;margin-top:0.5rem;}
.top .sec02 .links {display:flex;justify-content:space-between;flex-wrap:wrap;}
.top .sec02 .links .link {width:33.2rem;height:33.2rem;display:flex;flex-direction:column;justify-content:center;background:#FFF;border-radius:1rem;position:relative;}
.top .sec02 .links .link .icon {width:14rem;margin: 0 auto;}
.top .sec02 .links .link .name {font-size:2rem;line-height:3rem;height:6rem;font-weight:bold;margin-top:3rem;text-align:center;}
.top .sec02 .banner {}
.top .sec03 {margin-bottom:2rem;}
.top .sec03 .wrap {width:136rem;max-width:100%;margin:0 auto 2rem;display:flex;justify-content:space-between;flex-wrap:wrap;}
.top .sec03 .area01 {width:33.5rem;background:#076CC6;position:relative;border-radius:1rem;}
.top .sec03 .area01 .etitle {font-size:1.7rem;color:#FFF;position:absolute;bottom:2rem;left:2rem;}
.top .sec03 .area02 {width:101.7rem;}
.top .sec03 .area02 .items {}
.top .sec03 .area02 .items .item {padding-left:33rem;height:32rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
.top .sec03 .area02 .items .item + .item{margin-top:4rem;position:relative;}
.top .sec03 .area02 .items .item + .item::before{content:"";height:1px;width:100%;background:#E6E6E6;position:absolute;top:-2rem;left:0;}
.top .sec03 .area02 .items .item .img {width:32rem;height:32rem;position:absolute;top:0;left:0;border-radius:1rem;overflow:hidden;}
.top .sec03 .area02 .items .item .names {display:flex;border-radius:1rem;overflow:hidden;}
.top .sec03 .area02 .items .item .names .cate {width:16rem;font-size:1.6rem;line-height:6rem;color:#FFF;background:#076CC6;text-align:center;}
.top .sec03 .area02 .items .item .names .name {width:calc(100% - 16rem);font-size:2.2rem;line-height:6rem;font-weight:bold;background:#EBF3F6;padding: 0 3rem;box-sizing:border-box;}
.top .sec03 .area02 .items .item .texts {height:25rem;background:#EBF3F6;padding:2.5rem 7rem 3rem 2rem;box-sizing:border-box;border-radius:1rem;transition:0.5s;}
.top .sec03 .area02 .items .item .texts .cate {font-size:1.6rem;color:#076CC6;margin-bottom:3rem;}
.top .sec03 .area02 .items .item .texts .text {font-size:1.6rem;line-height:3.2rem;color:#818F99;}
.top .sec03 .banner {}
.top .sec04 {}
.top .sec04 .wrap {width:136rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;background:#D8DCE5;border-radius:1rem;padding:7rem 6rem 8rem;box-sizing:border-box;}
.top .sec04 .titles {width:50%;padding-left:2rem;box-sizing:border-box;}
.top .sec04 .titles .etitle {font-size:4.5rem;}
.top .sec04 .titles .title {font-size:2.2rem;font-weight:500;}
.top .sec04 .texts {width:50%;}
.top .sec04 .texts .logo {width:28rem;margin-bottom:5rem;}
.top .sec04 .texts .text {font-size:1.6rem;line-height:3.2rem;margin-bottom:4rem;}
.top .sec04 .texts .link {font-size:2.4rem;line-height:6rem;font-weight:bold;width:42rem;padding: 0 3rem;box-sizing:border-box;border-radius:1rem;color:#FFF;background:#076CC6;display:flex;position:relative;transition:0.5s;}
.top .sec04 .texts .link i{font-size:2rem;position:absolute;top:50%;right:3rem;transform:translate(50%,-50%);transition:right 0.5s;}
.top .sec04 .texts .link:hover{color:#076CC6;background:#FFF;}
.top .sec04 .texts .link:hover i{right:2rem;}


.p_about .sec01 {padding:12rem 0;background:#F5F9FC;text-align:center;margin-bottom:2rem;}
.p_about .sec01 .etitle {font-size:1.7rem;margin-bottom:4rem;color:#076CC5;}
.p_about .sec01 .title {font-size:3rem;font-weight:bold;letter-spacing:0.08em;margin-bottom:2.5rem;}
.p_about .sec01 .text {font-size:1.6rem;line-height:3.2rem;}
.p_about .sec02 {margin-bottom:2rem;}
.p_about .sec02 .wrap{width:136rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.p_about .sec02 .titles {width:67.5rem;padding:21rem 2rem 2rem;box-sizing:border-box;background:#076CC5;position:relative;border-radius:1rem;}
.p_about .sec02 .titles .etitle {font-size:1.7rem;color:#FFF;position:absolute;top:1.5rem;left:1.5rem;}
.p_about .sec02 .titles .title {font-size:1.4rem;font-weight:bold;letter-spacing:0.23em;color:#FFF;position:absolute;top:1.5rem;right:1.5rem;}
.p_about .sec02 .titles dl {background:#FFF;border-radius:1rem;display:flex;}
.p_about .sec02 .titles dl + dl{margin-top:1rem;}
.p_about .sec02 .titles dl dt{font-size:1.6rem;line-height:3.4rem;width:17rem;padding:2rem;box-sizing:border-box;color:#808E98;}
.p_about .sec02 .titles dl dd{font-size:1.6rem;line-height:3.4rem;width:calc(100% - 17rem);padding:2rem 0;box-sizing:border-box;}
.p_about .sec02 iframe {width:67.5rem;border-radius:1rem;filter: grayscale(1);}
.p_about .sec03 {margin-bottom:2rem;}
.p_about .sec03 .wrap{width:136rem;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.p_about .sec03 .area01 {width:33rem;height:100%;}
.p_about .sec03 .area01 .img {height:100%;border-radius:1rem;overflow:hidden;}
.p_about .sec03 .area02 {width:33rem;height:100%;}
.p_about .sec03 .area02 .img {height:100%;border-radius:1rem;overflow:hidden;}
.p_about .sec03 .area03 {width:67.5rem;}
.p_about .sec03 .area03 .area0301 {padding:9rem 2rem 2rem;background:#D1D5DF;margin-bottom:1rem;border-radius:1rem;position:relative;}
.p_about .sec03 .area03 .area0301 .etitle {font-size:1.7rem;position:absolute;top:1.5rem;left:1.5rem;}
.p_about .sec03 .area03 .area0301 .title {font-size:1.4rem;font-weight:bold;letter-spacing:0.23em;position:absolute;top:1.5rem;right:1.5rem;}
.p_about .sec03 .area03 .area0301 dl {background:#FFF;padding:2rem;border-radius:1rem;display:flex;flex-wrap:wrap;}
.p_about .sec03 .area03 .area0301 dt {font-size:1.6rem;line-height:3.2rem;width:15rem;color:#808E98;}
.p_about .sec03 .area03 .area0301 dd {font-size:1.6rem;line-height:3.2rem;width:calc(100% - 15rem);}
.p_about .sec03 .area03 .img {border-radius:1rem;overflow:hidden;}
.p_about .sec04 {position:relative;}
.p_about .sec04 .wrap {width:100rem;max-width:100%;position:absolute;top:13rem;left:calc(50% - 50rem);}
.p_about .sec04 .etitle {font-size:1.7rem;color:#FFF;position:absolute;top:1.5rem;right:1.5rem;}
.p_about .sec04 .title {font-size:1.4rem;font-weight:bold;letter-spacing:0.23em;color:#FFF;position:absolute;top:1.5rem;left:1.5rem;}
.p_about .sec04 .texts {}
.p_about .sec04 .texts .text {font-size:1.6rem;line-height:3.4rem;color:#FFF;}
.p_about .sec04 .texts .text01 {margin-bottom:7rem;}
.p_about .sec04 .texts .text02 {position:absolute;top:0;left:60rem;}
.p_about .sec04 .texts .link {font-size:2.4rem;line-height:6rem;font-weight:bold;width:42rem;padding: 0 3rem;box-sizing:border-box;border-radius:1rem;color:#FFF;background:#076CC6;display:flex;position:relative;transition:0.5s;}
.p_about .sec04 .texts .link i{font-size:2rem;position:absolute;top:50%;right:3rem;transform:translate(50%,-50%);transition:right 0.5s;}
.p_about .sec04 .texts .link:hover{color:#076CC6;background:#FFF;}
.p_about .sec04 .texts .link:hover i{right:2rem;}


.p_business .sec01{background:#EAF2F5;}
.p_business .sec01 .wrap{width:136rem;max-width:100%;margin:0 auto;}
.p_business .sec01 .items {padding:2rem 0;}
.p_business .sec01 .items .item {display:flex;justify-content:space-between;background:#FFF;border-radius:1rem;padding:7rem 6rem 7rem 0;}
.p_business .sec01 .items .item + .item{margin-top:2rem;}
.p_business .sec01 .items .item .icons {width:34rem;}
.p_business .sec01 .items .item .icons .icon {width:10rem;margin: 0 auto 1.5rem;}
.p_business .sec01 .items .item .icons .name {font-size:2.2rem;line-height:4rem;font-weight:bold;text-align:center;}
.p_business .sec01 .items .item .texts {width:69rem;padding-right:6rem;box-sizing:border-box;}
.p_business .sec01 .items .item .texts .text {font-size:1.6rem;line-height:3.2rem;}
.p_business .sec01 .items .item .imgs {width:27rem;}
.p_business .sec01 .items .item .imgs .img {}
.p_business .sec01 .items .item02 .texts {padding-right:24rem;position:relative;}
.p_business .sec01 .items .item02 .texts .img {position:absolute;top:0;right:0;width:17rem;}
.p_business .sec01 .items .item02 .imgs {text-align:center;}
.p_business .sec01 .items .item02 .imgs .name {font-size:1.6rem;line-height:3.7rem;color:#076CC5;}
.p_business .sec01 .items .item02 .imgs .text {font-size:1.4rem;line-height:2.5rem;text-align:justify;}
.p_business .sec01 .items .item02 .imgs .img {width:18rem;margin: 0 auto;}
.p_business .sec01 .bunner {}


.p_works_list .sec01 {background:#EAF2F5;}
.p_works_list .sec01 .wrap {width:136rem;max-width:100%;margin:0 auto;}
.p_works_list .sec01 .items {padding:2rem 0;}
.p_works_list .sec01 .items .item {padding-left:33rem;height:32rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
.p_works_list .sec01 .items .item + .item{margin-top:2rem;position:relative;}
.p_works_list .sec01 .items .item .img {width:32rem;height:32rem;position:absolute;top:0;left:0;border-radius:1rem;overflow:hidden;}
.p_works_list .sec01 .items .item .names {display:flex;border-radius:1rem;overflow:hidden;}
.p_works_list .sec01 .items .item .names .cate {width:16rem;font-size:1.6rem;line-height:6rem;color:#FFF;background:#076CC6;text-align:center;}
.p_works_list .sec01 .items .item .names .name {width:calc(100% - 16rem);font-size:2.2rem;line-height:6rem;font-weight:bold;background:#FFF;padding: 0 3rem;box-sizing:border-box;}
.p_works_list .sec01 .items .item .texts {height:25rem;background:#FFF;padding:3rem 7rem 3rem 2rem;box-sizing:border-box;border-radius:1rem;}
.p_works_list .sec01 .items .item .texts .cate {font-size:1.6rem;color:#076CC6;margin-bottom:3rem;}
.p_works_list .sec01 .items .item .texts .text {font-size:1.6rem;line-height:3.2rem;color:#818F99;}


.p_works_det .sec01 {background:#EAF2F5;padding:2rem 0;}
.p_works_det .sec01 .wrap {width:136rem;max-width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.p_works_det .sec01 .names {display:flex;border-radius:1rem;overflow:hidden;width:100%;margin-bottom:2.5rem;background:#FFF;}
.p_works_det .sec01 .names .cate {width:18rem;font-size:2rem;line-height:8rem;color:#FFF;background:#076CC6;text-align:center;}
.p_works_det .sec01 .names .name {width:calc(100% - 18rem);font-size:3.6rem;line-height:4rem;font-weight:bold;padding: 0 3rem;box-sizing:border-box;align-self:center;}
.p_works_det .sec01 .imgs{width:60rem;}
.p_works_det .sec01 .imgs .img{border-radius:1rem;overflow:hidden;}
.p_works_det .sec01 .imgs .img + .img{margin-top:1rem;}
.p_works_det .sec01 .texts{width:100%;}
.p_works_det .sec01 .texts .cate{font-size: 1.8rem;color: #076CC6;margin-bottom: 3rem;;}
.p_works_det .sec01 .texts .text{font-size:1.6rem;line-height:3.2rem;margin-bottom:7rem;}
.p_works_det .sec01 .texts .link {font-size:2.4rem;line-height:6rem;font-weight:bold;width:42rem;padding: 0 3rem;box-sizing:border-box;border-radius:1rem;color:#FFF;background:#076CC6;display:flex;position:relative;transition:0.5s;}
.p_works_det .sec01 .texts .link i{font-size:2rem;position:absolute;top:50%;right:3rem;transform:translate(50%,-50%);transition:right 0.5s;}
.p_works_det .sec01 .texts .link:hover{color:#076CC6;background:#FFF;}
.p_works_det .sec01 .texts .link:hover i{right:2rem;}
.p_works_det .sec01 .imgs + .texts{width:67rem;}