@charset "UTF-8";
/*
Theme Name: template
Author: Catwork Co., Ltd.
*/

/* about
------------------------------------------------------------------------*/
	
/* key ------*/
	.about .key .inner .text01{
		display: inline-block;
		height: 75px;
		background: url("../img/about/key_text01.png")left top no-repeat;
		padding: 50px 0 0 265px;
		box-sizing: border-box;
		line-height: 1;
	}
@media screen and (max-width: 768px){
	.about .key .inner .text01{
		height: 37px;
		background: url("../img/about/key_text01_sp.png")left top no-repeat;
		padding: 22px 0 0 155px;
	}
}

	
/* cont01 ------*/
	
	.about .cont01{
		background: url("../img/about/bg01.png")center top no-repeat , url("../img/about/bg02.png")center center;
		margin-top: -48px;
        overflow: hidden;
	}
@media screen and (min-width: 1801px){
	
	.about .cont01{
		background: url("../img/about/bg01.png")center top /100% 817px no-repeat , url("../img/about/bg02.png");
	}
}
@media screen and (max-width: 768px){
	.about .cont01{
		margin-top: -30px;
	}
}

	.about .cont01 .inner{
		padding: 110px 20px 150px;
		box-sizing: border-box;
	}
@media screen and (max-width: 1024px){
	.about .cont01 .inner{
		padding: 90px 20px 130px;
	}
}
@media screen and (max-width: 768px){
	.about .cont01 .inner{
		padding: 70px 20px;
	}
}

	.about .cont01 .inner h2{
		color: #014195;
		font-size: 46px;
		line-height: 1.56;
		text-align: center;
	}
	.about .cont01 .inner h2 span{
		background: #014195;
		padding: 6px 25px 6px 30px;
		margin: 0 20px;
		color: #fff;
		font-weight: bold;
	}
@media screen and (max-width: 1024px){
	.about .cont01 .inner h2{
		font-size: 34px;
	}
	.about .cont01 .inner h2 span{
		background: #014195;
		padding: 4px 20px 4px 25px;
		margin: 0 16px;
		color: #fff;
		font-weight: bold;
	}
}
@media screen and (max-width: 600px){
	.about .cont01 .inner h2{
		font-size: 28px;
	}
	.about .cont01 .inner h2 span{
		background: #014195;
		padding: 4px 16px 4px 22px;
		margin: 0 14px;
		color: #fff;
		font-weight: bold;
	}
}
@media screen and (max-width: 500px){
	.about .cont01 .inner h2{
		font-size: 22px;
	}
	.about .cont01 .inner h2 span{
		background: #014195;
		padding: 3px 12px 3px 14px;
		margin: 0 7px;
		color: #fff;
		font-weight: bold;
	}
}

	.about .cont01 .inner .text01{
		font-size: 20px;
		font-weight: bold;
		line-height: 2.4;
		text-align: center;
		margin-top: 42px;
	}
	.about .cont01 .inner .text01 + .text01{
		margin-top: 30px;
	}
@media screen and (max-width: 1024px){
	.about .cont01 .inner .text01{
		font-size: 16px;
		margin-top: 34px;
	}
	.about .cont01 .inner .text01 + .text01{
		margin-top: 22px;
	}
}
@media screen and (max-width: 600px){
	.about .cont01 .inner .text01{
		font-size: 14px;
		margin-top: 28px;
	}
	.about .cont01 .inner .text01 + .text01{
		margin-top: 18px;
	}
}

	.about .cont01 .inner .cont{
		width: 100%;
		padding: 0 0 0 600px;
		box-sizing: border-box;
		color: #fff;
		margin-top: 100px;
		position: relative;
	}
		.about .cont01 .inner .cont::after{
			position: absolute;
			top: 0;
			left: 380px;
			content: "";
			background: #014195;
			width: 2000px;
			height: 100%;
			z-index: -1;
		}
	.about .cont01 .inner .cont:nth-of-type(2){
		padding: 0 600px 0 0;
		margin-top: 70px;
	}
		.about .cont01 .inner .cont:nth-of-type(2)::after{
			right: 380px;
			left: auto;
		}
