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



/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{
	
	.linkButton{
		position: absolute;
		bottom: 15px;
		right: 0;
		margin-bottom: 0 !important;
		width: 300px;
	}
	.linkButton a{
		border: none;
		padding: 16px 5px 16px 0;
	}
	.linkButton.inquiry a{
		background-color: #2E457C;
	}
	
	
	#title{
		background-image: url("../images/mainte_bg2.jpg");
	}
	
	#intro{
		display: block;
		position: relative;
		margin: 55px 0;
		padding-bottom: 80px;
	}
	#intro::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 68%;
		height: 93%;
		background-image:
			linear-gradient(90deg,
				rgba(255, 255, 255, 1.0) 0%,
				rgba(255, 255, 255, 0.5) 20%,
				rgba(255, 255, 255, 0) 60%),
			url("../images/mainte_intro.jpg");	/* 背景写真 */
		background-repeat: no-repeat;
		background-size: 101%, cover;
		background-position: center;
	}
	#intro dl{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		z-index: 100;
	}
	#intro dl dt{
		color: #089BCC;
		font-family: "Noto Serif JP";	/* GoogleFonts */
		font-size: 45px;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.35;
		margin-bottom: 30px;
	}
	#intro dl dd{
		width: 440px;
		margin-left: 20px;
		line-height: 1.95;
	}
	
	
/*	===============================================
		各種設備管理業務
	=============================================== */
	
	#setsubi{
		position: relative;
		padding-top: 100px;
		margin-bottom: 80px;
	}
	#setsubi::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		z-index: -10;
		width: 100%;
		height: 350px;
		background-image:
			linear-gradient(0deg,
				rgba(46, 69, 124, 0.9) 10%,
				rgba(46, 69, 124, 0.5) 50%,
				rgba(46, 69, 124, 0) 80%),
			url("../images/mainte_setsubi-bg.jpg");  /* 設備管理：背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#setsubi > .wrapper > dl{
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	#setsubi > .wrapper > dl > dt{
		padding-top: 175px;
	}
	#setsubi > .wrapper > dl > dt > dl{
		display: flex;
		width: 520px;
		flex-direction: column;
	}
	#setsubi > .wrapper > dl > dt > dl dt{
		position: relative;
		left: -10px;
		margin-bottom: 40px;
	}
	#setsubi > .wrapper > dl > dt > dl dt::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: -30px;
		width: 60vw;
		height: 1.5px;
		background-color: #089BCC;
		
	}
	#setsubi > .wrapper > dl > dt > dl dt h3{
		display: block;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 36px;
	}
	#setsubi > .wrapper > dl > dt > dl dd{
		width: 500px;
	}
	
	
	#setsubi > .wrapper > dl > dd{
		width: 490px;
	}
	#setsubi > .wrapper > dl > dd img{
		display: block;
		position: relative;
		top: -15px;
		right: -15px;
		width: 100%;
		height: auto;
		filter: drop-shadow(-15px 15px 0 #089BCC);
	}
	
	/* 業務リスト */
	#setsubi ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 55px 0 15px;
	}
	#setsubi ul::after{
		content: "";
		display: block;
		width: 300px;
	}
	#setsubi ul li{
		width: 300px;
		height: 300px;
		margin-bottom: 15px;
	}
	
	/* 詳細ページを設けない場合 */
	#setsubi ul li{
		display: block;
		position: relative;
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 800;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#setsubi ul li:nth-of-type(1){ background-image: url("../images/mainte_setsubi1.jpg"); }
	#setsubi ul li:nth-of-type(2){ background-image: url("../images/mainte_setsubi2.jpg"); }
	#setsubi ul li:nth-of-type(3){ background-image: url("../images/mainte_setsubi3.jpg"); }
	#setsubi ul li:nth-of-type(4){ background-image: url("../images/mainte_setsubi4.jpg"); }
	#setsubi ul li:nth-of-type(5){ background-image: url("../images/mainte_setsubi5.jpg"); }
	
	#setsubi ul li::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(46, 69, 124, 0.35);
	}
	
	#setsubi ul li span{
		display: block;
		position: absolute;
		bottom: 10px;
		left: 15px;
		z-index: 100;
		width: 100%;

	}
	
	/* 詳細ページへのリンクにする場合 */
	/*
	#setsubi ul li a{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 800;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#setsubi ul li:nth-of-type(1) a{ background-image: url("../images/mainte_setsubi1.jpg"); }
	#setsubi ul li:nth-of-type(2) a{ background-image: url("../images/mainte_setsubi2.jpg"); }
	#setsubi ul li:nth-of-type(3) a{ background-image: url("../images/mainte_setsubi3.jpg"); }
	#setsubi ul li:nth-of-type(4) a{ background-image: url("../images/mainte_setsubi4.jpg"); }
	#setsubi ul li:nth-of-type(5) a{ background-image: url("../images/mainte_setsubi5.jpg"); }
	
	#setsubi ul li a::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(46, 69, 124, 0.35);
	}
	#setsubi ul li a::after{
		content: "VIEW MORE \0bb";
		position: absolute;
		bottom: 5px;
		right: 10px;
		font-size: 15px;
		font-weight: 500;
	}
	
	#setsubi ul li a span{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
		width: 100%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	*/
	
	
