@charset "utf-8";


body {

	font-size: 16px;

	line-height: 1.8;

	font-family: 'Noto Sans JP', sans-serif;

	color: #212121;

	font-weight: 400;

	text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-o-text-size-adjust: 100%;

}

* {

	box-sizing: border-box;

	margin: 0;

	padding: 0;

}



*::after, *::before {

	box-sizing: border-box;

}



img {

	max-width: 100%;

	height: auto;

}

main {

	display: block;

}

a:hover, a:focus, a:visited {

	outline: none;

	border: none;

}



a {

	text-decoration: none;

	color: inherit;

}



.clear {

	clear: both;

}



a[href^="tel:"] {

	cursor: default;

}



a[href^="tel:"]:hover {

	text-decoration: none;

}



br {

	font-size: 0;

}

.anchor_fixtop {

    display: block;

    position: relative;

    top: -80px; 

    width: 100%;

    visibility: hidden;

}

.hv-o:hover {

	opacity: .7;

}

.fx {

	transition: .3s ease;

}



.flex {

	display: flex;

	flex-wrap: wrap;

}

.active{

	text-decoration: underline;

}

.br-sp{

	display: none;

}

.br-pc{

	display: block;

}



/* commom */



.hd__wrap {

	padding-bottom: 20px;

	position: relative;

}



.hd__wrap .bg{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}



.hd__wrap .bg div{

	background-position: top center;

	background-repeat: no-repeat;

	background-size: cover;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	opacity: 0;

	transition: opacity 1s;

}



.hd__wrap--ct-bg-1 {

	background-image: url(../images/s-1.jpg);

}

.hd__wrap--ct-bg-2 {

	background-image: url(../images/s-2.jpg);

}

.hd__wrap--ct-bg-3 {

	background-image: url(../images/s-3.jpg);

}

.hd__wrap--ct-bg-4 {

	background-image: url(../images/s-4.jpg);

}



#pagetop {

    cursor: pointer;

    position: fixed;

    bottom: 20px;

    right: 20px;

    background: none;

    border: none;

    outline: none;

	z-index: 99;

}

#pagetop img{

	width: 42px;

	height: 125px;

}



.cont-1160{

	width: 100%;

	max-width: 1160px;

	margin: auto;

}

.cont-1600{

	max-width: 1600px;

	width: 100%;

	margin-left: auto;

}

.cont-1520{

	max-width: 1520px;

	width: 100%;

	margin: auto;

}

.cont-1800{

	max-width: 1800px;

	width: 100%;

	margin: auto;

}

.flex{

	display: flex;

	flex-wrap: wrap;

}



.hd{

	color: #fff;

	justify-content: space-between;

	position: fixed;

    z-index: 99;

    width: 100%;

}