@media screen and (max-width: 1024px){
	.about .cont01 .inner .cont{
		width: 100%;
		padding: 0 40px 0 100px;
		box-sizing: border-box;
		margin: 190px 0 0;
		position: relative;
	}
		.about .cont01 .inner .cont::after{
			content: none;
		}
	.about .cont01 .inner .cont:nth-of-type(2){
		padding: 0 100px 0 40px;
		margin: 170px 0 0;
	}
}
@media screen and (max-width: 768px){
	.about .cont01 .inner .cont{
		display: flex;
		flex-direction: column;
		width: 600px;
		padding: 0;
		box-sizing: border-box;
		margin: 50px auto 0;
		position: relative;
	}
	.about .cont01 .inner .cont:nth-of-type(2){
		padding: 0;
		margin: 40px auto 0;
	}
}
@media screen and (max-width: 640px){
	.about .cont01 .inner .cont{
		width: 93.75%;
	}
}


	.about .cont01 .inner .cont .text_box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		min-height: 230px;
		padding: 70px 0 62px 40px;
		box-sizing: border-box;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .text_box{
		padding: 50px 50px 42px 0;
	}
@media screen and (max-width: 1024px){
	.about .cont01 .inner .cont .text_box{
		justify-content: flex-start;
		width: 100%;
		min-height: inherit;
		background: #014195;
		padding: 240px 40px 40px;
		box-sizing: border-box;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .text_box{
		padding: 240px 40px 40px;
	}
}
@media screen and (max-width: 768px){
	.about .cont01 .inner .cont .text_box{
		justify-content: flex-start;
		width: 100%;
		min-height: inherit;
		background: #014195;
		padding: 30px;
		box-sizing: border-box;
		order: 2;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .text_box{
		padding: 30px;
	}
}

	.about .cont01 .inner .cont .text_box h3{
		background: url("../img/about/text01.png")left top no-repeat;
		padding-top: 18px;
		font-size: 24px;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .text_box h3{
		background: url("../img/about/text02.png")left top no-repeat;
	}
@media screen and (max-width: 1100px){
	.about .cont01 .inner .cont .text_box h3{
		font-size: 20px;
	}
}

	.about .cont01 .inner .cont .text_box .text02{
		line-height: 1.875;
		margin-top: 25px;
	}
@media screen and (max-width: 1100px){
	.about .cont01 .inner .cont .text_box .text02{
		font-size: 14px;
	}
}
	.about .cont01 .inner .cont:nth-of-type(2) .text_box .text02{
		line-height: 2;
	}

	.about .cont01 .inner .cont .img{
		position: absolute;
		top: -30px;
		left: 0;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .img{
		position: absolute;
		top: -30px;
		left: auto;
		right: 0;
	}
@media screen and (max-width: 1024px){
	.about .cont01 .inner .cont .img{
		position: absolute;
		top: -130px;
		left: 40px;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .img{
		position: absolute;
		top: -130px;
		left: auto;
		right: 40px;
	}
}
@media screen and (max-width: 768px){
	.about .cont01 .inner .cont .img{
		position: static;
		order: 1;
	}
	.about .cont01 .inner .cont:nth-of-type(2) .img{
		position: static;
	}
}




/* cont02 ------*/
	
	.about .cont02{
		max-width: 100%;
		height: 860px;
		background: url("../img/about/bg03.png")center center /cover no-repeat;
		overflow-x: hidden;
	}
@media screen and (max-width: 1024px){
	.about .cont02{
		height: auto;
	}
}
	
	.about .cont02 .inner{
		padding: 80px 0 0;
		box-sizing: border-box;
		position: relative;
	}
@media screen and (max-width: 1024px){
	.about .cont02 .inner{
		padding: 80px 20px;
	}
}
@media screen and (max-width: 768px){
	.about .cont02 .inner{
		padding: 60px 20px;
	}
}
	
	.about .cont02 .inner h2{
		width: 100%;
		background: url("../img/about/text03.png")left bottom no-repeat;
		padding: 0 0 40px;
		font-size: 46px;
		font-weight: bold;
		line-height: 1;
		margin-left: 20px;
	}
	.about .cont02 .inner h2 span{
		display: inline-block;
		background: url("../img/about/line01.png")left bottom no-repeat;
		padding-bottom: 18px;
		color: #014195;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 2px;
		margin-bottom: 18px;
	}
@media screen and (max-width: 1024px){
	.about .cont02 .inner h2{
		background: url("../img/about/text03.png")left bottom no-repeat;
		background-size: 59px;
		padding: 0 0 35px;
		font-size: 38px;
		margin-left: 0;
	}
	.about .cont02 .inner h2 span{
		background: url("../img/about/line01.png")left bottom no-repeat;
		padding-bottom: 16px;
		font-size: 18px;
		margin-bottom: 18px;
	}
}
@media screen and (max-width: 768px){
	.about .cont02 .inner h2{
		background: url("../img/about/text03.png")left bottom no-repeat;
		background-size: 44px;
		padding: 0 0 32px;
		font-size: 26px;
		margin-left: 0;
	}
	.about .cont02 .inner h2 span{
		background: url("../img/about/line01.png")left bottom no-repeat;
		padding-bottom: 14px;
		font-size: 14px;
		margin-bottom: 12px;
	}
}

	.about .cont02 .inner .button a{
		position: absolute;
		top: 150px;
		right: 20px;
		display: block;
		width: 375px;
		background: #014195 url("../img/common/arrow02.png")right 30px center no-repeat;
		padding: 17px 0;
		border-radius: 30px;
		border: 1px solid #014195;
		color: #fff;
		font-weight: bold;
		text-align: center;
		transition: all .5s;
	}
@media screen and (min-width: 1025px){
	.about .cont02 .inner .button a:hover{
		background: #fff url("../img/common/arrow01.png")right 30px center no-repeat;
		color: #014195;
		transition: all .5s;
	}
}
@media screen and (max-width: 768px){
	.about .cont02 .inner .button a{
		position: absolute;
		top: 110px;
		right: 20px;
		display: block;
		width: 200px;
		background: #014195 url("../img/common/arrow02.png")right 15px center no-repeat;
		background-size: 30px;
		padding: 15px 0 15px 40px;
		box-sizing: border-box;
		border-radius: 30px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		transition: all .5s;
	}
}

	.about .cont02 .inner .example_box{
		width: 100%;
		margin: 35px auto 0;
		position: relative;
	}

	.about .cont02 .inner .example_box .prev-arrow{
		top: 50%;
		left: -20px;
		transform: translateY(-50%);
	}
	.about .cont02 .inner .example_box .next-arrow{
		top: 50%;
		right: -20px;
		left: auto;
		transform: translateY(-50%);
	}
@media screen and (max-width: 1280px){
	.about .cont02 .inner .example_box .prev-arrow{
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
	}
	.about .cont02 .inner .example_box .next-arrow{
		top: 50%;
		right: 20px;
		left: auto;
		transform: translateY(-50%);
	}
}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .prev-arrow{
		top: 195px;
		left: 10px;
		width: 60px;
	}
	.about .cont02 .inner .example_box .next-arrow{
		top: 195px;
		right: 10px;
		left: auto;
		width: 60px;
	}
}

	.about .cont02 .inner .example_box .cont{
		display: flex;
		flex-direction: column;
		width: 375px;
		background: #fff;
		padding-bottom: 28px;
		box-shadow: 0 0 20px rgba(0,0,0,0.1);
		margin: 20px 19px;
		position: relative;
	}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .cont{
		display: flex;
		flex-direction: column;
		width: 300px;
		background: #fff;
		padding-bottom: 28px;
		box-shadow: 0 0 15px rgba(0,0,0,0.1);
		margin: 15px;
		position: relative;
	}
}

	.about .cont02 .inner .example_box .cont h3{
		padding: 0 40px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-size: 20px;
		line-height: 1;
		margin-top: 34px;
		order: 2;
	}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .cont h3{
		padding: 0 30px;
		font-size: 18px;
		line-height: 1;
		margin-top: 30px;
	}
}

	.about .cont02 .inner .example_box .cont .img{
		order: 1;
	}
	.about .cont02 .inner .example_box .cont .img img{
		width: 375px;
		height: 250px;
	}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .cont .img img{
		width: 300px;
		height: 200px;
	}
}

	.about .cont02 .inner .example_box .cont .cate{
		position: absolute;
		top: 15px;
		left: 15px;
		background: #014195;
		padding: 8px 19px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
	}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .cont .cate{
		position: absolute;
		top: 15px;
		left: 15px;
		background: #014195;
		padding: 6px 15px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
	}
}

	.about .cont02 .inner .example_box .cont .text01{
		padding: 0 40px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-height: 1.875;
		margin-top: 16px;
		order: 3;
	}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .cont .text01{
		padding: 0 30px;
		font-size: 14px;
		line-height: 1.875;
		margin-top: 14px;
	}
}

	.about .cont02 .inner .example_box .cont .text02{
		background: url("../img/about/arrow03.png")right center no-repeat;
		padding-right: 23px;
		color: #014195;
		font-size: 14px;
		font-weight: bold;
		text-align: right;
		line-height: 1;
		margin: 8px 40px 0 0;
		order: 4;
	}