/*	===============================================
		清掃管理業務
	=============================================== */
	
	#seisou{
		position: relative;
		padding-top: 100px;
		margin-bottom: 80px;
	}
	#seisou::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		z-index: -10;
		width: 100%;
		height: 350px;
		background-image:
			linear-gradient(0deg,
				rgba(46, 69, 124, 0.9) 10%,
				rgba(46, 69, 124, 0.5) 50%,
				rgba(46, 69, 124, 0) 80%),
			url("../images/mainte_seisou-bg.jpg");  /* 設備管理：背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#seisou > .wrapper > dl{
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	#seisou > .wrapper > dl > dt{
		padding-top: 175px;
	}
	#seisou > .wrapper > dl > dt > dl{
		display: flex;
		width: 520px;
		flex-direction: column;
	}
	#seisou > .wrapper > dl > dt > dl dt{
		position: relative;
		left: -10px;
		margin-bottom: 40px;
	}
	#seisou > .wrapper > dl > dt > dl dt::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: -30px;
		width: 60vw;
		height: 1.5px;
		background-color: #089BCC;
		
	}
	#seisou > .wrapper > dl > dt > dl dt h3{
		display: block;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 36px;
	}
	#seisou > .wrapper > dl > dt > dl dd{
		width: 500px;
	}
	
	
	#seisou > .wrapper > dl > dd{
		width: 490px;
	}
	#seisou > .wrapper > dl > dd img{
		display: block;
		position: relative;
		top: -15px;
		right: -15px;
		width: 100%;
		height: auto;
		filter: drop-shadow(-15px 15px 0 #089BCC);
	}
	
	/* 業務リスト */
	#seisou ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 55px 0 15px;
	}
	#seisou ul::after{
		content: "";
		display: block;
		width: 300px;
	}
	#seisou ul li{
		width: 300px;
		height: 300px;
		margin-bottom: 15px;
	}
	#seisou ul li a{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 800;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#seisou ul li:nth-of-type(1) a{ background-image: url("../images/mainte_seisou1.jpg"); }
	#seisou ul li:nth-of-type(2) a{ background-image: url("../images/mainte_seisou2.jpg"); }
	#seisou ul li:nth-of-type(3) a{ background-image: url("../images/mainte_seisou3.jpg"); }
	#seisou ul li:nth-of-type(4) a{ background-image: url("../images/mainte_seisou4.jpg"); }
	#seisou ul li:nth-of-type(5) a{ background-image: url("../images/mainte_seisou5.jpg"); }
	
	#seisou ul li a::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(46, 69, 124, 0.35);
		opacity: 1;
	}
	#seisou ul li a::after{
		content: "VIEW MORE \0bb";
		position: absolute;
		bottom: 5px;
		right: 10px;
		font-size: 15px;
		font-weight: 500;
	}
	
	#seisou ul li a span{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
		width: 100%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	
	
