@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

	
:root {
--point-color-green: #04b321;
--point-color-red: #F74460;
--point-color-blue: #5FDB5F;
--txt-color: #333;
--head-color: rgba(255,255,255,.8);
--content-padding: 120px 0;
--base-color: #eee;
}


/*COMMON*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body,html {
      width:100%;
}
body {
	color: var(--txt-color);
	background-color: var(--base-color);

	font-size: 24px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: .02em;

	font-family:"Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-feature-settings: "palt";

}



p{
	line-height:160%;
	letter-spacing:0px;
	margin-bottom: 10px
}
p.caption{
	font-size: 12px;
}

a,a:hover,a:visited,a:active{
	color:#333
}
img{
  vertical-align:bottom;
}

h1 {
	margin-bottom: 40px;
}


  html{
      width:100%;
      height:100%;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }




header{
	display: block;
	padding: 43px 0 0 32px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index:100;
}

.headTag{
	position: absolute;
	top: 10px;
	left: 70px;
	font-size: 12px;
	color: #114cba;
}
.headLogo{
}
.headLogo a{
	display: inline-block;
}
.headLogo a img{
	width: 18vw;
	height: auto;
}


/*ハンバーガーメニュー*/
#panel-btn {
	display: inline-block;
	position: absolute;
	width:120px;
	height: 120px;
	margin: 0 0 0;
	top:10px;
	right:15px;
	cursor:pointer;
	z-index:9999;
	background: #fff;
	
	border-radius: 60px;
	

}
#panel-btn::after {
	content: "MENU";
	position: absolute;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 100%;
}

#panel-btn-icon {
	display: block;
	position: absolute;
	top: 42%;
	left: 50%;
	width: 54px;
	height: 6px;
	margin: 0 0 0 -27px;
	background: var(--point-color-blue);
	overflow: visible;
	border-radius: 3px;
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 6px;
	margin-left: -27px;
	background: var(--point-color-blue);
	transition: .3s;
	border-radius: 3px;
}
#panel-btn-icon:before {
	margin-top: -20px;
}
#panel-btn-icon:after {
	margin-top: 14px;
}

#panel-btn .close {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
	margin-top: -1px;
	background: #000;
}
#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

#panel{
	position: fixed;
	top:0;
	left: 101%;
	z-index: 1020;
	width:100%;
	transition: all .5s ease-in-out;
	opacity: 0;
}
#panel.openmenu{
	left: 0;
	opacity: 1;
}
#panelBg{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100vh;
	background: rgba(0,0,0,.4);
	box-shadow: 0 0 40px rgba(0,0,0,.5);
	z-index: 100;
	display: none;
}
#panel ul#gnavi{
	display: block;
	width: 70%;
	height: 100vh;
	margin-left: 30%;
	padding: 50px 20px;
	background: #fff;
}
#panel ul#gnavi li{
	margin: 0;
	text-align: left;
	display: block;
	padding: 0 0;
	border-bottom: 1px solid var(--txt-color);
}
#panel ul#gnavi li:nth-last-of-type(1){
	margin-right: 0;
}

#panel ul#gnavi li a{
	text-decoration: none;
	color: var(--txt-color);
	display: block;
	font-size: 14px;

	padding: 20px 0 20px 0;

	text-shadow: 0 0 4px rgba(0,0,0,0);
}
#panel ul#gnavi li a::after{
	content: "";
	display: none;
}

#panel ul#gnavi li a::after{
	content: "";
	position: absolute;
	left: 17px;
	bottom: -5px;
	background: #000;
	width:calc(100% - 34px);
	height: 1px;
	transition: all .2s ease-in-out;
}
#panel ul#gnavi li a.active::after{
	opacity: 1;
	transform: scaleX(1);
}
body.scrollOn #panel .openmenu li a svg{
	fill: var(--txt-color);
}


header #panel ul#snsIconsPc{
	position: absolute;
	top: 15px;
	right: 60px;
	display: flex;
}
header #panel ul#snsIconsPc li{
	margin: 0 0 0 8px;
}
header #panel ul#snsIconsPc li a{
	display: block;
	color: #ddd;
	text-decoration: none;
	padding: 0 0;
	line-height: 100%;
}
header #panel ul#snsIconsPc li a svg{
	width:17px;
	height:17px;
	fill: #444;
}