@media screen and (max-width: 768px){
	.about .cont02 .inner .example_box .cont .text02{
		margin: 10px 30px 0 0;
	}
}

	
/* cont03 ------*/
	
	.about .cont03{
		max-width: 100%;
		overflow-x: hidden;
		background: #f1f8fd;
		margin-top: 150px;
	}
@media screen and (max-width: 1024px){
	.about .cont03{
		margin-top: 100px;
	}
}
@media screen and (max-width: 768px){
	.about .cont03{
		margin-top: 70px;
	}
}

	.about .cont03 .inner{
		padding: 100px 20px;
		box-sizing: border-box;
		z-index: 10;
		position: relative;
	}
@media screen and (max-width: 1024px){
	.about .cont03 .inner{
		padding: 80px 20px;
	}
}
@media screen and (max-width: 768px){
	.about .cont03 .inner{
		padding: 60px 20px;
	}
}


	.about .cont03 .inner h2{
		width: 100%;
		background: url("../img/about/text04.png")center bottom no-repeat;
		padding: 0 0 44px;
		font-size: 46px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}
	.about .cont03 .inner h2 span{
		display: inline-block;
		background: url("../img/about/line01.png")left bottom no-repeat;
		padding-bottom: 18px;
		color: #014195;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}
@media screen and (max-width: 1024px){
	.about .cont03 .inner h2{
		background: url("../img/about/text04.png")center bottom no-repeat;
		background-size: 88px;
		padding: 0 0 35px;
		font-size: 38px;
	}
	.about .cont03 .inner h2 span{
		padding-bottom: 16px;
		font-size: 18px;
		margin-bottom: 18px;
	}
}
@media screen and (max-width: 768px){
	.about .cont03 .inner h2{
		background: url("../img/about/text04.png")center bottom no-repeat;
		background-size: 66px;
		padding: 0 0 32px;
		font-size: 26px;
	}
	.about .cont03 .inner h2 span{
		padding-bottom: 14px;
		font-size: 14px;
		margin-bottom: 12px;
	}
}

	.about .cont03 .inner .cont{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		height: 420px;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 70%) ,url("../img/about/img04.png")left top no-repeat;
		padding: 78px 0 87px;
		box-sizing: border-box;
		margin: 80px 0 0;
		position: relative;
	}
		.about .cont03 .inner .cont::after{
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			background: #fff;
			width: 2000px;
			height: 100%;
			z-index: -1;
		}
	.about .cont03 .inner .cont:nth-of-type(2){
		background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 68%) ,url("../img/about/img05.png")right top no-repeat;
		box-sizing: border-box;
		margin: 60px 0 0;
	}
		.about .cont03 .inner .cont:nth-of-type(2)::after{
			position: absolute;
			top: 0;
			right: 0;
			left: auto;
		}
	.about .cont03 .inner .cont:nth-of-type(3){
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 70%) ,url("../img/about/img06.png")left top no-repeat;
		box-sizing: border-box;
		margin: 60px 0 0;
	}