/*	===============================================
		保安警備業務
	=============================================== */
	
	#keibi{
		position: relative;
		padding-top: 100px;
		margin-bottom: 20px;
	}
	#keibi::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		z-index: -10;
		width: 100%;
		height: 350px;
		background-image:
			linear-gradient(0deg,
				rgba(46, 69, 124, 0.9) 10%,
				rgba(46, 69, 124, 0.5) 50%,
				rgba(46, 69, 124, 0) 80%),
			url("../images/mainte_keibi-bg.jpg");  /* 設備管理：背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#keibi > .wrapper > dl{
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	#keibi > .wrapper > dl > dt{
		padding-top: 175px;
	}
	#keibi > .wrapper > dl > dt > dl{
		display: flex;
		width: 520px;
		flex-direction: column;
	}
	#keibi > .wrapper > dl > dt > dl dt{
		position: relative;
		left: -10px;
		margin-bottom: 40px;
	}
	#keibi > .wrapper > dl > dt > dl dt::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: -30px;
		width: 60vw;
		height: 1.5px;
		background-color: #089BCC;
		
	}
	#keibi > .wrapper > dl > dt > dl dt h3{
		display: block;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 36px;
	}
	#keibi > .wrapper > dl > dt > dl dd{
		width: 500px;
	}
	
	
	#keibi > .wrapper > dl > dd{
		width: 490px;
	}
	#keibi > .wrapper > dl > dd img{
		display: block;
		position: relative;
		top: -15px;
		right: -15px;
		width: 100%;
		height: auto;
		filter: drop-shadow(-15px 15px 0 #089BCC);
	}
	
	#keibi ul{
		display: flex;
		justify-content: flex-end;
	}
	#keibi ul li{
		margin-left: 35px;
	}
	#keibi .linkButton{
		position: relative;
	}

	
}
/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {
	
	.linkButton{}
	.linkButton a{
		border: none;
	}
	.linkButton.inquiry a{
		background-color: #2E457C;
	}
	
	
	#title{
		background-image: url("../images/mainte_bg2_sp.jpg");
	}
	

	#intro{
		display: block;
		position: relative;
		margin: 8vw 0;
		padding-bottom: 53vw;
	}
	#intro::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 66.7vw;
		background:
			linear-gradient(180deg,
				rgba(255, 255, 255, 1.0) 0%,
				rgba(255, 255, 255, 0.5) 20%,
				rgba(255, 255, 255, 0) 60%),
			url("../images/mainte_intro.jpg");  /* 背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#intro dl{
		display: block;
		position: relative;
		z-index: 100;
		width: 92%;
		margin: 0 auto;
	}
	#intro dl dt{
		display: block;
		color: #089BCC;
		font-family: "Noto Serif JP";	/* GoogleFonts */
		font-size: 5.8vw;
		font-weight: 600;
		letter-spacing: 0.05em;
		line-height: 1.25;
		margin-bottom: 3vw;
	}
	#intro dl dd{
		width: 100%;
		line-height: 1.75;
	}
	
	
