@charset "UTF-8";
/*---fv---*/

.fv-ca_li{
	justify-content: center;
	color: #333;
/*	padding-bottom: 2.2rem;*/
	/* margin-bottom: 2.4rem; */
	font-weight: 200;
	position:relative;
	flex-wrap: wrap;
	/*	font-family: 'Shippori Mincho B1', serif; */
}

.fv-ca_li>li{
	margin-right: 1rem;
	padding-left:2rem;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	position:relative;
	text-shadow: 2px 2px 10px #ffffff ,
	-2px 2px 10px #ffffff ,
	2px -2px 10px #ffffff ,
	-2px -2px 10px #ffffff;
}
.fv-ca_li>li:last-of-type{
	padding-right: 0;
}
.fv-ca_li>li::after{
	content:'/';
	color: var(--gold);
	position:absolute;

	left:0;
}
.fv-ca_li>li:first-of-type::after{
	display: none;
}
#fv{
	/*height: 100vh;*/
	/*	background: #333;*/
	background-image: url("../img/left.png"),url("../img/right.png");
	background-position: top 7.2rem left 0rem, bottom 7.2rem right 0rem;
	background-size: 20vw auto;
	position:relative;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	padding-top:8rem;
	padding-bottom: 5.6rem;
	letter-spacing: 0.1em;
}
.top{
	color: #f8f8f8;

}
.logo-hdr{
	/*
	padding: 1.6rem;
	background: #fff;
	position:absolute;
	top:1.6rem;
	left: 1.6rem;
	*/
}
.logo-line{
	width: 1px;
	background: #333;
	height: 32px;
	margin-left: 1.6rem;
	margin-right: 1.6rem;
}
.logo-hdr img{
	width: 160px;
}