@media screen and (max-width: 768px){
	.about .cont03 .inner .cont{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		height: auto;
		background: #fff url("../img/about/img04_sp.png")center top no-repeat;
		background-size: 100%;
		padding: 150px 0 120px;
		box-sizing: border-box;
		margin: 50px 0 0;
		position: relative;
	}
		.about .cont03 .inner .cont::after{
			content: none;
		}
	.about .cont03 .inner .cont:nth-of-type(2){
		background: #fff url("../img/about/img05_sp.png")right top no-repeat;
		background-size: 100%;
		margin: 40px 0 0;
	}
	.about .cont03 .inner .cont:nth-of-type(3){
		background: #fff url("../img/about/img06_sp.png")right top no-repeat;
		background-size: 100%;
		margin: 40px 0 0;
	}
}

	.about .cont03 .inner .cont h3{
		position: absolute;
		top: 32px;
		left: 30px;
		min-height: 46px;
		background: url("../img/about/text05.png")left center no-repeat;
		padding: 0 0 0 104px;
		color: #fff;
		font-size: 36px;
		line-height: 46px;
	}
	.about .cont03 .inner .cont:nth-of-type(2) h3{
		right: 30px;
		left: auto;
		background: url("../img/about/text06.png")left center no-repeat;
	}
	.about .cont03 .inner .cont:nth-of-type(3) h3{
		background: url("../img/about/text07.png")left center no-repeat;
	}