/*	===============================================
		各種設備管理業務
	=============================================== */
	
	#setsubi{
		position: relative;
		margin-bottom: 80px;
	}
	#setsubi::before{
		content: "";
		display: block;
		position: absolute;
		top: 20vw;
		z-index: -10;
		width: 100%;
		height: calc(25vw + 65px);
		background-image:
			linear-gradient(0deg,
				rgba(46, 69, 124, 0.9) 10%,
				rgba(46, 69, 124, 0.5) 50%,
				rgba(46, 69, 124, 0) 80%),
			url("../images/mainte_setsubi-bg.jpg");  /* 設備管理：背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#setsubi > .wrapper > dl{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin-bottom: 25px;
	}
	#setsubi > .wrapper > dl > dt{
		order: 2;
		width: 100%;
	}
	#setsubi > .wrapper > dl > dt > dl{
		display: flex;
		flex-direction: column;
	}
	#setsubi > .wrapper > dl > dt > dl dt{
		position: relative;
		margin-bottom: 30px;
	}
	#setsubi > .wrapper > dl > dt > dl dt::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% + 30px);
		height: 1.5px;
		background-color: #089BCC;
		
	}
	#setsubi > .wrapper > dl > dt > dl dt h3{
		display: block;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 32px;
	}
	#setsubi > .wrapper > dl > dt > dl dd{}
	
	
	#setsubi > .wrapper > dl > dd{
		order: 1;
		width: 60vw;
		margin: 0 7px 2px 0;
	}
	#setsubi > .wrapper > dl > dd img{
		display: block;
		position: relative;
		top: -15px;
		right: -15px;
		width: 100%;
		height: auto;
		filter: drop-shadow(-10px 10px 0 #089BCC);
	}
	
	/* 業務リスト（詳細ページを設けない場合） */
	
	#setsubi ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#setsubi ul::after{
		content: "";
		display: block;
		width: 300px;
	}
	#setsubi ul li{
		width: calc(50% - 5px);
		height: calc(48.5vw + 30px);
		margin-bottom: 0px;
	}
	
	#setsubi ul li{
		display: block;
		position: relative;
		color: #2E457C;
		font-size: 15px;
		font-weight: 800;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
	}
	#setsubi ul li:nth-of-type(1){ background-image: url("../images/mainte_setsubi1.jpg"); }
	#setsubi ul li:nth-of-type(2){ background-image: url("../images/mainte_setsubi2.jpg"); }
	#setsubi ul li:nth-of-type(3){ background-image: url("../images/mainte_setsubi3.jpg"); }
	#setsubi ul li:nth-of-type(4){ background-image: url("../images/mainte_setsubi4.jpg"); }
	#setsubi ul li:nth-of-type(5){ background-image: url("../images/mainte_setsubi5.jpg"); }
	
	
	#setsubi ul li span{
		display: block;
		padding-top: 101%;
		line-height: 1.3;

		padding-left: 1em;
		text-indent: -1em;
	}
	#setsubi ul li span::before{
		content: "";
		position: relative;
		top: -1px;
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 13px;
		border-radius: 10px;
		background-color: #089BCC;
		margin-right: 0.15em;
	}
	
	/* 詳細ページへのリンクにする場合 */
/*
	#setsubi ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#setsubi ul::after{
		content: "";
		display: block;
		width: 300px;
	}
	#setsubi ul li{
		width: calc(50% - 5px);
		height: calc(49vw - 25px);
		margin-bottom: 2vw;
	}
	
	#setsubi ul li a{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		font-size: 3.5vw;
		font-weight: 800;
		line-height: 1.35;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#setsubi ul li:nth-of-type(1) a{ background-image: url("../images/mainte_setsubi1.jpg"); }
	#setsubi ul li:nth-of-type(2) a{ background-image: url("../images/mainte_setsubi2.jpg"); }
	#setsubi ul li:nth-of-type(3) a{ background-image: url("../images/mainte_setsubi3.jpg"); }
	#setsubi ul li:nth-of-type(4) a{ background-image: url("../images/mainte_setsubi4.jpg"); }
	#setsubi ul li:nth-of-type(5) a{ background-image: url("../images/mainte_setsubi5.jpg"); }
	
	#setsubi ul li a::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(46, 69, 124, 0.45);
	}
	#setsubi ul li a::after{
		content: "";
		display: block;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
		background-image: url("../../images/link_arrow.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	#setsubi ul li a span{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
		width: 100%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
*/
	