#panel > ul#gnavi > li > ul{
	visibility:visible;
	opacity: 1;
	z-index: 1;

}
#panel > ul#gnavi > li > ul {
	position: relative;
	top: inherit;
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 0;
}
#panel > ul#gnavi > li:hover > ul {
	top: inherit;
	visibility: visible;
	opacity: 1;
}
#panel > ul#gnavi > li > ul > li {
	display: block;
	border-bottom: 1px solid #ddd;
}
#panel > ul#gnavi > li > ul > li:nth-last-of-type(1) {
	border-bottom: none;
}
#panel > ul#gnavi > li > ul > li a{
	display: block;
	line-height: 100%;
	padding: 12px 0;
	color: #333;
	font-size: 12px;
}




/*コンテンツ*/

#wrap{

	width: 100%;
	min-width: 1170px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	
	

}




/*promotion*/


#promotion{
	position: relative;
	background: #fff url("../../images/promo_bg.jpg") no-repeat center center;
	background-size: cover;
	
}
#promotion::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("../../images/promo_img.png") no-repeat right -10vw top -20vw;
	background-size: 70% auto;
	z-index: 0;
}
#promotion::before{
	content: "";
	position: absolute;
	width: 28vw;
	height: 23vw;
	top: 28vw;
	left: 33vw;
	background: url("../../images/promo_img2.png") no-repeat 0 0;
	background-size: 100% auto;
	z-index: 1;
}

#promotion h2{
	position: relative;
	padding: 15vw 0 0 8vw;
	text-align: left;
	font-size: 2.1vw;
	line-height: 150%;
	z-index: 1;
}
#promotion ul{
	position: relative;
	padding: 2vw 0 0 8vw;
	z-index: 1;
}
#promotion ul li{
	font-size: 0.8vw;
	line-height: 150%;
	margin-bottom: 10px;
}
#promotion ul li::before{
	content: "※";
}


.promoBtn{
	padding: 2vw 0 12vw 8vw;
	position: relative;
	z-index: 3;
}
.promoBtn a{
	display: inline-block;
	background:  var(--point-color-red);
	color: #fff;
	padding: 1.2vw 3vw 1.2vw 5vw;
	font-size: 1.2vw;
	text-decoration: none;
	border-radius: 50px;
	line-height: 100%;
	position: relative;
	cursor: pointer;

}
.promoBtn a::after{
	content:"+";
	position: absolute;
	top: 50%;
	left: 2vw;
	transform: translateY(-50%);
	font-size: 2.2vw;
}




/**/

.titleH2 {
	text-align: center;
	margin-bottom: 50px;
}
.titleH2 h2{
	display: inline-block;
	font-size: 42px;
	font-weight: bold;
	position: relative;
	line-height: 100%;
}
.titleH2 h2::before{
	content: "";
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	left: -70px;
	width: 54px;
	height: 28px;
	background: url("../../images/title_icon.png") no-repeat 0 0;
	background-size: 100% auto;
}
.titleH2 h2::after{
	content: "";
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: -70px;
	width: 54px;
	height: 28px;
	background: url("../../images/title_icon.png") no-repeat 0 0;
	background-size: 100% auto;
}



.homeService{
	background: url("../../images/service_bg.jpg") no-repeat 0 0;
	background-size: cover;
	padding: 70px 0 0 0;
}


.serviceBtm{
	font-size: 50px;
	text-align: center;
	line-height: 130%;
	font-weight: bold;
	background: url("../../images/ouen_img.png") no-repeat center bottom;
	background-size: auto 197px;
	padding: 0 0 200px 0;

}
.serviceBtm span{
	color: #0071BC;
}
.serviceLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 94vw;
	max-width: 1170px;
	margin: 0 auto 50px;
	padding: 0 0 80px 0;
	position: relative;
	
}
.serviceLists::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #5FDB5F;
	height: calc(tan(60deg) * 50px / 2);
	width: 150px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.serviceList{
	width: 31%
}