@media screen and (max-width: 1024px){
	.about .cont03 .inner .cont h3{
		position: absolute;
		top: 32px;
		left: 30px;
		min-height: 36px;
		background: url("../img/about/text05.png")left center no-repeat;
		background-size: 60px;
		padding: 0 0 0 74px;
		color: #fff;
		font-size: 24px;
		line-height: 36px;
	}
	.about .cont03 .inner .cont:nth-of-type(2) h3{
		background: url("../img/about/text06.png")left center no-repeat;
		background-size: 63px;
	}
	.about .cont03 .inner .cont:nth-of-type(3) h3{
		background: url("../img/about/text07.png")left center no-repeat;
		background-size: 62px;
	}
}
@media screen and (max-width: 768px){
	.about .cont03 .inner .cont h3{
		font-size: 20px;
	}
	.about .cont03 .inner .cont:nth-of-type(2) h3{
		right: auto;
		left: 30px;
	}
}

	.about .cont03 .inner .cont .text_box01{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		width: 100%;
	}
	.about .cont03 .inner .cont:nth-of-type(2) .text_box01{
		align-items: flex-start;
	}
@media screen and (max-width: 768px){
	.about .cont03 .inner .cont .text_box01{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}
}

	.about .cont03 .inner .cont .text_box01 .text01{
		width: 580px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.8;
	}
@media screen and (max-width: 1024px){
	.about .cont03 .inner .cont .text_box01 .text01{
		width: 400px;
		font-size: 16px;
		line-height: 2;
	}
}
@media screen and (max-width: 768px){
	.about .cont03 .inner .cont .text_box01 .text01{
		width: 100%;
		font-size: 14px;
		line-height: 2;
	}
}

	.about .cont03 .inner .cont .text_box01 .text02{
		width: 580px;
		line-height: 1.875;
		text-indent: -1em;
		padding-left: 1em;
		box-sizing: border-box;
		margin: 40px 0 0;
	}
		.about .cont03 .inner .cont .text_box01 .text02::before{
			content: "※";
		}
	.about .cont03 .inner .cont:nth-of-type(2) .text_box01 .text02{
		margin: 35px 0 0;
	}
	.about .cont03 .inner .cont .text_box01 .text02 + .text02{
		margin-top: 0;
	}