.logo-hdr p{
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
}
.top-txt01{
	display: inline-block;
	/* margin-bottom:3.2rem; */
	font-weight: bold;
	color: #fff;
	/* background: linear-gradient(315deg,#ecb752 0%,#fff3db 40%,#b07912 60%,#ebac33 90%,#f1cd88 100%);
	background: -webkit-linear-gradient(315deg,#ecb752 0%,#fff3db 40%,#b07912 60%,#ebac33 90%,#f1cd88 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	max-width:520px;
}

.top-txt02{
	width:280px;
	margin:0 auto 0rem;

}

.top-subtxt02{
	/*	font-size: 1.4rem;*/
	font-weight: bold;
	color: #9f9f9f;
	margin: 0 auto 3.2rem;
	/*	font-family: 'Shippori Mincho B1', serif;*/
	max-width:250px;
}
.top .logo{
	max-width: 640px;
	margin:0 auto 2.4rem;
}
.about h2{
	color: var(--gold);
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
}
.about h2 span{
	font-size: 2.4rem;
	font-weight: bold;
}
.about img{
	margin-bottom: 1.6rem;
}
.about p.txt{
	color: #f8f8f8;
	line-height: 3.2rem;
	letter-spacing: 0.1em;
	font-family :YuGothic,    /* Mac用 */'Yu Gothic', /* Windows用 */sans-serif;
	margin-bottom: 2.4rem;
}
.btn-top{
	/*	margin-bottom: 2rem;*/
}
.btn-top a{
	position:relative;
	/*	font-family: 'Shippori Mincho B1', serif;*/
	font-size: 2rem;
	color: #f8f8f8;
	display: inline-block;
	border: 2px solid var(--gold);
	background:-linear-gradient(315deg,#ecb752 0%,#fff3db 40%,#b07912 60%,#ebac33 90%,#f1cd88 100%);
	background:  -webkit-linear-gradient(315deg,#ecb752 0%,#fff3db 40%,#b07912 60%,#ebac33 90%,#f1cd88 100%);
	border-image: -webkit-linear-gradient(315deg,#ecb752 0%,#fff3db 40%,#b07912 60%,#ebac33 90%,#f1cd88 100%);
	border-image: linear-gradient(315deg,#ecb752 0%,#fff3db 40%,#b07912 60%,#ebac33 90%,#f1cd88 100%);
	border-image-slice: 1;
	margin: 0 auto;
	text-align: center;
	width: 400px;
	padding: 1.6rem 2.4rem;
	box-sizing:border-box;
	color: #462301;
	letter-spacing: 0.5em;
	transition:.2s;
	font-weight: 500;
}
.btn-top a::after{
	/*
	content:'';
	position:absolute;
	background: #462301;
	width: 56px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: -0.8rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition:.2s;
	*/
}
.btn-top a:hover{
	display: inline-block;
	color: var(--gold);
	border: 2px solid var(--gold);
	background: transparent;
	-webkit-border-image: -webkit-linear-gradient(bottom right, #ecb752 0%, #fff3db 40%, #b07912 60%, #ebac33 90%, #f1cd88 100%);
	-o-border-image: -o-linear-gradient(bottom right, #ecb752 0%, #fff3db 40%, #b07912 60%, #ebac33 90%, #f1cd88 100%);
	border-image: linear-gradient(to top left, #ecb752 0%, #fff3db 40%, #b07912 60%, #ebac33 90%, #f1cd88 100%);
	border-image-slice: 1;
}
.btn-top a:hover::after{
	right: -1.6rem;
	background: var(--gold);
}

/*-- --------- --------- -------- --*/
/*-- WTC_DEV-4195 -------- --*/
/*-- --------- --------- -------- --*/
.btn-top a{
	display: inline-block;
	color: var(--gold);
	border: 2px solid var(--gold);
	background: transparent;
	-webkit-border-image: -webkit-linear-gradient(bottom right, #ecb752 0%, #fff3db 40%, #b07912 60%, #ebac33 90%, #f1cd88 100%);
	-o-border-image: -o-linear-gradient(bottom right, #ecb752 0%, #fff3db 40%, #b07912 60%, #ebac33 90%, #f1cd88 100%);
	border-image: linear-gradient(to top left, #ecb752 0%, #fff3db 40%, #b07912 60%, #ebac33 90%, #f1cd88 100%);
	border-image-slice: 1;
}
.btn-top a::after{
	right: -1.6rem;
	background: var(--gold);
}
/*-- --------- --------- -------- --*/
.date{
	color: var(--gold);
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 0.4rem;
	/*	  font-family: 'Shippori Mincho B1', serif; */
}
.date span{
	font-size: 1.4rem;
	font-weight: bold;
}
.btn-2021 a{
	color: #9f9f9f;
	font-size: 1.4rem;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #9f9f9f;
	transition:.2s;

}
.btn-2021 a:hover{
	opacity:0.6;
}
/*---end fv---*/
.box{
	position: relative;
	display: flex;
	align-items: center;

}
.sub-menu{
	padding-top: 2.4rem;
	padding-bottom:2.4rem;
	background: var(--light);

}

.submenu-li{
	max-width:400px;
	margin-left: auto;
}
.submenu-li li a{
	color: var(--gold);
	letter-spacing: 0.1em;
	transition:.2s;
	position: relative;
}

.submenu-li li a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--gold);
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;
}
.submenu-li li a:hoevr{
	/*	color: var(--gold);*/
}
.submenu-li li a:hover::after {
	transform: scale(1, 1);
}

/*---criteria---*/
.criteria{
/*	background: var(--light);*/
}
.con p{
	max-width:648px;
	/*	float: left;*/
	z-index:9;
}
	.con p br{
		display: block;
content: "";
margin-bottom: 0.8rem;
	}
.con-r{
	/*	float: right;*/
	max-width:640px;
	z-index: 2;

}



.con-box_blue{
	background-image: url("../img/bg02.jpg");
	-webkit-background-size: cover;
	background-size: cover;

}
.con-box_blue p span{
font-weight: bold;
	color: var(--gold);
}

p.txt-full{
	max-width: 100%;
	margin-bottom: 2.4rem;
}

/* table01 */
#table01{
	width: 100%;
}
#table01 tr {
	border-bottom: 1px solid #888;
	font-family: 'Roboto', sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#table01 th,
#table01 td {
	padding: 1rem 0;
	border: none;
}

#table01 th {
	width: 30%;
	text-align: left;
	padding-left: 2rem;
	padding-right: 2rem;

}


.til-img{margin-bottom: 2.4rem;}

.til-img img{
	height:120px;
	width: auto;
}
.about-m{
	background-image: url("../img/bg03.jpg");
	-webkit-background-size: cover;
	background-size: cover;
}

.result{
	background-image: url("../img/bg01.jpg");
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
.award-li{
	padding: 0;
}
.award-li li{
	width: 24%;
	box-sizing: border-box;
	border-radius:4px;
	padding: 1.6rem 1rem 2.4rem;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
	background: white;
	


}

.award-li_con{

}
.a-logo{
	margin-bottom: 1rem;
}
.a-logo img{
	max-width:160px;

}
.ac-logo{
	width: 100%;
	box-sizing: border-box;
	padding: 1.6rem 1rem;
	position:relative;
	height: 100px;
}
.ac-logo img{
	max-width:140px;
	  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.award-li li h3{
/*		font-weight: bold;*/
	text-align: center;
	font-size: 1.6rem;
	line-height: 2rem;
/*	color: var(--gold);*/
	margin-bottom: 1rem;
	letter-spacing: 0.08em;
	height: 40px;
/*	font-family: 'Roboto', sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/
}
.criteria h3{
	font-size: 2rem;
	line-height: 2rem;
	border-bottom:1px solid #888;
	padding-bottom: 1rem;

	padding-left: 2rem;

	color: var(--gold);
}


/*---end criteria---*/
.award-logo_li{
	justify-content: center;
}
.award-logo_li li{
	width: 30%;
}
.award-logo_li-2 li{
	width: 24%;
}
.award-logo_li-2 li:first-of-type{
	margin-right: 1rem;
}
.award-box{
	padding-top: 4.8rem;
	padding-bottom: 4.8rem;
}
.award-box01{
	padding-top: 0;
}
.award-box_con{
	margin-bottom: 2rem;
}
.award-box h3{
	position:relative;
	margin-bottom: 2.4rem;
}

.award-box h3 span{
	background: #fff;
	color: #828282;
	font-size: 2rem;
	padding: 0 1rem 0 1rem;
	line-height: 3.4rem;
	position:relative;
	z-index:2;
}
.award-box h3 span.word{
	font-size: 2.8rem;
	margin-left: 1rem;
	padding: 0;
	color: var(--gold);
}
.award-box h3::after{
	content:'';
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background: #eee;
	z-index:1;
}
.award-box_left{
	width: 30%;
}
.award-box_txt{
	width: 64%;
	position:relative;
	box-sizing: border-box;
	padding: 1rem;
}
.award-box_txt::before{
	content:'';
	position:absolute;
	top:-1rem;
	left:-1rem;
	  /*2色パターン*/
  border-top:16px solid var(--light);
  border-right: 16px  solid transparent;
  border-bottom: 16px  solid transparent;
  border-left: 16px solid var(--light);

}
.award-box_txt::after{
		content:'';
	position:absolute;
	bottom:-1rem;
	right:-1rem;
	  border-top: 16px solid transparent;
  border-right: 16px solid var(--light);
  border-bottom: 16px solid var(--light);
  border-left: 16px solid transparent;
}
.award-box_txt p span{
	font-size: 1.5rem;
	font-weight: bold;
}
.award-box_txt p br.br{
	content:'';
	display: block;
	margin-bottom: 1rem;
}
.award-box_left .c-img{
	margin-bottom: 0.8rem;

}
.award-box_left .c-img img{
	object-fit: cover;
	width: 110px;
	height: 110px;
	border-radius:999px;
	background: var(--light);

}
.award-box_left .c-name{
/*	font-weight: bold;*/
	font-size: 1.5rem;
	line-height: 2rem;
/*	font-family: 'Roboto', sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/
}
.award-box_txt p{
	margin-bottom: 1rem;
	line-height: 2.4rem;
}
.detail-btn{
text-align: right;
}
.detail-btn a{
	font-size: 1.4rem;
	line-height: 2rem;
	border-bottom:1px solid var(--basic);
	transition:.2s;
	font-family: 'Roboto', sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.detail-btn a:hover{
	color: var(--gold);
	border-color:var(--gold);
}
.service-detail{
	background: var(--light);
	padding: 2rem 2.4rem;
	width: 100%;
	box-sizing:border-box;
	border-radius:8px;

}
.service-detail_01{
	margin-bottom: 1.6rem;
}
.service-detail_logo{
	background: #fff;
	border-radius:6px;
	padding: 1rem;
	width:24%;
	box-sizing:border-box;
	vertical-align: middle;
	text-align: center;
		box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
	position:relative;
}
.service-detail_logo img{
	width: 80%;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.service-detail_txt{
	width: 72%;
   font-family: 'Roboto', sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.service-detail_txt h4{
	font-weight: bold;
	margin-bottom: 0.4rem;
}
.service-detail_txt p{
	font-size: 1.5rem;
	line-height: 2.3rem;
	margin-bottom: 0.4rem;
}
.award-box_left-txts{
	margin-bottom: 1.6rem;
}
/*-----------------
-------ipad pro-----
--------------------
*/
@media screen and (max-width: 1024px) {
	#fv{
		
		background-image: url("../img/left.png"),url("../img/right.png");
		background-color:rgba(255,255,255,0.2);
		background-blend-mode:lighten;
		/*	background-position: top 0rem left 0rem, bottom 0rem right 0rem;*/
		background-size: 20vw auto;

	}
}

/*-----------------
-------ipad-----
--------------------
*/
@media screen and (max-width:769px) {
	#fv{

		background-position: top 0rem left 0rem, bottom 0rem right 0rem;
		background-size: 20vw auto;
		padding-top: 2.4rem;
		padding-bottom: 5.6rem;
	}
	.con-box_blue {
		background-image: url(../img/bg02-sp.jpg);

	}
	.about-m{
	background-image: url("../img/bg03-sp.jpg");
}
	.con-box p{
		margin-left: 0rem;

	}
	.con-box-wl{
		/*		background-image: url("../img/bg03-sp.png");*/
	}
	.logo-hdr{
		padding: 1.6rem;
		background: #fff;
		position:inherit;
		top:inherit;
		left: inherit;
		width: 300px;
	}
	.logo-hdr p{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.logo-img img{
		width: 120px;
	}
	.logo-line{
	margin-right: 0.6rem;
		margin-left:0.6rem;
	}
	.award-li li{
		width: 48%;
		margin-bottom: 2rem;
	}
	.award-li li:last-of-type{
		margin-bottom: 0;
	}
	.award-box_left{
	width: 100%;
		margin-bottom: 2rem;
}
.award-box_txt{
	width: 100%;
}
	.award-box h3 span{
		padding-left: 0;
		padding-right: 2.4rem;
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.award-box h3 span.word{
		margin: 0;
		font-size: 2.4rem;
	}
	.award-box_left-txts{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	.award-box_left .c-img{
		margin-bottom: 0;
	}
	.award-box_left .c-name{
		text-align: left;
		letter-spacing: 0.03em;
		
	}
	.award-box_left .c-name span{
		letter-spacing: 0.1em;
	}
			.award-box_left{
	width: 100%;
		margin-bottom: 2rem;
}
	.award-box_left .c-img{
		width: 120px;
	}
	.award-box_left .c-name{
		width: calc(100% - 110px - 2rem);
	}
.award-box_txt{
	width: 100%;
}
	
	.award-box h3::after{
		display: none;
	}
	.til-img img{
		height: auto;
		width: 70%;
	}
	.award-box h3 span{padding-right: 0;}
	.con p{
		max-width: 100%;
	}

}
@media screen and (max-width:640px){
	.award-li li{
		width: 100%;
	}
	.service-detail_logo{
		margin-bottom: 1.6rem;
		width: 100%;
		height: 160px;
	}
	.service-detail_logo img{
		width: 60%;
	}
	.service-detail_txt{
		width: 100%;
	}
	.til-img img{
		width: 90%;
	}
	.fv-ca_li>li{
		margin-right: 0.5rem;
		padding-left: 1.4rem;
	}
}

@media screen and (max-width:440px){
	.logo-hdr{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.logo-hdr p{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.btn-top a{
		width: 100%;
	}
	#table01 th,
	#table01 td {
		width: 100%;
		display: block;
	}

	#table01 th {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.criteria h3{
		padding-left: 0;
	}

	#table01 td {
		padding-top: 0;
	}
	.til-img img{
		width: 100%;
	}
	#table01 th{
		padding-bottom: 0;
	}
	.fv-ca_li{
		/* margin-bottom: 2rem; */
	}
	.fv-ca_li li{
		font-size: 1.5rem;
		margin-right: 0.5rem;
		padding-left: 1.6rem;
	}
}