.transform_hd{

	background: linear-gradient(270deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

}

.sub-page header .transform_hd{

	background: linear-gradient(270deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

	transition: .5s;

}

.slide{

	padding-top: 106px;

}

.logo{

	padding-left: 40px;

	padding-top: 26px;

}

.logo img{

	width: 247px;

	height: 54px;

}

h1{

	font-size: 10px;

	line-height: 1.4;

	padding-top: 15px;

	padding-right: 37px;

	text-align: right;

	color: #CECECE;

}

.menu ul{

	padding-top: 14px;

}

.menu ul li{

	font-size: 15px;

	line-height: 1.7;

}

.menu ul li{

	padding: 0 18px;

}

.menu ul li a:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}

.menu ul li:nth-last-child(3),

.menu ul li:nth-last-child(2),

.menu ul li:last-child{

	display: none;

}

.contact img{

	width: 164px;

	height: 106px;

}

.download-hd img {

	width: 164px;

	height: 106px;

}

.insta {

	width: 90px;

	height: 106px;

	display: flex;

	justify-content: center;

	align-items: center;	

	

}

.insta img {

	vertical-align: middle;

}

.txt-slide{

	position: absolute;

	top: 41%;

	/*top: 11.2%;*//*30周年バナーあり*/

	left: 155px;

	z-index: 9;

	animation: leftToRightSlide 1s forwards;

}







@media screen and (max-width: 1240px) {

	

	.insta {

		position: absolute;

		/*margin-left: 240px;*/

		margin-top: -5.5em;

		/*display: none;*/

		right: 60px;

	}

}



@media screen and (max-width: 1023px) {

	.slide {

	  padding-top: 84px;

	}	



}



@media screen and (max-width: 640px) {

	.logo img {

	  width: 230px;

	  height: 50px;

	}	

	.slide {

	  padding-top: 102px;

	}	



	.insta {

		position: absolute;

		/*margin-left: 240px;*/

		margin-top: -6em;

		/*display: none;*/

		right: 45px;

	}



}





@keyframes leftToRightSlide {

	0% {

		left: -40%;

	}

	100% {

		left: 155px;

	}

}

.txt-slide-1{

	font-size: 77px;

	font-weight: bold;

	letter-spacing: 4px;

	line-height: 1.2;

	font-family: 'Oswald', sans-serif;

	color: #fff;

	text-shadow: 3px 2px 3px rgba(255,255,255,.2), 0px 0px 15px rgba(35,26,71,0.35);

}



.txt-slide-2{

	padding-top: 20px;

	font-size: 32px;

	letter-spacing: 0.5px;

	line-height: 1.4;

	font-weight: bold;

	color: #fff;

	text-shadow: 3px 2px 3px rgba(255,255,255,.2), 0px 0px 16px rgba(35,26,71,0.65);

}



.main_tex1{

	position: relative;

    overflow: hidden;

}

.main_tex2{

	position: relative;

    overflow: hidden;

}

.main_tex1{

	-webkit-animation-name: maintop;

    animation-name: maintop;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.main_tex2{

	-webkit-animation-name: maintop;

    animation-name: maintop;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.main_tex1:before {

    background-color: #fff;

    content: "";

    position: absolute;

    width: 110%;

	height: 95%;

    top: 0;

    left: 0;

}

.main_tex2:before {

    background-color: #fff;

    content: "";

    position: absolute;

    width: 110%;

	height: 100%;

    top: 8px;

    left: 0;

}

.main_tex1:before {

	-webkit-animation-name: main_tex1;

    animation-name: main_tex1;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    left: 100%;

}

.main_tex2:before {

	-webkit-animation-name: main_tex2;

    animation-name: main_tex2;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-duration: 0.5;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    left: 100%;

}

@keyframes main_tex1 { 

	0% { left: -10%; }  

	50% { left: 0; }  

	100% { left: 100%; }

}

@keyframes main_tex2 { 

	0% { left: -10%; }  

	50% { left: 0; }  

	100% { left: 100%; }

 }



.main_bar{

	position: absolute;

	z-index: 10;

	left: 155px;

}

.main_bar_01{

	margin-bottom: 29.8%;

}







.ft-1{

	color: #fff;

	padding: 60px 0 72px;

	background: linear-gradient(270deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

}

.tlt-contact{

	letter-spacing: 0.5px;

	line-height: 1.2;

	display: flex;

	align-items: center;

	margin-bottom: 32px;

}

.tlt-contact .tlt-en{

	font-size: 39px;

	font-weight: bold;

	letter-spacing: 0.5px;

	line-height: 1.2;

	font-family: 'Oswald', sans-serif;

	margin-right: 23px;

}

.tlt-contact .tlt-jp{

	font-size: 15px;

	font-weight: 500;

	line-height: 1.2;

}

.ft-1 .txt-ft-1{

	font-size: 16px;

	line-height: 1.7;

	padding-bottom: 32

	/*padding: 24px 0 32px;*/

}

.ft-1 .part{

	justify-content: space-between;

}

.ft-1 .part .phone{

	border: 1px solid #fff;

	text-align: center;

	width: 48.3%;

	padding: 30px 12px 12px;

}

.ft-1 .part .phone img{

	width: 367px;

}

.ft-1 .part .phone .time{

	color: #002D6A;

	font-size: 14px;

	font-weight: 500;

	line-height: 2;

	background: #fff;

	margin-top: 19px;

}

.ft-1 .part .mail{

	text-align: center;

	width: 48.3%;

	background: #fff;

}

.ft-1 .part .mail a{

	color: #002D6A;

	font-size: 18px;

	letter-spacing: 0.5px;

	line-height: 1.5;

	text-align: center;

	font-weight: 500;

	padding-left: 47px;

	width: 100%;

	height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ft-1 .part .mail a span{

	position: relative;

}

.ft-1 .part .mail a span::before{

	position: absolute;

	content: '';

	background: url(../images/icon-mail.svg);

	width: 28px;

	height: 19px;

	left: -47px;

	top: 6px;

}

.ft-2{

	background: #05274C;

	padding-top: 70px;

	color: #fff;

}

.ft-2 .left{

	width: 44.8%;

}

.ft-2 .left .pd{

	padding: 17px 0 34px;

}

.ft-2 .left .pd02{

	padding: 0 0 34px;

}



.ft-2 .left p{

	font-size: 15px;

	line-height: 1.8;

	font-weight: 400;

}



.ft-2 .right{

	width: 55.2%;

}

.ft-2 .right iframe{

	width: 100%;

	height: 314px;

}

.ft-2 .right.mrtop {

	margin-top: 80px;

}



.logo-ft img{

	width: 247px;

	height: 53px;

}

.ft-2 .part-1{

	padding-bottom: 72px;

}

.ft-2 .part-2{

	background: rgba(255,255,255,0.2);

	padding: 17px 0;

	position: relative;

}

.ft-2 .part-2::before{

	position: absolute;

	content: '';

	background: url(../images/rabbit.png);

	width: 108px;

	height: 179px;

	top: -53px;

	left: 0;

}

.ft-2 .part-2 ul{

	justify-content: center;

	align-items: center;

}

.ft-2 .part-2 ul li a{

	font-size: 15px;

	font-weight: 400;

	line-height: 1.7;

	padding: 0 17px;

}

.ft-2 .part-2 ul li a:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}

.copyright{

	font-size: 14px;

	font-weight: 400;

	line-height: 2;

	text-align: center;

	padding: 42px 0 17px;

}

.toggle{

	display: none;

}



@media screen and (max-width: 1460px) {

	.txt-slide{

		top: 12.2%;

	}

	.main_bar_01 {

	  margin-bottom: 20.8%;

	}	

}



@media screen and (max-width: 1400px) {

	.menu ul {

		padding-right: 0;

	}	

	

	.menu ul li{

		padding: 0 9px;

	}

	.insta {

	  width: 70px;	

	}



}



@media screen and (max-width: 1160px) {

	.cont-1160{

		padding: 0 15px;

	}



}



@media screen and (max-width: 1118px) {

	.logo{

		padding-left: 15px;

	}



}



@media screen and (max-width: 1240px) {

	.hd{

		background: #002D6A;

	}

	.logo{

		padding: 15px;

	}

	h1{

		padding-top: 8px;

		padding-right: 15px;

		position: absolute;

		right: 0;

		top: 0;

	}

	.hd .right{

		width: 100%;

	}

	.toggle{

		display: block;

		position: absolute;

		right: 15px;

		top: 25px;

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.toggle img{

		width: 50px;

		height: 50px;

	}

	.menu ul{

		display: none;

		position: absolute;

		z-index: 999;

		padding: 0;

		width: 100%;

		background: rgb(131,58,180);

		background: linear-gradient(294deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

	}

	.contact{

		display: none;

	}

	.download-hd {

		display: none;

	}

	.menu ul li:nth-last-child(3),

	.menu ul li:nth-last-child(2),

	.menu ul li:last-child{

		display: block;

	}	

	.menu ul li{

		width: 100%;

		text-align: center;

		border-bottom: 1px solid #fff;

	}

	.menu ul li a{

		padding: 10px 15px;

		width: 100%;

		display: block;

	}



	.ft-2 .part-2{

		display: none;

	}

	.ft-2 .part-1{

		padding-bottom: 0;

	}

	.br-sp{

		display: block;

	}



	.txt-slide{

		left: 0;

		top: 40%;

		/*top: 15.8%;*//*30周年バナーあり*/

	}

	

	.main_bar {

		width: 35%;

	}	

	

	.main_bar_01 {

	  margin-bottom: 12%;

		width: 80%;

	}		

	

	

	

	

}

@media screen and (max-width: 992px) {

	.toggle{

		top: 30px;

	}

	.toggle img {

		width: 40px;

		height: 40px;

	}

	.ft-1{

		padding: 30px 0 15px;

	}

	.ft-1 .part .phone{

		width: 100%;

	}

	.ft-1 .part .mail{

		width: 100%;

		margin-top: 15px;

		padding: 50px 0;

	}

	.ft-2 .left{

		width: 100%;

		padding-bottom: 30px;

	}

	.ft-2 .right{

		width: 100%;

	}

	.ft-2 .right.mrtop {

		margin-top: 0;

}



	.copyright{

		padding-top: 15px;

	}



	@keyframes leftToRightSlide {

		0% {

			left: -40%;

		}

		100% {

			left: 80px;

		}

	}

	.txt-slide-1{

		font-size: 35px;

	}

	.main_tex2{

		font-size: 20px;

	}

}





@media screen and (max-width: 640px) {



	@keyframes leftToRightSlide {

		0% {

			left: -40%;

		}

		100% {

			left: 15px;

		}

	}

	.txt-slide-1{

		font-size: 24px;

	}

	.main_tex2{

		font-size: 16px;

		padding-top: 5px;

	}



	.hd__wrap{

		padding-bottom: 0;

	}

	.logo{

		padding-top: 37px;

	}

	.toggle{

		top: 45px;

	}

	.toggle img{

		width: 35px;

		height: 35px;

	}



	.tlt-contact{

		flex-wrap: wrap;

	}

	.tlt-contact .tlt-en{

		width: 100%;

		margin-right: 0;

		font-size: 24px;

	}

	.tlt-contact .tlt-jp{

		width: 100%;

		padding-top: 10px;

	}

	.ft-2{

		padding-top: 50px;

	}

	#pagetop{

		right: 0;

	}

	

	.main_bar {

		width: 40%;

		right: 0;

		top: 250px;

		left: auto;

	}	

		

	.txt-slide{

		left: 0;

		/*top: 40%;*/

		top: 33.8%;

	}

	

	.main_bar {

		width: 34%;

	}	

	

	.main_bar_01 {

	  margin-bottom: 6%;

		width: 50%;

	}		

	

}



/* top */

.fadein{

	animation: fadeIn 2s ease 0s 1 normal;

    -webkit-animation: fadeIn 2s ease 0s 1 normal;

}

@keyframes fadeIn { 

    0% {opacity: 0; transform:  scale(0.8);}

    100% {opacity: 1; transform: scale(1.0);}

}

.tlt-1{

	color: #002D6A;

}

.tlt-1.color-w{

	color: #fff;

}

.tlt-1 .tlt-en{

	font-size: 60px;

	letter-spacing: 3.5px;

	line-height: 1.2;

	font-weight: bold;

	font-family: 'Oswald', sans-serif;

	display: block;

}

.tlt-1 .tlt-jp{

	font-size: 15px;

	letter-spacing: 0.5px;

	line-height: 1.7;

	font-weight: 500;

	display: block;

	padding-top: 5px;

}

.top-sec-1{

	background: linear-gradient(270deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

	padding: 100px 0 120px;

	color: #fff;

}

.top-sec-1 .left-news{

	width: 13.3%;

}

.btn-more{

	background: #fff;

	margin-top: 16px;

}

.btn-more a{

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #002D6A;

	font-size: 16px;

	font-weight: bold;

	font-family: 'Oswald', sans-serif;

	letter-spacing: 0.5px;

	line-height: 1.9;

	padding: 5px 0 5px 40px;

}

.btn-more a span{

	position: relative;

}

.btn-more a span::before{

	position: absolute;

	content: '';

	background: #002D6A;

	width: 28px;

	height: 1px;

	left: -40px;

	top: 14px;

}



.top-sec-1 .right-news{

	width: 86.7%;

	padding-left: 70px;

}

.top-sec-1 .right-news .item-news{

	border-bottom: 1px solid #fff;

	padding: 12px 0;

	align-items: center;

}

.top-sec-1 .right-news .date{

	font-size: 14px;

	width: 12.5%;

	padding: 0;

}

.top-sec-1 .right-news .title{

	font-size: 16px;

	font-weight: 500;

	width: 87.5%;

	word-break: break-all;

}

.top-sec-1 .right-news .title:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}



.top-sec-2{

	background: url(../images/bg-1.jpg);

	background-repeat: no-repeat;

	padding: 78px 0 63px;

}

.top-sec-2 .left-about{

	width: 55%;

}

.top-sec-2 .right-about{

	width: 45%;

	margin-top: -28px;

}

.top-sec-2 .right-about img{

	width: 479px;

}

.top-sec-2 .txt-big{

	font-size: 32px;

	letter-spacing: 0.5px;

	line-height: 1.6;

	color: #111111;

	padding-top: 30px;

	font-weight: 500;

}

.top-sec-2 .txt-small{

	padding-bottom: 40px;

	padding-top: 22px;

}

.top-sec-2 .btn{

	text-align: center;

	padding-left: 35px;

}

.top-sec-2 .rabbit{

	font-size: 14px;

	letter-spacing: 0.5px;

	line-height: 1.6;

	color: #212121;

	padding-left: 95px;

	padding-top: 95px;

}

.top-sec-2 .rabbit span{

	position: relative;

}

.top-sec-2 .rabbit span::before{

	position: absolute;

	content: '';

	background: url(../images/rabbit-2.svg);

	background-repeat: no-repeat;

	width: 118px;

	height: 195px;

	top: -170px;

	left: -70px;

}



.top-sec-3{

	background: url(../images/bg-2.png);

	background-repeat: no-repeat;

	padding-bottom: 120px;

}

.top-sec-3 .left-ser{

	width: 28%;

	color: #fff;

	padding-top: 190px;

}

.top-sec-3 .left-ser p{

	padding: 37px 0 44px;

}

.top-sec-3 .right-ser{

	width: 72%;

	padding-left: 70px;

	margin-top: 120px;

}

.top-sec-3 .right-ser .item-ser{

	background: #fff;

	justify-content: space-between;

	margin-bottom: 5px;

}

.top-sec-3 .right-ser .item-ser:last-child{

	margin-bottom: 0;

}

.top-sec-3 .right-ser .item-ser .cont-left{

	width: 62.9%;

}

.top-sec-3 .right-ser .item-ser .cont-left .num{

	width: 16.6%;

	padding-top: 20px;

	margin-left: -12px;

}

.top-sec-3 .right-ser .item-ser .cont-left .txt{

	width: 83.4%;

	padding-right: 30px;

	padding-top: 33px;

	padding-left: 10px;

}

.top-sec-3 .right-ser .item-ser .cont-left .txt p{

	line-height: 1.6;

}

.top-sec-3 .right-ser .item-ser .cont-right{

	width: 37.1%;

}

.tlt-2{

	font-size: 19px;

	color: #002D6A;

	letter-spacing: 0.5px;

	line-height: 2.2;

	font-weight: 500;

}



.top-sec-4{

	background: #E6EDF4;

	padding: 106px 0 120px;

}

.top-sec-4 .part{

	width: 100%;

}

.top-sec-4 .txt{

	width: 77.8%;

	padding-top: 8px;

}

.top-sec-4 .tlt-1{

	width: 22.2%;

}

.top-sec-4 .tab{

	padding-top: 45px;

	justify-content: center;

	width: 100%;

}

.top-sec-4 .tab > div{

	border-left: 1px solid #212121;

	color: #8E8E8E;

	letter-spacing: 7px;

	padding: 0 24px;

	line-height: 1;

}

.top-sec-4 .tab > div:hover{

	opacity: 0.8;

	transition: ease 0.3s;

	cursor: pointer;

}

.top-sec-4 .tab > div:last-child{

	border-right: 1px solid #212121;

}

.current{

	font-weight: bold;

	color: #212121 !important;

}

.list-work{

	width: 100%;

	max-width: 1080px;

	margin: auto;

	margin-top: 38px;

	position: relative;

}

.list-work .item-photo {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #E6EDF4;

}

.item-photo.active {

	position: relative;

	z-index: 2;

}

.list-work .bg-blue{

	color: #fff;

	background: #002D6A;

	text-align: center;

	padding: 5px 15px;

	font-size: 14px;

	line-height: 2;

	display: inline-block;

	margin-top: 18px;

	font-weight: 400;

}

.list-work .item .p{

	color: #212121;

	line-height: 1.6;

	padding-top: 15px;

	display: inline-block;

	width: 100%;

	font-weight: 400;

}

.list-work .owl-theme .owl-nav .owl-prev{

	position: absolute;

	left: -40px;

	top: 100px;

	font-size: 0;

	background: url(../images/pre-slide.png) !important;

	width: 20px;

	height: 55px;

}

.list-work .owl-theme .owl-nav .owl-next{

	position: absolute;

	right: -40px;

	top: 100px;

	font-size: 0;

	background-image: url(../images/next-slide.png) !important;

	background-repeat: no-repeat;

	width: 22px;

	height: 55px;

}

.list-work .owl-theme .owl-nav .owl-prev:hover,

.list-work .owl-theme .owl-nav .owl-next:hover{

	opacity: 0.8;

	background: transparent;

}



.top-sec-4 .btn{

	text-align: center;

	margin-top: 42px;

	position: relative;

}



.cont-1366{

	max-width: 1366px;

	width: 100%;

	margin: auto;

}

.top-sec-5{

	background: url(../images/bg-3.jpg);

	background-repeat: no-repeat;

	margin: 124px 0 118px;

	color: #fff;

}

.top-sec-5 .left-com{

	width: 41.3%;

	padding-top: 105px;

	padding-right: 87px;

	padding-left: 103px;

}

.top-sec-5 .left-com p{

	padding: 37px 0 44px;

}

.top-sec-5 .right-com{

	width: 58.7%;

	padding-top: 43px;

}



.top-sec-6{

	background: url(../images/bg-4.jpg);

	background-repeat: no-repeat;

	padding: 120px 0;

}

.top-sec-6.back_no{

	background: none;

	padding: 0;

	margin-bottom: 120px;

}

.top-sec-6 .flex{

	justify-content: space-between;

}

.top-sec-6 .col{

	width: 47.9%;

	color: #fff;

	background-repeat: no-repeat;

	height: 350px;

    text-align: center;

}

.top-sec-6 .col a{

	width: 100%;

	height: 100%;

	display: flex;

    justify-content: center;

    align-items: center;

}

.top-sec-6 .col-fqa{

	background-image: url(../images/bg-fqa.jpg);

}

.top-sec-6 .col-re{

	background-image: url(../images/bg-re.jpg);

}



.top-sec-6 .top_support.mattop {

	margin-top: 120px;

}



.top-sec-6 .top_support{

	margin-top: 56px;

	background: url(../images/top_support_bg.png) no-repeat center center;

	background-size: cover;

	padding: 15px;

	border: 1px solid #002d6a;

	position: relative;

}



.top-sec-6 .top_support::after{

	content: "― MORE";

	padding: 5px 20px;

	background-color: #002d6a;

	color: #fff;

	position: absolute;

	right: 0;

	bottom: 0;

	font-weight: bold;

	letter-spacing: 1px;

	font-family: 'Oswald', sans-serif;

}

.top_support_left{

	width: 25%;

}

/*

.top_support_left img{

	width: 49%;

}

*/





.top_support_right{

	width: 75%;

	align-items: center;

	color: #002d6a;

	font-size: 21px;

}





.top-sec-7{

	padding: 106px 0 70px;

}

.top-sec-7 .part {

  width: 100%;

}



.top-sec-7 .tlt-1 {

  width: 36%;

}

.top-sec-7 .txt {

  width: 64%;

  padding-top: 8px;

}



.top-sec-7 .our_sub{

	width: 100%;

	margin-top: 5%;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around;

}

.top-sec-7 .our_sub li{

	width: 16%;

	text-align: left;

	margin-bottom: 20px;

	max-width: 272px;

	}	



.top-sec-7 .our_sub li img {

	border: solid #002d6a 1px;

	margin-bottom: 10px;

}





.top-sec-7 .our_sub_b{

	width: 100%;

	margin-top: 5%;

	display: flex;

	flex-wrap: wrap;

	row-gap: 10px;

	column-gap: 4.7em;

	justify-content: flex-start;

}

.top-sec-7 .our_sub_b li{

	width: 16%;

	text-align: left;

	margin-bottom: 60px;

	max-width: 272px;

	}	



.top-sec-7 .our_sub_b li img {

	border: solid #002d6a 1px;

	margin-bottom: 10px;

}











.scroll_content { /* リスト全体のスタイル */

	width: 100%;

	max-width: 1800px;

	margin-top: 5%;

	display: flex;

  overflow-x: auto;

}



.scroll_content li { /* 各リストのスタイル */

	width: 90%;

	text-align: left;

	margin-bottom: 20px;

	max-width: 272px;

  flex-shrink: 0;

  list-style: none;

	margin-right: 30px;

}



.scroll_content li img {

	border: solid #002d6a 1px;

	margin-bottom: 10px;

}





.scroll_content::-webkit-scrollbar {

  height: 12px; /* スクロールバーの高さ */

}



.scroll_content::-webkit-scrollbar-thumb {

  background: #e6edf5; /* ツマミの色 */

  border-radius: 6px; /* ツマミ両端の丸み */

}



.scroll_content::-webkit-scrollbar-track {

  background: #ddd; /* トラックの色 */

  border-radius: 6px; /* トラック両端の丸み */

}





@media screen and (max-width: 767px) {



  .scroll_content li {

      width: 45%;

	  margin-left: 20px;

	  margin-right: 10px;

  }



}





.top-sec-7 p{

	font-size: 18px;

	color: #002d6a;

	font-weight: bold;

}



.top-sec-7 .our_link {

	margin-top: 10px;

}





@media screen and (max-width: 767px) {

	.top_support_left, .top_support_right{

		width: 100%;

	}

	.top_support_right{

		margin-top: 20px;

		margin-bottom: 20px;

		font-size: 18px;

	}

	

	

}





@media screen and (max-width: 1200px) {

	.list-work .owl-theme .owl-nav .owl-prev,

	.list-work .owl-theme .owl-nav .owl-next{

		display: none;

	}

	

	.top-sec-7 .our_sub li{

		width: 33%;

		}

	.top-sec-7 .our_sub_b li{

		width: 33%;

		}



	

}

@media screen and (max-width: 1366px) {

	.cont-1366{

		padding: 0 15px;

	}

	

.top-sec-7 .our_sub_b{

	justify-content: space-around;

}	

	

	

	

}

@media screen and (max-width: 1166px) {

	.top-sec-4 .tab > div{

		letter-spacing: 0.5px;

		margin: 7px 0;

	}

	.top-sec-5 .left-com{

		padding: 40px;

	}

}

@media screen and (max-width: 1024px) {

	.top-sec-3 .left-ser {

		padding-top: 120px;

	}

	.top-sec-3 .right-ser{

		padding-left: 30px;

	}

}

@media screen and (max-width: 992px) {

	

	.top-sec-1{

		padding: 50px 0;

	}

	.top-sec-1 .right-news .date{

		margin-right: 15px;

	}

	.top-sec-2{

		padding: 50px 0;

	}

	.top-sec-3{

		background-size: cover;

		padding-bottom: 50px;

	}

	.top-sec-4{

		padding: 50px 0;

	}

	.top-sec-4 .txt{

		width: 100%;

	}

	.top-sec-4 .tlt-1{

		width: 100%;

	}

	.top-sec-5{

		margin: 0;

		background-size: cover;

		padding-bottom: 50px;

	}

	.top-sec-5 .left-com{

		width: 100%;

		padding: 50px 0 0;

	}

	.top-sec-5 .right-com{

		width: 100%;

		text-align: center;

	}

	.top-sec-3 .left-ser{

		width: 100%;

		padding-top: 30px;

	}

	.top-sec-3 .right-ser{

		width: 100%;

		margin-top: 50px;

		padding-left: 10px;

	}

	.top-sec-6{

		padding: 50px 0;

	}

	.top-sec-6.back_no{

		margin-top: 60px;

		margin-bottom: 60px;

	}	

	

	.top-sec-7 .txt{

		width: 100%;

	}

	.top-sec-7 .tlt-1{

		width: 100%;

	}	

	

}

@media screen and (max-width: 767px) {

	.top-sec-1 .right-news .date{

		width: 100%;

	}

	.top-sec-1 .right-news .title{

		width: 100%;

	}

	.top-sec-1 .left-news{

		width: 100%;

	}

	.top-sec-1 .right-news{

		width: 100%;

		padding-left: 0;

		padding-top: 30px;

	}

	.btn-more{

		max-width: 300px;

		width: 100%;

		margin: auto;

	}

	.btn-more a{

		padding: 5px 15px;

	}

	.top-sec-1 .tlt-1{

		text-align: center;

		padding-bottom: 30px;

	}

	.top-sec-1{

		padding: 50px 0;

	}

	.top-sec-2 .left-about{

		width: 100%;

	}

	.top-sec-2 .right-about{

		width: 100%;

		text-align: center;

		padding-top: 30px;

	}

	.top-sec-3 .btn, .top-sec-5 .btn{

		text-align: center;

		width: 100%;

	}

	.top-sec-2 .btn{

		padding-left: 0;

	}



	.top-sec-7 {

	  padding: 50px 0 30px;

	}	

	.top-sec-7 .our_sub li{

		width: 98%;

		}		

	.top-sec-7 .our_sub_b li{

		width: 98%;

		margin-bottom: 20px;

		}

}



@media screen and (max-width: 640px) {

	.tlt-1 .tlt-en{

		font-size: 30px;

		letter-spacing: 0.5px;

	}

	.top-sec-2 .txt-big{

		font-size: 18px;

		padding-top: 15px;

	}

	.top-sec-2 .txt-small{

		padding-top: 15px;

	}

	.top-sec-2 .rabbit{

		padding-left: 40px;

	}

	.top-sec-2 .rabbit span::before{

		width: 86px;

		height: 130px;

		left: -38px;

		top: -120px;

	}

	.top-sec-3 .right-ser .item-ser{

		padding-bottom: 20px;

	}

	.top-sec-3 .right-ser .item-ser .cont-left{

		width: 100%;

	}

	.top-sec-3 .right-ser .item-ser .cont-right{

		width: 100%;

		text-align: center;

		padding: 0 15px;

	}

	.top-sec-3 .right-ser .item-ser .cont-left .txt{

		padding-right: 0;

		padding-bottom: 15px;

	}

	.top-sec-4 .tab{

		justify-content: left;

	}

	.top-sec-6{

		background-size: cover;

	}

	.top-sec-6 .col{

		width: 100%;

		background-size: cover;

		margin-bottom: 15px;

		height: 210px;

	}

	.top-sec-6 .col:last-child{

		margin-bottom: 0;

	}



}

/* end top */





/* header bg */

.service header{

	background: url(../images/bg-banner-service.jpg);

	background-repeat: no-repeat;

	padding-bottom: 56px;

}

.community header{

	background: url(../images/bg-banner-community.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.company header{

	background: url(../images/bg-banner-company.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.contact_body header{

	background: url(../images/bg-banner-contact.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.flow header{

	background: url(../images/bg-banner-flow.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.news header{

	background: url(../images/bg-banner-news.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.faq header{

	background: url(../images/bg-banner-qa.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.recruit header{

	background: url(../images/bg-banner-recruit.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work header{

	background: url(../images/bg-banner-work.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work1 header{

	background: url(../images/bg-banner-work1.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work2 header{

	background: url(../images/bg-banner-work2.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work3 header{

	background: url(../images/bg-banner-work3.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work4 header{

	background: url(../images/bg-banner-work4.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work5 header{

	background: url(../images/bg-banner-work5.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.work6 header{

	background: url(../images/bg-banner-work6.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}

.download header{

	background: url(../images/bg-banner-download.jpg);

	background-repeat: no-repeat;

    padding-bottom: 56px;

}





/* end header bg */



/* service */

.sub-page .hd{

	background: none;

}



.banner-top{

	text-align: right;

	position: relative;

	max-width: 83.333vw;

    width: 100%;

	padding-top: 106px;

    margin-left: auto;

}

.txt-banner{

	position: absolute;

	top: 8.333vw;

	left: -7.552vw;

	color: #fff;

	font-weight: bold;

	letter-spacing: 0.5px;

	text-align: left;

	padding-top: 106px;

	

}

.txt-banner .txt-en{

	font-size: 3.854vw;

	font-family: 'Oswald', sans-serif;

	line-height: 1.2;

	letter-spacing: 3.5px;

}

.txt-banner .txt-jp{

	font-size: 25px;

}

.breadcrumb{

	font-size: 14px;

	line-height: 2;

	padding-top: 5px;

}

.breadcrumb a:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}

.tlt-3{

	text-align: center;

	font-size: 32px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 1.7;

}

.tlt-3 span{

	position: relative;

}

.tlt-3 span::after{

	position: absolute;

	content: '';

	background: #002D6A;

	width: 36px;

	height: 1px;

	left: 0;

	right: 0;

	bottom: -22px;

	margin: auto;

}



.ser-sec-1{

	padding: 48px 0 0;

}

.txt-center{

	max-width: 770px;

	width: 100%;

	margin: auto;

	text-align: center;

	padding-top: 40px;

	padding-bottom: 125px;

}

.ser-sec-1 .part{

	background: #E6EDF4;

}

.ser-sec-1 .part:last-child{

	padding-bottom: 100px;

}

.ser-sec-1 .part a.button{

	padding: 20px;

	display: block;

	width: 400px;

	text-align: center;

	background: linear-gradient(270deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

	color: #fff;

	margin: -25px auto 0;

	padding-left: 30px;

}



.ser-sec-1 .part-last{

	margin-bottom: 104px;

}

.bg-left{

	background: #E6EDF4;

	max-width: 1660px;

	width: 100%;

}

.bg-left .cont-1160{

	margin-right: 6.250vw;

}

.bg-right{

	background: #E6EDF4;

	max-width: 1660px;

	width: 100%;

	margin-left: auto;

}

.bg-right .cont-1160{

	margin-left: 6.250vw;

}

.left-ser-1{

	width: 50%;

	padding-right: 55px;

	padding-top: 105px;

}

.bg-right .left-ser-1{

	padding-left: 55px;

	padding-right: 0;

}

.right-ser-1{

	width: 100%;

	margin-top: 28px;

}

.tlt-ser-num{

	align-items: center;

}

.tlt-ser-num .photo{

	width: 13.5%;

}

.tlt-ser-num .text{

	width: 86.5%;

	font-size: 30px;

	letter-spacing: 0.5px;

	line-height: 1.4;

	border-left: 1px solid #707070;

	padding-left: 17px;

	font-weight: 500;

}

.left-ser-1 p{

	padding-top: 22px;

}

.ser-1{

	padding-bottom: 58px;

}

.ser-2{

	background: #fff;

	padding-top: 40px;

	padding-bottom: 63px;

}

.tlt-4{

	font-size: 21px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 2;

	text-align: center;

	color: #002D6A;

}

.tlt-4 img{

	margin-top: -30px;

}

.bg-right .tlt-4 img{

	margin-top: -34px;

}

.tlt-4 p{

	padding-top: 5px;

}

.ser-2 .list{

	max-width: 1068px;

	width: 100%;

	margin: auto;

	justify-content: space-between;

	padding-top: 12px;

}

.ser-2 .list .col{

	width: 48.6%;

}

.ser-2 .list .col p{

	position: relative;

	padding: 8px 0 8px 23px;

	border-bottom: 1px solid #707070;

}

.ser-2 .list .col p::before{

	position: absolute;

	content: '';

	background: #002D6A;

	width: 11px;

	height: 11px;

	border-radius: 50%;

	left: 0;

	top: 18px;

}

.order-2{

	order: 2;

}

.order-1{

	order: 1;

}



@media screen and (max-width: 1200px) {

	.txt-banner{

		top: 10.333vw;

	}

}

@media screen and (max-width: 1279px) {

	.bg-left .cont-1160{

		margin-right: auto;

	}

	.bg-right .cont-1160{

		margin-left: auto;

	}

}



@media screen and (max-width: 1120px) {



	.ser-2{

		padding-left: 15px;

		padding-right: 15px;

	}

}

@media screen and (max-width: 1023px) {

	.service header{

		padding-bottom: 0;

	}

}

@media screen and (max-width: 992px) {

	.banner-top{

		padding-top: unset;

	}

	.txt-banner{

		top: 66px;

		padding-top: unset;

	}

	.txt-banner .txt-en{

		font-size: 35px;

	}



	.left-ser-1{

		width: 100%;

		padding-top: 50px;

		padding-right: 0;

		padding-bottom: 30px;

	}

	.right-ser-1{

		width: 100%;

		margin-top: 0;

		text-align: center;

	}

	.txt-center{

		padding-bottom: 50px;

		padding-top: 20px;

	}



	.order-1{

		order: 2;

	}

	.order-2{

		order: 1;

	}

	.ser-sec-1 .part{

		margin-bottom: 50px;

		padding-bottom: 50px;

	}

	.bg-right .left-ser-1{

		padding-left: 0;

	}

	.tlt-3{

		font-size: 20px;

	}

	.tlt-3 span::after{

		display: none;

	}

	.ser-sec-1 .part-last{

		margin-bottom: 50px;

	}

}

@media screen and (max-width: 767px) {

	.ser-2 .list .col{

		width: 100%;

	}

	.ser-2{

		padding-bottom: 50px;

	}

	

}

@media screen and (max-width: 640px) {

	.banner-top{

		max-width: 100%;

	}

	.txt-banner{

		left: 20px;

		top:100px;

	}

	.banner-top img{

		height: 200px;

		object-fit: cover;

	}

	.tlt-ser-num .photo{

		width: 100%;

	}

	.tlt-ser-num .text{

		width: 100%;

		padding-top: 20px;

		border-left: none;

		padding-left: 0;

		font-size: 22px;

	}

	.tlt-ser-num{

		text-align: center;

	}

}



/* end service */



/* company */

.cont-1552{

	width: 100%;

	margin: auto;

	background-color: #E6EDF4;

	padding: 50px 0;

	margin: 0 calc(50% - 50vw);

	width: 100vw;

}

.com-sec-1{

	padding-top: 48px;

}

.com-sec-1 .tlt-3 span::after{

	left: -47px;

}

.com-sec-1 .tlt-1{

	padding-bottom: 27px;  

}

.com-sec-1 .txt-center{

	padding-bottom: 80px;

}

.com-sec-1 .bg-txt{

	background-repeat: no-repeat;



}

.com-sec-1 .bg-txt .left-mess{

	width: 100%;

	padding-right: 0px;

}

.com-sec-1 .bg-txt .right-mess{

	width: 100%;

}



.com-sec-1 .sign{

	padding-top: 42px;

	text-align: right;

	max-width: 300px;

	margin-left: auto;

}

.com-sec-1 .sign span{

	font-size: 25px;

	line-height: 1.5;

	display: block;

}

.com-sec-1 .sign_b{

	padding-top: 42px;

	text-align: right;

	max-width: 300px;

	margin-left: auto;

}

.com-sec-1 .sign_b span{

	font-size: 25px;

	line-height: 1.5;

	display: block;

}











.tlt-5{

	text-align: center;

	letter-spacing: 0.5px;

}

.tlt-5 .tlt-jp{

	font-size: 30px;

	font-weight: 500;

	line-height: 1.6;

}

.tlt-5 .tlt-en{

	font-size: 15px;

	line-height: 1;

	color: #002D6A;

	font-family: 'Oswald', sans-serif;

	letter-spacing: 0.5px;

	padding-top: 8px;

}

.com-sec-2{

	padding-top: 90px;

}

.com-sec-2 .part{

	padding-top: 65px;

}

.com-sec-2 .tbl table tr:last-child td{

	vertical-align: middle;

}

table{

	border-collapse: collapse;

	width: 100%;

}

.tbl table td{

	border-top: 1px solid #002D6A;

	padding: 20px 20px 20px 32px;

}

.tbl table td:first-child{

	color: #002D6A;

	background: #E6EDF4;

	width: 19.7%;

}

.tbl table tr:last-child td{

	border-bottom: 1px solid #002D6A;

}

.com-sec-3{

	background: url(../images/bg-2.jpg);

	background-repeat: no-repeat;

	padding: 93px 0 104px;

	margin-top: 105px;

}

.color-w{

	color: #fff !important;

}

.com-sec-3 .txt-big{

	color: #fff;

	font-size: 32px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 1.6;

	text-align: center;

	padding-top: 50px;

}

.com-sec-3 .part{

	padding-top: 50px;

}

.com-sec-3 .part .item-env{

	border: 1px solid #002D6A;

	margin-bottom: 48px;

}

.com-sec-3 .part .item-env:last-child{

	margin-bottom: 0;

}

.com-sec-3 .part .item-env .col-blue{

	display: flex;

	align-items: center;

	justify-content: center;

	width: 20.7%;

	color: #fff;

	font-size: 19px;

	letter-spacing: 0.5px;

	line-height: 1.6;

	background: linear-gradient(-90deg, rgba(0,45,106,1) 0%, rgba(0,119,191,0.8) 100%);

	height: 210px;

}

.com-sec-3 .part .item-env .col-white{

	width: 79.3%;

	background: rgba(255,255,255,0.8);

	padding: 35px 20px 35px 58px;

	align-items: center;

    display: flex;

}

.com-sec-4{

	padding: 92px 0 104px;

}

.com-sec-4 .part{

	padding-top: 22px;

}

.item-awrd{

	justify-content: space-between;

}

.item-awrd .col{

	width: 48.1%;

	border-bottom: 1px solid #002D6A;

	padding: 42px 0;

	align-items: center;

}

.item-awrd .col .photo{

	width: 40.3%;

	text-align: center;

}

.item-awrd .col .txt{

	width: 59.7%;

	padding-left: 11px;

}

.tlt-date{

	position: relative;

	padding-left: 17px;

}

.tlt-date::before{

	position: absolute;

	position: absolute;

    content: '';

    background: #002D6A;

    width: 11px;

    height: 11px;

    border-radius: 50%;

    left: 0;

    top: 10px;

}

.com-sec-5{

	background: #E6EDF4;

	padding: 92px 0 103px;

}

.com-sec-5 .part{

	padding-top: 64px;

	justify-content: space-between;

}

.col-trade{

	width: 47.2%;

	justify-content: space-between;

}

.col-trade p{

	width: 48.5%;

}

.company_link{

	justify-content: center;

	margin-top: 20px;

	margin-bottom: 10px;

}



.company_link li{

	width: 30%;

	margin: 10px 1.5%;

	line-height: 3;

	display: block;

	text-align: center;

	color: #fff;

	background-color: #002D6A;

	position: relative;

}



.com-sec-6{

	background: #E6EDF4;

	padding: 92px 0 104px;



}



#company_link_6{

   display: block;

   margin-top:-100px;

   padding-top:100px;

}



.com-sec-6 .part{

	padding-top: 60px;

}

.line{

	width: 100%;

	border-bottom: 1px solid #002d6a;

	margin: 60px auto 0;

}





.com-sec-6 .tbl table tr:last-child td{

	vertical-align: middle;

}



.com-sec-6 .tbl {

	background-color: #FFFFFF;

}



.com-sec-6 .tbl table td{

	border-top: 1px solid #002D6A;

	padding: 20px 20px 20px 32px;

}

.com-sec-6 .tbl table td:first-child{

	color: #002D6A;

	width: 19.7%;

	background-color: #FFFFFF;

	border-right: 1px solid #002D6A;

}

.com-sec-6 .tbl table tr:last-child td{

	border-bottom: 1px solid #002D6A;

}



.com-sec-6 .txt-center {

  padding-bottom: 80px;

}

.com-sec-6 .txt-center {

  max-width: 770px;

  width: 100%;

  margin: auto;

  text-align: center;

  padding-top: 40px;

}



.com-sec-6 p {

	max-width: 705px;

	text-align: center;

	margin: 0 auto 40px;

}

.com-sec-6 .icon {

	text-align: center;

	margin-top: 60px;

}











@media screen and (max-width: 767px) {

	.breadcrumb{

		margin-bottom: 20px;

	}

	.company_link li{

		width: 60%;

}

	.company_link{

		margin-top: 0;

		margin-bottom: 0px;



	}

	

.line{

	margin: 35px auto 0;

}

	

.com-sec-6 {

  padding: 92px 0 50px;

}	

.com-sec-6 .txt-center{

		padding-bottom: 50px;

		padding-top: 20px;

	}	

	

.com-sec-6 .icon {

	margin-top: 30px;

}	

	

}



/*

.company_link li::after{

	content: '';

	width: 6px;

	height: 6px;

	border: 0;

	border-bottom: solid 3px #fff;

	border-right: solid 3px #fff;

	position: absolute;

	top: 50%;

	right: 15px;

	margin-top: -6px;

	transform: rotate(45deg);

}

*/



.company_link li a{

	display: block;

}

.iso_img img{

	pointer-events: none;

}





@media screen and (max-width: 1552px) {

	.cont-1552{

		padding: 0 15px;

	}

	.com-sec-1 .sign_b{

		padding-bottom: 30px;

	}		

	.com-sec-1 .tlt-1{

		padding-top: 10px;  

	}	

	

}

@media screen and (max-width: 1440px) {

	.com-sec-1 .bg-txt{

		padding-left: 30px;

		padding-top: 10px;

	}

	.com-sec-1 .bg-txt .left-mess{

		padding-right: 30px;

	}

	

	

	

}

@media screen and (max-width: 1365px) {

	.com-sec-1 .bg-txt{

		margin-left: 0;

	}

	

	

}

@media screen and (max-width: 1200px) {

	/*

	.com-sec-1 .bg-txt .right-mess img{

		margin-top: -110px;

	}

	*/

	.com-sec-1 .bg-txt .right-mess .sign_b img{

		margin-top: 0;

	}	

	

	.com-sec-1 .bg-txt{

		background-size: cover;

		padding-bottom: 30px;

	}



	.com-sec-1 .sign_b{

		padding-top: 10px;

		padding-bottom: 0;

		padding-right: 2.271vw;

	}



}



@media screen and (max-width: 992px) {

	.com-sec-1 .bg-txt .left-mess{

		width: 100%;

	}

	.com-sec-1 .bg-txt .right-mess{

		width: 100%;

		text-align: center;

		padding-top: 30px;

	}

	.com-sec-1 .bg-txt .right-mess img{

		margin-top: 0;

	}

	.com-sec-1 .sign{

		padding-top: 20px;

		padding-right: 8.271vw;

	}

	.com-sec-1 .sign_b{

		padding-top: 20px;

		padding-right: 8.271vw;

	}	

	.com-sec-1 .bg-txt{

		padding-left: 15px;

		padding-right: 15px;

	}

	.com-sec-1 .bg-txt .left-mess{

		padding-right: 0;

	}



	.com-sec-2 {

		padding-top: 50px;

	}

	.com-sec-2 .part {

		padding-top: 35px;

	}

	.tbl table td{

		padding: 15px;

	}

	.tbl table td:first-child{

		width: 24%;

	}

	.com-sec-3{

		margin-top: 50px;

		padding: 50px 0;

	}

	.com-sec-3 .part .item-env .col-white{

		padding: 30px;

	}

	.com-sec-3 .txt-big{

		padding-top: 35px;

	}

	.com-sec-3 .part .item-env{

		margin-bottom: 30px;

	}

	.com-sec-4{

		padding: 50px 0;

	}

	.com-sec-4 .part{

		padding-top: 0;

	}

	.item-awrd .col{

		padding: 30px 0;

	}

	.com-sec-5{

		padding: 50px 0;

	}

	.com-sec-6 {

		padding-top: 50px;

	}

	.com-sec-6 .part {

		padding-top: 35px;

	}

	

	.com-sec-6 .tbl table td{

		padding: 15px;

	}

	.com-sec-6 .tbl table td:first-child{

		width: 24%;

	}	



	

}





@media screen and (max-width: 767px) {

	.tbl table td:first-child{

		width: 100%;

		float: left;

	}

	.tbl table td{

		width: 100%;

		float: left;

		padding: 10px;

	}

	.tbl table tr:last-child td:first-child{

		border-bottom: none;

	}

	.com-sec-3 .txt-big{

		font-size: 17px;

	}

	.com-sec-3 .part {

		padding-top: 35px;

	}

	.com-sec-3 .part .item-env .col-blue{

		width: 100%;

		padding: 20px 0;

		height: unset;

	}

	.com-sec-3 .part .item-env .col-white{

		width: 100%;

		padding: 15px;

	}

	.item-awrd .col{

		width: 100%;

	}

	.col-trade p{

		width: 100%;

		text-align: center;

		padding-bottom: 20px;

	}

	

	.com-sec-6 .tbl table td:first-child{

		width: 100%;

		float: left;

		border-right: 0;

		background: #cee4f9;

	}

	.com-sec-6 .tbl table td{

		width: 100%;

		float: left;

		padding: 10px;

	}

	.com-sec-6 .tbl table tr:last-child td:first-child{

		border-bottom: none;

	}	

	

	

	

	

}

@media screen and (max-width: 640px) {

	.com-sec-1 .sign span{

		font-size: 20px;

	}

	.com-sec-1 .sign{

		padding-right: 0;

	}

	.com-sec-1 .sign_b span{

		font-size: 20px;

	}

	.com-sec-1 .sign_b{

		padding-right: 0;

	}	

	.com-sec-2 .part .cont-1160{

		padding: 0;

	}

}



/* end  company */



/* work */

.work-sec-1 {

	padding: 55px 0 46px;

}

.work-sec-1 .tlt-1{

	text-align: center;

}

.work-sec-1 .part{

	padding-top: 64px;

	justify-content: space-between;

}

.cat{

	width: 48.1%;

	border: 1px solid #002D6A;

	margin-bottom: 58px;

}



.cat p{

	font-size: 28px;

	letter-spacing: 0.5px;

	line-height: 1.5;

	font-weight: 500;

}



.cat p{

	position: relative;

	width: 100%;

	display: block;

	padding: 27px 75px 27px 20px;

}



.cat p::before{

	position: absolute;

	content: 'MORE';

	color: #002D6A;

    right: 36px;

	font-weight: bold;

    font-family: 'Oswald', sans-serif;

	transition: 0.5s;

}

.cat p::after{

	position: absolute;

	content: '>';

	color: #002D6A;

    right: 16px;

	font-weight: bold;

    font-family: 'Oswald', sans-serif;

	transition: 0.5s;

}



.cat a:hover p::after{

	right: 10px;

	transition: 0.5s;



}





.w-sec-1{

	padding-top: 57px;

	padding-bottom: 104px;

}

.w-sec-1 .part{

	padding-top: 64px;

}

.item-w{

	border: 1px solid #002D6A;

	margin-bottom: 65px;

}

.item-w:last-child{

	margin-bottom: 0;

}

.tlt-6{

	font-size: 23px;

	font-weight: 500;

	padding: 10px 38px;

	color: #fff;

	background: linear-gradient(294deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,0.8) 100%);

}

.cont-1086{

	max-width: 1086px;

	width: 100%;

	margin: auto;

}

.list-photo{

	padding: 37px 0 11px;

}

.item-w .photo{

	width: 31.6%;

	margin-right: 2.6%;

	margin-bottom: 26px;

	max-height: 245px;

	text-align: center;

}

.item-w .photo img{

	height: 245px;

	object-fit: cover;

}

.item-w .photo:nth-child(3n){

	margin-right: 0;

}

.item-w .photo-2{

	width: 31.5%;

	text-align: center;

}

.item-w .photo-2 .pt-spec-1{

	margin-bottom: 25px;

}

.item-w .photo-2 .pt-spec-1:last-child{

	margin-bottom: 0;

}

.item-w .photo-3{

	width: 65.5%;

}

.item-w .photo-3 .pt-spec-2{

	width: 48%;

	margin-bottom: 25px;

}

.item-w .photo-3{

	justify-content: space-between;

}

.flex-2{

	justify-content: space-between;

}

.item-w .photo a:hover,

.item-w .photo-2 a:hover,

.item-w .photo-3 a:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}



@media screen and (max-width: 1086px) {

	.cont-1086{

		padding: 0 15px;

	}

}





@media screen and (max-width: 992px) {

	.cat p{

		font-size: 20px;

	}



	.work-sec-1 .part{

		padding-top: 35px;

	}

	.tlt-6{

		font-size: 18px;

		padding-left: 20px;

		padding-right: 20px;

	}

	.item-w{

		margin-bottom: 35px;

	}

	.w-sec-1{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.w-sec-1 .part{

		padding-top: 35px;

	}

	.tlt-5 .tlt-jp{

		font-size: 24px;

	}

}

@media screen and (max-width: 767px) {

	.cat{

		width: 100%;

		margin-bottom: 30px;

	}

	.cat img{

		width: 100%;

	}

	.cat p a{

		padding-top: 15px;

		padding-bottom: 15px;

	}



}

@media screen and (max-width: 640px) {

	.item-w .photo-2{

		display: flex;

		width: 100%;

	}

	.item-w .photo-2 .pt-spec-1{

		width: 50%;

		margin-bottom: 20px;

	}

	.item-w .photo-3{

		width: 100%;

	}

	.item-w .photo{

		width: 50%;

		margin-right: 0;

		padding: 0 5px;

	}

	.list-photo{

		padding: 26px 0 0;

	}

	.tlt-6{

		font-size: 16px;

		padding-left: 15px;

		padding-right: 15px;

	}

}



/* end work */



/* faq */

.faq-sec-1{

	padding: 77px 0 115px;

}

.item-aq{

	border: 1px solid #002D6A;

	padding: 40px 48px;

	margin-bottom: 60px;

	box-shadow: 11px 11px 0px 0px #E6EDF4;

}

.item-aq a{

	color: #0077bf;

	text-decoration: underline;

}

.item-aq:last-child{

	margin-bottom: 0;

}

.tlt-7{

	font-size: 23px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 1.7;

	color: #002D6A;

	border-bottom: 1px solid #002D6A;

	padding-bottom: 14px;

	margin-bottom: 24px;

}



@media screen and (max-width: 1024px) {

	.item-aq{

		padding: 15px;

	}

	.tlt-7{

		margin-bottom: 15px;

	}

}

@media screen and (max-width: 992px) {

	.faq-sec-1{

		padding: 50px 0;

	}

	.item-aq{

		margin-bottom: 35px;

	}

	.tlt-7{

		font-size: 18px;

	}

}



/* end faq */





/* recruit */

.re-sec-1{

	padding: 54px 0 105px;

}

.re-sec-1 p{

	text-align: center;

	padding-top: 40px;

}

.re-sec-1 img{

	margin-top: 40px;

}



.re-sec-1 .woman_box {

	display: flex;

	justify-content: space-around;

	width: 100%;

	max-width: 800px;

	margin: auto;

}

.re-sec-1 .woman_box .item {

	display:flex;

	align-items: center;

}



.re-sec-2{

	background: #E6EDF4;

	padding: 95px 0 100px;

}

.re-sec-2 .part{

	background: #fff;

	padding: 64px;

	margin-top: 64px;

}

.re-sec-2 .tbl table td:first-child{

	width: 22%;

}

@media screen and (max-width: 992px) {

	.re-sec-1{

		padding: 50px 0;

	}

	.re-sec-2{

		padding: 50px 0;

	}

	.re-sec-2 .part{

		padding: 30px;

		margin-top: 35px;

	}

}

@media screen and (max-width: 767px) {

	.re-sec-2 .tbl table td:first-child{

		width: 100%;

	}

	.re-sec-2 .part{

		padding: 15px;

	}

}



/* end recruit */



/* flow */

.flow-sec-1{

	padding: 64px 0 105px;

}

.flow-sec-1 .txt-top{

	text-align: center;

}

.flow-sec-1 .part{

	padding-top: 90px;

}

.item-step{

	border: 1px solid #002D6A;

	margin-bottom: 125px;

	position: relative;

}

.item-step::after{

	position: absolute;

	content: '';

	background: url(../images/down.svg);

	width: 55px;

	height: 29px;

	bottom: -75px;

	left: 0;

	right: 0;

	margin: auto;

}

.item-step:last-child{

	margin-bottom: 0;

}

.item-step:last-child::after{

	display: none;

}

.item-step .col-blue{

	width: 20.7%;

	color: #fff;

	background: linear-gradient(294deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,0.8) 100%);

}

.bg-step{

	background: url(../images/step.svg);

	width: 193px;

	height: 78px;

}

.item-step .col-white{

	width: 79.3%;

	padding-left: 57px;

	display: flex;

	align-items: center;

}

.item-step .number{

	font-size: 90px;

	font-weight: bold;

	letter-spacing: 0.5px;

	line-height: 1.2;

	font-family: 'Oswald', sans-serif;

	display: block;

}

.item-step .txt-step{

	font-size: 19px;

	font-weight: bold;

	letter-spacing: 0.5px;

	line-height: 1.6;

	margin-left: 12px;

	display: block;

    margin-bottom: 9px;

}

.item-step .cont-step{

	margin-top: -60px;

	padding-left: 15px;

    padding-bottom: 4px;

	display: flex;

	align-items: flex-end;

}



@media screen and (max-width: 992px) {

	.flow-sec-1{

		padding: 50px 0;

	}

	.flow-sec-1 .part{

		padding-top: 35px;

	}

	.bg-step{

		width: 150px;

		height: 50px;

	}

	.item-step{

		margin-bottom: 70px;

	}

	.item-step .number{

		font-size: 60px;

		width: 100%;

	}

	.item-step .txt-step{

		width: 100%;

		margin: 0;

		font-size: 16px;

	}

	.item-step .cont-step{

		padding: 15px;

		flex-wrap: wrap;

	}

	.item-step::after{

		bottom: -50px;

	}

	.item-step .col-white{

		padding-left: 30px;

	}

}

@media screen and (max-width: 767px) {

	.item-step .col-blue{

		width: 100%;

	}

	.item-step .col-white{

		width: 100%;

		padding: 15px;

	}

}

/* end flow */



/* news */

.news{

	padding: 45px 0 104px;

}

.item-news{

	border-bottom: 1px solid #002D6A;

	padding: 20px 0;

	align-items: center;

}

.date-post{

	width: 11.4%;

	font-size: 14px;

	color: #727272;

	padding-left: 30px;

}

.title-post{

	width: 88.6%;

	padding-left: 13px;

	word-wrap: break-word;

}

.title-post:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}

@media screen and (max-width: 992px) {

	.date-post{

		width: 100%;

		padding-left: 0;

	}

	.title-post{

		width: 100%;

		padding-left: 0;

	}

	.news{

		padding-bottom: 50px;

	}

}



/* end news */



/* community */

.commun-sec-1{

	background: url(../images/bg-1.jpg);

	background-repeat: no-repeat;

	padding: 103px 0 93px;

	margin-top: 70px;

	background-size: cover;

}

.commun-sec-1 .community_link{

	background: linear-gradient(294deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,0.8) 100%);

	margin-bottom: 30px;

}



.commun-sec-1 ul{

	display: flex;

}

.commun-sec-1 ul li{

	width: 33%;

	text-align: center;

	color: #fff;

	padding: 5px;

    margin: 10px;

	display: block;

	box-sizing: border-box;

}



.commun-sec-1 ul li.bana01 {

	width: 23.3%;

}



@media screen and (max-width: 999px){

	.commun-sec-1 ul li.bana01 {

		width: 22.9%;

	}	

}





@media screen and (max-width: 850px){

	/*

	.company_link li::after {

		right: 3px;

	}

	*/

	.commun-sec-1 ul li.bana01 {

		width: 31%;

	}	

}

@media screen and (max-width: 767px){

	.commun-sec-1 .company_link{

		margin-bottom: 48px;

	}

	.commun-sec-1 ul{

		display: flex;

		flex-wrap: wrap;

	}

	.commun-sec-1 ul li{

		width: 80%;

		margin: 10px auto;

	}

	.commun-sec-1 ul li.bana01 {

		width: 80%;

	}	

}



.commun-sec-1 ul li span{

	font-size: 10px;

	transform: scaleX(1.5);

	display: inline-block;

}

.commun-sec-1 ul li a{

	display: block;

}



.commun-sec-1 .part{

	background: rgba(255,255,255,0.8);

	padding: 86px 0 90px;

}



.cont-960{

	max-width: 960px;

	width: 100%;

	margin: auto;

}

.tlt-8{

	font-size: 32px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 1.6;

}

.tlt-8 span{

	position: relative;

}

.tlt-8 span::before{

	position: absolute;

	content: '';

	background: #002D6A;

	width: 36px;

	height: 1px;

	bottom: -22px;

	left: 0;

}

.commun-sec-1 .left-commun{

	width: 64.5%;

}

.commun-sec-1 .left-commun p{

	padding-top: 50px;

}

.commun-sec-1 .right-commun{

	width: 35.5%;

	padding-left: 33px;

	padding-top: 43px;

}

.commun-sec-1 .part .flex{

	align-items: center;

}



.commun-sec-2{

	padding-top: 105px;

	padding-bottom: 40px;

}

.tlt-9{

	color: #fff;

	font-size: 23px;

	font-weight: 500;

	line-height: 1.8;

	padding: 8px 8px 8px 37px;

	background: linear-gradient(294deg, rgba(131,58,180,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,0.8) 100%);

	margin-bottom: 37px;

}

.cont-commun{

	background: #E6EDF4;

	padding: 48px 0;

	margin-bottom: 64px;

}

.cont-1080{

	max-width: 1080px;

	width: 100%;

	margin: auto;

}

.border-left{

	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(33,51,102,1) 0%, rgba(0,119,191,1) 100%);

	padding-left: 4px;

}

.bg-w{

	background: #fff;

	padding: 11px 25px;

}

.cont-commun .p-1{

	padding-top: 23px;

	padding-right: 4.688vw;

	line-height: 1.6;

}

.cont-commun .photo{

	padding-top: 25px;

	justify-content: space-between;

}

.cont-commun .col-4{

	width: 23.6%;

}

.cont-commun .col-3{

	width: 31.2%;

	margin-right: 3.2%;

}

.cont-commun .col-3:nth-child(3n){

	margin-right: 0;

}

.cont-commun .p-2{

	padding-top: 10px;

	line-height: 1.6;

}

.cont-commun .p-3{

	

}

.cont-commun .photo-1{

	padding-top: 32px;

}

.text-center{

	text-align: center;

}

.cont-commun .part{

	border: 1px solid #002D6A;

	padding: 40px 0;

	margin-top: 35px;

}

.cont-commun .part .photo-part{

	width: 31.3%;

}

.cont-commun .part .text{

	width: 68.7%;

	padding-left: 50px;

    letter-spacing: 0.7px;

}



.cont-commun .part .photo-part_02{

	width: 20%;

}

.cont-commun .part .text_02{

	width: 80%;

	padding-left: 50px;

    letter-spacing: 0.7px;

}

.tlt-10{

	font-size: 28px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 1.5;

	color: #002D6A;

	padding: 11px 0 22px;

}

.cont-commun .part .text .p-left{

	font-size: 18px;

	line-height: 1.6;

}

.p-right{

	text-align: right;

}

.p-center{

	text-align: center;

}

.cont-830{

	max-width: 830px;

	width: 100%;

	margin: auto;

}

.cont-850{

	max-width: 850px;

	width: 100%;

	margin: auto;

}

.cont-890{

	max-width: 890px;

	width: 100%;

	margin: auto;

}

.smile_supporter .photo-part {

	text-align: center;

}

.smile_supporter .photo-part img{

	max-height: 200px;

}



.smile_txttitle {

	text-align: center;

	font-size: 21px;

	color: #002d6a;

	border-bottom: solid #002d6a 1px;

	margin-bottom: 10px;

}





@media screen and (max-width: 1130px) {

	.cont-1080{

		padding-left: 15px;

		padding-right: 15px;

	}

}

@media screen and (max-width: 1024px) {

	.commun-sec-1 .part{

		padding: 50px 15px;

	}



}

@media screen and (max-width: 992px) {

	.commun-sec-1{

		background-size: cover;

		padding: 50px 0;

	}

	.commun-sec-1 .left-commun{

		width: 100%;

	}

	.commun-sec-1 .right-commun{

		width: 100%;

		text-align: center;

		padding-left: 0;

		padding-top: 30px;

	}

	.commun-sec-2{

		padding-top: 50px;

		padding-bottom: 0;

	}

	.cont-commun{

		padding: 30px 0;

		margin-bottom: 40px;

	}

	.cont-commun .part{

		padding: 15px;

	}

	.cont-commun .part .text{

		padding-left: 20px;

	}

	.tlt-10{

		padding-top: 0;

		font-size: 18px;

	}

	.tlt-9{

		margin-bottom: 30px;

	}

	.cont-commun .part .text .p-left{

		font-size: 16px;

	}

}



@media screen and (max-width: 767px) {

	.tlt-8{

		font-size: 24px;

	}

	.tlt-9{

		padding-left: 15px;

		font-size: 20px;

	}

	.bg-w{

		padding: 11px 15px;

	}

	.commun-sec-1{

		margin-top: 35px;

	}

	.commun-sec-1 .part{

		padding: 15px;

	}

	.commun-sec-1 .left-commun p {

		padding-top: 35px;

	}

	.cont-commun .part .photo-part{

		width: 100%;

		text-align: center;

	}

	.cont-commun .part .text{

		width: 100%;

		padding-left: 0;

		padding-top: 20px;

	}

	.cont-commun .part .photo-part_02{

		width: 100%;

		text-align: center;

	}

	.cont-commun .part .text_02{

		width: 100%;

		padding-left: 0;

		padding-top: 20px;

	}	

	.cont-commun .col-4{

		width: 50%;

		padding: 5px;

	}

	.cont-commun .col-3{

		width: 100%;

		margin-right: 0;

		margin-bottom: 30px;

		text-align: center;

	}

	.cont-commun .col-3:nth-child(3n){

		margin-bottom: 0;

	}

	.cont-commun .p-1{

		padding-right: 0;

	}

}





/* end community */



/* contact */

.contact-sec-1{

	padding: 60px 0 104px;

}

.contact-sec-1 .txt-center-top{

	text-align: center;

	padding-bottom: 40px;

}

.contact-sec-1 .txt-center-top_b{

	text-align: center;

	font-size: 24px;

}

.btn-flow{

	max-width: 832px;

	width: 100%;

	margin: auto;

	background: #fff;

	border: 7px solid #E6EDF4;

	text-align: center;

	color: #002D6A;

	font-size: 18px;

	letter-spacing: 0.5px;

	line-height: 2.3;

	font-weight: 500;

}

.btn-flow a{

	width: 100%;

	display: block;

	padding: 31px 0;

	padding-left: 23px;

}

.btn-flow a span{

	position: relative;

}

.btn-flow a span::before{

	position: absolute;

	content: '';

	background: #002D6A;

	width: 38px;

	height: 1px;

	left: -50px;

    top: 14px;

}



.contact-sec-2{

	background: #E6EDF4;

	padding: 87px 0 100px;

}

.contact-sec-2 .p-1{

	text-align: center;

	font-size: 21px;

	font-weight: 500;

	letter-spacing: 0.5px;

	line-height: 2;

	color: #002D6A;

	padding-bottom: 30px;

}

.btn-tab{

	max-width: 670px;

	width: 100%;

	margin: auto;

	justify-content: space-between;

}

.btn-tab .btn-contact{

	border: 1px solid #002D6A;

	width: 47.7%;

	color: #002D6A;

	font-size: 18px;

	letter-spacing: 0.5px;

	line-height: 2.3;

	font-weight: 500;

	text-align: center;

	padding: 20px 0;

}

.btn-tab .btn-contact:hover{

	opacity: 0.8;

	transition: ease 0.3s;

	cursor: pointer;

}

.active-btn{

	background: #002D6A;

	color: #fff !important;

	position: relative;

}

.active-btn::before{

	position: absolute;

	content: '';

	background: url(../images/icon-btn.png);

	background-repeat: no-repeat;

	width: 43px;

	height: 25px;

	bottom: -13px;

	left: 0;

	right: 0;

	margin: auto;

}

.contact-sec-2 .part{

	padding-top: 45px;

}

.contact-sec-2 .bg-form{

	background: #fff;

	padding: 64px 0;

}

.cont-1034{

	max-width: 1034px;

	width: 100%;

	margin: auto;

}

.item-form{

	border-top: 1px solid #C1C1C1;

	padding: 24px 0;

	align-items: center;

}

.item-form:last-child{

	border-bottom: 1px solid #C1C1C1;

}

.item-form:last-child .col-right{

	margin-bottom: -4px;

}

.flex-top{

	align-items: flex-start;

}

.item-form .col-left{

	width: 30.5%;

	justify-content: space-between;

	align-items: center;

}

.item-form .col-right{

	width: 69.5%;

	padding-left: 20px;

}

input[type=text],

input[type=tel],

input[type=email]{

	width: 100%;

	height: 50px;

	background: #E6EDF4;

	border: none;

	outline: none;

	padding: 15px;

}

input[type=checkbox]{

	margin-bottom: 2px;

	margin-right: 5px;

}

textarea{

	width: 100%;

	height: 232px;

	background: #E6EDF4;

	border: none;

	outline: none;

	padding: 15px;

	resize: none;

}

.w-half{

	width: 55.2% !important;

}

select{

	width: 55.2%;

	background: #E6EDF4;

	border: none;

	outline: none;

	padding: 15px;

	height: 50px;

}

.re-red{

	background: #002D6A;

	color: #fff;

	font-size: 14px;

	padding: 2px 9px;

}

.item-ckb{

	width: 20%;

}

.item-ckb label{

	display: block;

}

.pd-top{

	padding-top: 8px;

}

.check{

	text-align: center;

	padding: 58px 0 40px;

}

.btn-send{

	text-align: center;

	max-width: 316px;

	width: 100%;

	margin: auto;

}

.btn-send button{

	background: none;

	border: 1px solid #002D6A;

	outline: none;

	font-weight: 500;

	padding: 19px 0;

	width: 100%;

	color: #002D6A;

	font-family: 'Noto Sans JP', sans-serif;

}

.btn-send button:hover{

	cursor: pointer;

	opacity: 0.8;

	 transition: ease 0.3s;

}

.txt-center-2{

	text-align: center;

	padding-top: 35px;

}

.form-2{

	display: none;

}



@media screen and (max-width: 1100px) {

	.cont-1034{

		padding: 0 15px;

	}

}



@media screen and (max-width: 992px) {

	.contact-sec-1{

		padding: 50px 0;

	}

	.item-ckb{

		width: 33%;

	}

	.contact-sec-2{

		padding: 50px 0;

	}

}

@media screen and (max-width: 767px) {

	.item-form .col-left{

		width: 100%;

	}

	.item-form .col-right{

		width: 100%;

		padding-left: 0;

		padding-top: 20px;

	}

	.item-form:last-child .col-right{

		margin-bottom: 0;

	}

	.contact-sec-2 .bg-form{

		padding: 30px 0;

	}

	.item-form{

		padding: 15px 0;

	}

	.w-half{

		width: 100% !important;

	}

	select{

		width: 100%;

	}

	.item-ckb{

		width: 50%;

	}

	.btn-flow a span::before{

		display: none;

	}

	.btn-flow a{

		padding-left: 0;

	}

	.btn-flow{

		line-height: 1.6;

	}

	.btn-tab .btn-contact{

		font-size: 14px;

	}

	.contact-sec-1 .txt-center-top_b{

		font-size: 20px;

	}	

	

	

}



/* end contact */



.pnavi{

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	padding-top: 30px;

}

.pnavi a{

	padding: 10px;

}

.pnavi a:hover{

	opacity: 0.8;

	transition: ease 0.3s;

}

.main{

	padding: 100px 0;

}

.tlt-11{

	font-size: 20px;

	font-weight: 500;

	letter-spacing: 0.5px;

	border-left: 5px solid #002D6A;

	padding-left: 15px;

	word-wrap: break-word;

}

.date{

	padding: 15px 0;

}

.content-news{

	padding-bottom: 30px;

	word-wrap: break-word;

}



@media screen and (max-width: 992px) {

	.main{

		padding: 50px 0;

	}

}



@media screen and (max-width: 640px) {



}









@media screen and (min-width: 680px){   

  .br_pc { display:block; }

  .br_sp { display:none; }

}

@media screen and (max-width: 680px){   

  .br_pc { display:none; }

  .br_sp { display:block; }

}





.mt_45 {

	margin-top: 45px;

}





/* download */



.download-sec-1 {

	padding: 100px 0 200px;

}



.download .tlt-3 span {

	color: #002d6a;

}

.download .txt-center {

	padding-bottom: 110px;

}



.download-ttl {

	width: 100%;

	background-color: #e6edf4;

	font-size: 30px;

	font-weight: 500;

	text-align: center;

	padding: 5px 10px;

}



.download-cont {

	margin-top: 80px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.download-cont .cont {

	width: 31%;

	max-width: 330px;

}

.download-cont .file-ttl a {

	display: inline-flex;

	min-height: 48px;

	background-image: url(../images/excel_icon.svg);

	background-position: right center;

	background-repeat: no-repeat;

	background-size: 40px auto;

	font-size: 19px;

	line-height: 1.4;

	padding-right: 50px;

	align-items: center;

}

.download-cont .file-txt {

	margin-top: 20px;

}



@media screen and (max-width: 1160px) {

	.download-cont .cont {

		width: 48%;

		max-width: 100%;

	}

	.download-cont .cont:last-child {

		width: 100%;

		margin-top: 60px;

	}

}



@media screen and (max-width: 767px) {

	.download-sec-1 {

		padding: 40px 0 80px;

	}



	.download .txt-center {

		padding-bottom: 60px;

	}



	.download-ttl {

		font-size: 20px;

		padding: 5px 10px;

	}



	.download-cont {

		margin-top: 0;

	}



	.download-cont .cont {

		width: 100%;

		margin-top: 40px;

	}



	.download-cont .file-ttl a {

		min-height: 32px;

		background-size: 26px auto;

		font-size: 17px;

		padding-right: 32px;

	}



	.download-cont .file-txt {

		margin-top: 10px;

	}



}



/* end download */