@media screen and (max-width: 1024px){
	.about .cont03 .inner .cont .text_box01 .text02{
		width: 400px;
		font-size: 14px;
		margin: 30px 0 0;
	}
	.about .cont03 .inner .cont:nth-of-type(2) .text_box01 .text02{
		margin: 25px 0 0;
	}
}
@media screen and (max-width: 768px){
	.about .cont03 .inner .cont .text_box01 .text02{
		width: 100%;
		font-size: 12px;
		margin: 20px 0 0;
	}
	.about .cont03 .inner .cont:nth-of-type(2) .text_box01 .text02{
		margin: 20px 0 0;
	}
}

	.about .cont03 .inner .cont .button a{
		position: absolute;
		bottom: 27px;
		left: 30px;
		display: block;
		width: 520px;
		background: #fff url("../img/about/text08.png")left 30px center no-repeat;
		padding: 19.5px 0 19.5px 205px;
		box-sizing: border-box;
		border-radius: 30px;
		color: #999;
		font-size: 14px;
		font-weight: bold;
		transition: all .5s;
	}
		.about .cont03 .inner .cont .button a::after{
			position: absolute;
			top: 50%;
			right: 30px;
			transform: translateY(-50%);
			content: "";
			background: url("../img/common/arrow01.png")no-repeat;
			width: 45px;
			height: 45px;
			transition: all .5s;
		}
	.about .cont03 .inner .cont:nth-of-type(2) .button a{
		left: auto;
		right: 30px;
		background: #fff url("../img/about/text09.png")left 30px center no-repeat;
		padding: 19.5px 0 19.5px 176px;
	}
	.about .cont03 .inner .cont:nth-of-type(3) .button a{
		background: #fff url("../img/about/text10.png")left 30px center no-repeat;
		padding: 19.5px 0 19.5px 158px;
	}