/*	===============================================
		清掃管理業務
	=============================================== */
	
	
	#seisou{
		position: relative;
		margin-bottom: 80px;
	}
	#seisou::before{
		content: "";
		display: block;
		position: absolute;
		top: 20vw;
		z-index: -10;
		width: 100%;
		height: calc(25vw + 65px);
		background-image:
			linear-gradient(0deg,
				rgba(46, 69, 124, 0.9) 10%,
				rgba(46, 69, 124, 0.5) 50%,
				rgba(46, 69, 124, 0) 80%),
			url("../images/mainte_seisou-bg.jpg");  /* 設備管理：背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#seisou > .wrapper > dl{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin-bottom: 25px;
	}
	#seisou > .wrapper > dl > dt{
		order: 2;
		width: 100%;
	}
	#seisou > .wrapper > dl > dt > dl{
		display: flex;
		flex-direction: column;
	}
	#seisou > .wrapper > dl > dt > dl dt{
		position: relative;
		margin-bottom: 30px;
	}
	#seisou > .wrapper > dl > dt > dl dt::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% + 30px);
		height: 1.5px;
		background-color: #089BCC;
		
	}
	#seisou > .wrapper > dl > dt > dl dt h3{
		display: block;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 32px;
	}
	#seisou > .wrapper > dl > dt > dl dd{}
	
	
	#seisou > .wrapper > dl > dd{
		order: 1;
		width: 60vw;
		margin: 0 7px 2px 0;
	}
	#seisou > .wrapper > dl > dd img{
		display: block;
		position: relative;
		top: -15px;
		right: -15px;
		width: 100%;
		height: auto;
		filter: drop-shadow(-10px 10px 0 #089BCC);
	}
	
	/* 業務リスト */
	#seisou ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}
	#seisou ul::after{
		content: "";
		display: block;
		width: 300px;
	}
	#seisou ul li{
		width: calc(50% - 5px);
		height: calc(49vw - 25px);
		margin-bottom: 2.5vw;
	}
	
	#seisou ul li a{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		font-size: 3.5vw;
		font-weight: 800;
		line-height: 1.35;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#seisou ul li:nth-of-type(1) a{ background-image: url("../images/mainte_seisou1.jpg"); }
	#seisou ul li:nth-of-type(2) a{ background-image: url("../images/mainte_seisou2.jpg"); }
	#seisou ul li:nth-of-type(3) a{ background-image: url("../images/mainte_seisou3.jpg"); }
	#seisou ul li:nth-of-type(4) a{ background-image: url("../images/mainte_seisou4.jpg"); }
	#seisou ul li:nth-of-type(5) a{ background-image: url("../images/mainte_seisou5.jpg"); }
	
	#seisou ul li a::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(46, 69, 124, 0.45);
	}
	#seisou ul li a::after{
		content: "";
		display: block;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
		background-image: url("../../images/link_arrow.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	#seisou ul li a span{

		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
		width: 100%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	
	
	
	
	
	
/*	===============================================
		保安警備業務
	=============================================== */
	
	#keibi{
		position: relative;
		margin-bottom: 80px;
	}
	#keibi::before{
		content: "";
		display: block;
		position: absolute;
		top: 20vw;
		z-index: -10;
		width: 100%;
		height: calc(25vw + 65px);
		background-image:
			linear-gradient(0deg,
				rgba(46, 69, 124, 0.9) 10%,
				rgba(46, 69, 124, 0.5) 50%,
				rgba(46, 69, 124, 0) 80%),
			url("../images/mainte_keibi-bg.jpg");  /* 設備管理：背景写真 */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#keibi > .wrapper > dl{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin-bottom: 25px;
	}
	#keibi > .wrapper > dl > dt{
		order: 2;
		width: 100%;
	}
	#keibi > .wrapper > dl > dt > dl{
		display: flex;
		flex-direction: column;
	}
	#keibi > .wrapper > dl > dt > dl dt{
		position: relative;
		margin-bottom: 30px;
	}
	#keibi > .wrapper > dl > dt > dl dt::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% + 30px);
		height: 1.5px;
		background-color: #089BCC;
		
	}
	#keibi > .wrapper > dl > dt > dl dt h3{
		display: block;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 32px;
	}
	#keibi > .wrapper > dl > dt > dl dd{}
	
	
	#keibi > .wrapper > dl > dd{
		order: 1;
		width: 60vw;
		margin: 0 7px 2px 0;
	}
	#keibi > .wrapper > dl > dd img{
		display: block;
		position: relative;
		top: -15px;
		right: -15px;
		width: 100%;
		height: auto;
		filter: drop-shadow(-10px 10px 0 #089BCC);
	}
	
	#keibi ul{
		display: block;
		width: 85%;
		max-width: 400px;
		margin: 0 auto;
	}
	#keibi ul li{
		margin-bottom: 25px;
	}
	#keibi .linkButton{
		position: relative;
	}
	
	
	
	
	
}