.serviceListNo{
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}
.serviceListNo::before{
	content: "";
	width: 37%;
	height: 1px;
	background: #707070;
	position: absolute;
	top: 50%;
	left: 0;
}
.serviceListNo::after{
	content: "";
	width: 37%;
	height: 1px;
	background: #707070;
	position: absolute;
	top: 50%;
	right: 0;
}

.serviceListNo span{
	font-weight: bold;
	display: inline-block;
	line-height: 90%;
	font-size: 44px;
}
.serviceListNo span::before{
	content: "SERVICE";
	font-size: 12px;
	display: block;
	line-height: 100%;
	color: #0071BC;
}

.serviceListImg{
	margin-bottom: 10px;
}
.serviceListImg img{
	width: 100%;
	height: auto;
}
.serviceListTxt{
	font-size: 18px;
	line-height: 150%;
	font-weight: bold;
}



.homeProfile{
	background: #DDFFDD;
	padding: 80px 0;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.homeProfile .titleH2 {
	text-align: center;
	margin: 0 auto;
	background: #3D3D3D;
	width: 1000px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.homeProfile .titleH2 h2{
	display: inline-block;
	font-size: 42px;
	font-weight: bold;
	position: relative;
	line-height: 100%;
	color: #fff;
	padding: 20px 0;
}



.profileChart{
	width: 1170px;
	background: #0071BC;
	padding: 40px ;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.profileChart dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 800px;
	margin: 0 auto;
}
.profileChart dl dt{
	font-size: 20px;
	width: 20%;
	color: #fff;
	padding: 10px 0;
	border-top: 1px solid #fff;
}
.profileChart dl dd{
	font-size: 20px;
	width: 80%;
	color: #fff;
	padding: 10px 0;
	border-top: 1px solid #fff;
}
.profileChart dl dt:nth-of-type(1),.profileChart dl dd:nth-of-type(1){
	border-top: none;
}
.profileChart dl dd ul li::before{
	content:"・" 
}






.homeContact{
	background: #FAFAFA;
	background-size: cover;
	padding: 70px 0 70px 0;
	box-shadow: 0 10px 10px rgba(0,0,0,.1)
}

.homeContact p{
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}

.contactBtn {
	text-align: center;
	margin-bottom: 50px;
}
.contactBtn a{
	display: inline-block;
	line-height: 100%;
	padding: 18px 60px 22px 140px;
	background: #F74460 url("../../images/btn_inquiry.png") no-repeat left 60px top 20px;
	background-size: 64px 40px;
	text-decoration: none;
	color: #fff;
	font-size: 40px;
	border-radius: 40px;
}



/*company*/

.pageTitle{
	width:100%;
	
}
.pageTitle.companyTitle{
	background: url("../../images/service_bg.jpg") no-repeat left bottom;
	background-size: cover;
	text-align: center;
}
.pageTitle.companyTitle h1{
	padding: 120px 100px;
	font-size: 40px;
	color: #333

}

.pageCont{
	padding: 50px;
	max-width: 1170px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0,0,0,.1);}

.pageCont h2{
	padding-bottom: 15px;
	margin-bottom: 30px;
	font-size: 32px;
	border-bottom: 7px solid var(--point-color-blue);
}
.pageCont h3{
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 100%;
	border-left: 8px solid var(--point-color-green);
	padding: 4px 0 4px 15px;
}
.pageCont h4{
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 100%;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
}

.pageCont p.pageRead{
	font-size: 24px;
	margin-bottom: 50px;
}
.pageCont p{
	font-size: 18px;
	margin-bottom: 30px;
}




/*footer*/
footer{
	padding: 30px 0;
	text-align: center;
	position: relative;
	font-size: 11px;
}

footer .footMenu{
	text-align: center;
	margin-bottom: 20px;
}




.txtL{
	font-size: 18px;
}
.txtUL{
	text-decoration: underline;
}


.sp{
	display: none;
}
.pc{
	display: block;
}





@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}


	body {
		font-size: 14px;
	}


	header{
		display: block;
		padding: 23px 0 0 17px;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index:100;
	}

	.headTag{
		position: absolute;
		top: 10px;
		left: 70px;
		font-size: 12px;
		color: #114cba;
	}
	.headLogo{
	}
	.headLogo a{
		display: inline-block;
	}
	.headLogo a img{
		width: 30vw;
		height: auto;
	}


	/*ハンバーガーメニュー*/
	#panel-btn {
		display: inline-block;
		position: absolute;
		width:50px;
		height: 50px;
		margin: 0 0 0;
		top:8px;
		right:8px;
		cursor:pointer;
		z-index:9999;
		background: #fff;

		border-radius: 60px;


	}
	#panel-btn::after {
		content: "MENU";
		position: absolute;
		left: 50%;
		bottom: 7px;
		transform: translateX(-50%);
		font-size: 10px;
		font-weight: bold;
		color: #000;
		line-height: 100%;
	}

	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 42%;
		left: 50%;
		width: 32px;
		height: 3px;
		margin: 0 0 0 -16px;
		background: var(--point-color-blue);
		overflow: visible;
		border-radius: 3px;
	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 3px;
		margin-left: -16px;
		background: var(--point-color-blue);
		transition: .3s;
		border-radius: 3px;
	}
	#panel-btn-icon:before {
		margin-top: -9px;
	}
	#panel-btn-icon:after {
		margin-top: 6px;
	}

	#panel-btn .close {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		background: transparent;
	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: -1px;
		background: #000;
	}
	#panel-btn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#panel{
		position: fixed;
		top:0;
		left: 101%;
		z-index: 1020;
		width:100%;
		transition: all .5s ease-in-out;
		opacity: 0;
	}
	#panel.openmenu{
		left: 0;
		opacity: 1;
	}
	#panelBg{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100vh;
		background: rgba(0,0,0,.4);
		box-shadow: 0 0 40px rgba(0,0,0,.5);
		z-index: 100;
		display: none;
	}
	#panel ul#gnavi{
		display: block;
		width: 70%;
		height: 100vh;
		margin-left: 30%;
		padding: 50px 20px;
		background: #fff;
	}
	#panel ul#gnavi li{
		margin: 0;
		text-align: left;
		display: block;
		padding: 0 0;
		border-bottom: 1px solid var(--txt-color);
	}
	#panel ul#gnavi li:nth-last-of-type(1){
		margin-right: 0;
	}

	#panel ul#gnavi li a{
		text-decoration: none;
		color: var(--txt-color);
		display: block;
		font-size: 14px;

		padding: 20px 0 20px 0;

		text-shadow: 0 0 4px rgba(0,0,0,0);
	}
	#panel ul#gnavi li a::after{
		content: "";
		display: none;
	}

	#panel ul#gnavi li a::after{
		content: "";
		position: absolute;
		left: 17px;
		bottom: -5px;
		background: #000;
		width:calc(100% - 34px);
		height: 1px;
		transition: all .2s ease-in-out;
	}
	#panel ul#gnavi li a.active::after{
		opacity: 1;
		transform: scaleX(1);
	}
	body.scrollOn #panel .openmenu li a svg{
		fill: var(--txt-color);
	}


	header #panel ul#snsIconsPc{
		position: absolute;
		top: 15px;
		right: 60px;
		display: flex;
	}
	header #panel ul#snsIconsPc li{
		margin: 0 0 0 8px;
	}
	header #panel ul#snsIconsPc li a{
		display: block;
		color: #ddd;
		text-decoration: none;
		padding: 0 0;
		line-height: 100%;
	}
	header #panel ul#snsIconsPc li a svg{
		width:17px;
		height:17px;
		fill: #444;
	}


	#panel > ul#gnavi > li > ul{
		visibility:visible;
		opacity: 1;
		z-index: 1;

	}
	#panel > ul#gnavi > li > ul {
		position: relative;
		top: inherit;
		background: #fff;
		border-top: 1px solid #ddd;
		padding: 0;
	}
	#panel > ul#gnavi > li:hover > ul {
		top: inherit;
		visibility: visible;
		opacity: 1;
	}
	#panel > ul#gnavi > li > ul > li {
		display: block;
		border-bottom: 1px solid #ddd;
	}
	#panel > ul#gnavi > li > ul > li:nth-last-of-type(1) {
		border-bottom: none;
	}
	#panel > ul#gnavi > li > ul > li a{
		display: block;
		line-height: 100%;
		padding: 12px 0;
		color: #333;
		font-size: 12px;
	}




	/*コンテンツ*/

	#wrap{

		width: 100%;
		min-width: 100%;
		margin: 0 auto;
		position: relative;
		background: #fff;
		overflow: hidden;



	}




	/*promotion*/


	#promotion{
		position: relative;
		background: #fff url("../../images/promo_bg.jpg") no-repeat center center;
		background-size: cover;

	}
	#promotion::after{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url("../../images/promo_img.png") no-repeat right -20vw top -20vw;
		background-size: 90% auto;
		z-index: 0;
	}
	#promotion::before{
		content: "";
		position: absolute;
		width: 67vw;
		height: 57vw;
		top: 32vw;
		left: 6vw;
		background: url("../../images/promo_img2.png") no-repeat 0 0;
		background-size: 100% auto;
		z-index: 1;
	}

	#promotion h2{
		position: relative;
		padding: 86vw 0 0 0;
		text-align: center;
		font-size: 5.1vw;
		line-height: 150%;
		z-index: 1;
	}
	#promotion ul{
		position: relative;
		padding: 2vw 0 0 0;
		z-index: 1;
	}
	#promotion ul li{
		font-size: 2.5vw;
		line-height: 150%;
		margin-bottom: 10px;
		text-align: center;
	}
	#promotion ul li::before{
		content: "※";
	}


	.promoBtn{
		padding: 2vw 0 10vw 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	.promoBtn a{
		display: inline-block;
		background:  var(--point-color-red);
		color: #fff;
		padding: 3.2vw 10vw 3.2vw 13vw;
		font-size: 3.2vw;
		text-decoration: none;
		border-radius: 50px;
		line-height: 100%;
		position: relative;
		cursor: pointer;

	}
	.promoBtn a::after{
		content:"+";
		position: absolute;
		top: 50%;
		left: 4vw;
		transform: translateY(-50%);
		font-size: 6.2vw;
	}




	/**/

	.titleH2 {
		text-align: center;
		margin-bottom: 30px;
	}
	.titleH2 h2{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		position: relative;
		line-height: 100%;
	}
	.titleH2 h2::before{
		content: "";
		position: absolute;
		top: 55%;
		transform: translateY(-50%);
		left: -40px;
		width: 30px;
		height: 18px;
		background: url("../../images/title_icon.png") no-repeat 0 0;
		background-size: 100% auto;
	}
	.titleH2 h2::after{
		content: "";
		position: absolute;
		top: 55%;
		transform: translateY(-50%);
		right: -40px;
		width: 30px;
		height: 18px;
		background: url("../../images/title_icon.png") no-repeat 0 0;
		background-size: 100% auto;
	}



	.homeService{
		background: url("../../images/service_bg.jpg") no-repeat 0 0;
		background-size: cover;
		padding: 70px 0 0 0;
	}


	.serviceBtm{
		font-size: 24px;
		text-align: center;
		line-height: 130%;
		font-weight: bold;
		background: url("../../images/ouen_img.png") no-repeat center bottom;
		background-size: auto 97px;
		padding: 0 0 120px 0;

	}
	.serviceBtm span{
		color: #0071BC;
	}
	.serviceLists{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 88vw;
		max-width: 88vw;
		margin: 0 auto 50px;
		padding: 0 0 80px 0;
		position: relative;

	}
	.serviceLists::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #5FDB5F;
		height: calc(tan(60deg) * 40px / 2);
		width: 80px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}

	.serviceList{
		width: 100%;
		margin-bottom: 30px;
	}

	.serviceListNo{
		margin-bottom: 10px;
		text-align: center;
		position: relative;
	}
	.serviceListNo::before{
		content: "";
		width: 37%;
		height: 1px;
		background: #707070;
		position: absolute;
		top: 50%;
		left: 0;
	}
	.serviceListNo::after{
		content: "";
		width: 37%;
		height: 1px;
		background: #707070;
		position: absolute;
		top: 50%;
		right: 0;
	}

	.serviceListNo span{
		font-weight: bold;
		display: inline-block;
		line-height: 90%;
		font-size: 34px;
	}
	.serviceListNo span::before{
		content: "SERVICE";
		font-size: 10px;
		display: block;
		line-height: 100%;
		color: #0071BC;
	}

	.serviceListImg{
		margin-bottom: 10px;
	}
	.serviceListImg img{
		width: 100%;
		height: auto;
	}
	.serviceListTxt{
		font-size: 14px;
		line-height: 150%;
		font-weight: bold;
	}



	.homeProfile{
		background: #DDFFDD;
		padding: 50px 0;
		box-shadow: 0 0 20px rgba(0,0,0,.2);
	}

	.homeProfile .titleH2 {
		text-align: center;
		margin: 0 auto;
		background: #3D3D3D;
		width: 90%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.homeProfile .titleH2 h2{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		position: relative;
		line-height: 100%;
		color: #fff;
		padding: 20px 0;
	}



	.profileChart{
		width: 100%;
		background: #0071BC;
		padding: 40px 0 ;
		margin: 0 auto;
		box-shadow: 0 0 20px rgba(0,0,0,.2);
	}
	.profileChart dl{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.profileChart dl dt{
		font-size: 14px;
		width: 100%;
		color: #fff;
		padding: 10px 0 2px;
		border-top: 1px solid #fff;
		font-weight: bold;
	}
	.profileChart dl dd{
		font-size: 14px;
		width: 100%;
		color: #fff;
		padding: 2px 0 10px;
		border-top: none;
	}
	.profileChart dl dt:nth-of-type(1),.profileChart dl dd:nth-of-type(1){
		border-top: none;
	}
	.profileChart dl dd ul li::before{
		content:"・" 
	}






	.homeContact{
		background: #FAFAFA;
		background-size: cover;
		padding: 50px 0 50px 0;
		box-shadow: 0 10px 10px rgba(0,0,0,.1)
	}

	.homeContact p{
		text-align: center;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.contactBtn {
		text-align: center;
		margin-bottom: 0;
	}
	.contactBtn a{
		display: inline-block;
		line-height: 100%;
		padding: 12px 20px 14px 70px;
		background: #F74460 url("../../images/btn_inquiry.png") no-repeat left 20px top 15px;
		background-size: 32px 20px;
		text-decoration: none;
		color: #fff;
		font-size: 20px;
		border-radius: 40px;
	}



	/*company*/

	.pageTitle{
		width:100%;

	}
	.pageTitle.companyTitle{
		background: url("../../images/service_bg.jpg") no-repeat left bottom;
		background-size: cover;
		text-align: center;
	}
	.pageTitle.companyTitle h1{
		padding: 100px 0 50px;
		margin-bottom: 0;
		font-size: 24px;
		color: #333

	}

	.pageCont{
		padding: 30px 5%;
		max-width: 100%;
		margin: 0 auto;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
	}

	.pageCont h2{
		padding-bottom: 5px;
		margin-bottom: 10px;
		font-size: 14px;
		border-bottom: 7px solid var(--point-color-blue);
	}
	.pageCont h3{
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 100%;
		border-left: 8px solid var(--point-color-green);
		padding: 4px 0 4px 15px;
	}
	.pageCont h4{
		margin-bottom: 10px;
		padding-bottom: 5px;
		font-size: 14px;
		line-height: 100%;
		font-weight: bold;
		border-bottom: 2px solid #ddd;
	}

	.pageCont p.pageRead{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.pageCont p{
		font-size: 12px;
		margin-bottom: 20px;
	}




	/*footer*/
	footer{
		padding: 30px 0;
		text-align: center;
		position: relative;
		font-size: 11px;
	}

	footer .footMenu{
		text-align: center;
		margin-bottom: 20px;
	}




}



.tRed{
	color:  var(--point-color-red);
}