@media screen and (min-width: 1025px){
	.about .cont03 .inner .cont .button a:hover{
		background: #014195 url("../img/about/text08_ro.png")left 30px center no-repeat;
		color: #999;
		transition: all .5s;
	}
	.about .cont03 .inner .cont:nth-of-type(2) .button a:hover{
		background: #014195 url("../img/about/text09_ro.png")left 30px center no-repeat;
	}
	.about .cont03 .inner .cont:nth-of-type(3) .button a:hover{
		background: #014195 url("../img/about/text10_ro.png")left 30px center no-repeat;
	}
		.about .cont03 .inner .cont .button a:hover::after{
			background: url("../img/common/arrow02.png")no-repeat;
			transition: all .5s;
		}
}
@media screen and (max-width: 1024px){
	.about .cont03 .inner .cont .button a{
		width: 400px;
	}
}
@media screen and (max-width: 768px){
	.about .cont03 .inner .cont .button a{
		position: absolute;
		bottom: 27px;
		left: auto;
		right: 30px;
		display: block;
		width: 290px;
		background: #014195 url("../img/about/text08_ro.png")left 20px center no-repeat;
		background-size: 123px;
		padding: 19.5px 0 19.5px 155px;
		box-sizing: border-box;
		border-radius: 30px;
		color: #999;
		font-size: 12px;
		font-weight: bold;
		transition: all .5s;
	}
		.about .cont03 .inner .cont .button a::after{
			position: absolute;
			top: 50%;
			right: 20px;
			transform: translateY(-50%);
			content: "";
			background: url("../img/common/arrow02.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
			transition: all .5s;
		}
	.about .cont03 .inner .cont:nth-of-type(2) .button a{
		background: #014195 url("../img/about/text09_ro.png")left 20px center no-repeat;
		background-size: 102px;
		padding: 19.5px 0 19.5px 134px;
	}
	.about .cont03 .inner .cont:nth-of-type(3) .button a{
		background: #014195 url("../img/about/text10_ro.png")left 20px center no-repeat;
		background-size: 88px;
		padding: 19.5px 0 19.5px 120px;
	}
}
@media screen and (max-width: 430px){
	.about .cont03 .inner .cont .button a{
		right: 20px;
	}
}

	
/* cont04 ------*/
	
	.about .cont04{
		max-width: 100%;
		overflow-x: hidden;
	}

	.about .cont04 .inner{
		display: flex;
		gap: 0 80px;
		padding: 150px 20px;
		box-sizing: border-box;
	}
@media screen and (max-width: 1240px){
	.about .cont04 .inner{
		justify-content: space-between;
		gap: 0 0;
	}
}
@media screen and (max-width: 1024px){
	.about .cont04 .inner{
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 40px 0;
		padding: 100px 20px;
	}
}
@media screen and (max-width: 768px){
	.about .cont04 .inner{
		padding: 70px 20px;
	}
}

	.about .cont04 .inner .text_box{
		order: 2;
	}
@media screen and (max-width: 1024px){
	.about .cont04 .inner .text_box{
		text-align: center;
	}
}

	.about .cont04 .inner .text_box h2{
		background: url("../img/about/text11.png")left top no-repeat;
		padding: 36px 0 0;
		font-weight: normal;
		line-height: 1;
	}
@media screen and (max-width: 1024px){
	.about .cont04 .inner .text_box h2{
		background: url("../img/about/text11.png")center top no-repeat;
	}
}
@media screen and (max-width: 768px){
	.about .cont04 .inner .text_box h2{
		background: url("../img/about/text11.png")center top no-repeat;
		background-size: 101px;
		padding: 25px 0 0;
		font-size: 14px;
	}
}

	.about .cont04 .inner .text_box .text01{
		color: #014195;
		font-size: 36px;
		font-weight: bold;
		margin-top: 40px;
	}
@media screen and (max-width: 768px){
	.about .cont04 .inner .text_box .text01{
		font-size: 26px;
		margin-top: 30px;
	}
}

	.about .cont04 .inner .text_box .place{
		line-height: 2.25;
		margin-top: 38px;
	}
	.about .cont04 .inner .text_box .tel{
		display: inline-block;
		line-height: 2.25;
		margin-right: 20px;
	}
	.about .cont04 .inner .text_box .tel::before{
		content: "Tel：";
	}
	.about .cont04 .inner .text_box .fax{
		display: inline-block;
		line-height: 2.25;
	}
	.about .cont04 .inner .text_box .fax::before{
		content: "Fax：";
	}
	.about .cont04 .inner .text_box .mail{
		line-height: 2.25;
	}
	.about .cont04 .inner .text_box .mail::before{
		content: "Mail：";
	}
	.about .cont04 .inner .text_box .text02{
		line-height: 2.25;
	}
	.about .cont04 .inner .text_box .text02::before{
		content: "営業時間：";
	}
@media screen and (max-width: 768px){
	.about .cont04 .inner .text_box .place{
		font-size: 14px;
		margin-top: 30px;
	}
	.about .cont04 .inner .text_box .tel{
		font-size: 14px;
		margin-right: 12px;
	}
	.about .cont04 .inner .text_box .fax{
		font-size: 14px;
	}
	.about .cont04 .inner .text_box .mail{
		font-size: 14px;
	}
	.about .cont04 .inner .text_box .text02{
		font-size: 14px;
	}
}

	.about .cont04 .inner .text_box .button a{
		display: block;
		width: 375px;
		background: #014195 url("../img/common/arrow02.png")right 30px center no-repeat;
		padding: 17px 0 17px 50px;
		border-radius: 30px;
		border: 1px solid #014195;
		box-sizing: border-box;
		color: #fff;
		font-weight: bold;
		text-align: left;
		margin: 50px 0 0;
		transition: all .5s;
	}
@media screen and (min-width: 1025px){
	.about .cont04 .inner .text_box .button a:hover{
		background: #fff url("../img/common/arrow01.png")right 30px center no-repeat;
		color: #014195;
		transition: all .5s;
	}
}
@media screen and (max-width: 768px){
	.about .cont04 .inner .text_box .button a{
		display: block;
		width: 290px;
		background: #014195 url("../img/common/arrow02.png")right 20px center no-repeat;
		background-size: 30px;
		padding: 15px 0 15px 30px;
		border-radius: 30px;
		box-sizing: border-box;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		margin: 35px 0 0;
	}
}

	.about .cont04 .inner .img{
		width: 58.34%;
		order: 1;
	}
@media screen and (max-width: 1024px){
	.about .cont04 .inner .img{
		width: 700px;
		order: 1;
	}
}
@media screen and (max-width: 768px){
	.about .cont04 .inner .img{
		width: 91.2%;
		order: 1;
	}
}