@charset "UTF-8";

.elem-hero{
	padding-top: 85px;
	background: url(../images/hero-bg_pc.jpg) no-repeat 50%;
	background-size: cover;
}

.elem-hero .inner{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 810px;
	padding-bottom: 50px;
}
.elem-hero .title-h1{
	font-size: 50px;
	background-image: linear-gradient(275deg, rgba(229, 214, 195, 1) 13%, rgba(206, 183, 154, 1) 26%, rgba(223, 206, 185, 1) 39%, rgba(190, 166, 138, 1) 49%, rgba(217, 210, 201, 1) 65%, rgba(175, 137, 91, 1) 79%);
	background-image: -moz-linear-gradient(275deg, rgba(229, 214, 195, 1) 13%, rgba(206, 183, 154, 1) 26%, rgba(223, 206, 185, 1) 39%, rgba(190, 166, 138, 1) 49%, rgba(217, 210, 201, 1) 65%, rgba(175, 137, 91, 1) 79%);
	background-image: -webkit-linear-gradient(275deg, rgba(229, 214, 195, 1) 13%, rgba(206, 183, 154, 1) 26%, rgba(223, 206, 185, 1) 39%, rgba(190, 166, 138, 1) 49%, rgba(217, 210, 201, 1) 65%, rgba(175, 137, 91, 1) 79%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
}

.elem-hero .com-diaul{
	margin-top: 1.8em;
}
.elem-hero .com-supp {
	background-color: #FFF;
	margin-top: 51px;
}

@media only screen and (max-width: 640px) {
	.elem-hero{
		padding-top: 51px;
		background-image: url(../images/hero-bg_sp.jpg);
	}
	.elem-hero .inner{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		height: 430px;
		padding-bottom: 21px;
	}
	.elem-hero .title-h1{
		font-size: 32px;
	}
	.elem-hero .com-supp {
		margin: 34px auto 0;
	}
}


.elem-nav-area{
	position: relative;
}
.elem-nav{
	width: calc(100% - 40px);
	top: -50px;
	position: absolute;
	display: flex;
}
.elem-nav a:hover{
	opacity: 1;
	background-color: #DEDEDE;
}
.elem-nav>*{
	position: relative;
	width: calc(100% / 3.0001);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 95px;
	background-color: #FFF;
	padding: 0 1.6em;
}
.elem-nav>*+*{
	border-left: 1px solid #B59974;
}
.elem-nav>*:after{
	content: "";
	position: absolute;
	display: block;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: calc(50% - 6px);
	right: 26px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #B59974;
	border-right: 2px solid #B59974;
}
.elem-nav .en{
	font-size: 14px;
}
.elem-nav .jp{
	font-size: 21px;
	color: #B59974;
	line-height: 1.2;
	padding: 0.2em 0 0.3em;
}

@media only screen and (max-width: 640px) {
	.elem-nav{
		top: -23px;
	}
	.elem-nav>*{
		height: auto;
		/* min-height: 46px; */
		padding: 0.5em 0;
	}
	.elem-nav>*:after{
		top: calc(50% - 3px);
		right: 8px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #B59974;
		border-right: 1px solid #B59974;
	}
	.elem-nav .en{
		font-size: 10px;
	}
	.elem-nav .jp{
		font-size: 10px;
		padding: 0 0 0.2em;
	}
}




.elem-about .com-coverbox:before{
    padding-top: 44.8%;
}
.elem-about .elem1 .box2{
	align-items: center;
}
.elem-about .elem1 .box2:nth-child(even){
	flex-direction: row-reverse;
} 
.elem-about .elem1 .box2:nth-child(odd) .txt{
	padding-left: 55px;
}
.elem-about .elem1 .box2:nth-child(even) .txt{
	padding-right: 55px;
}
.elem-about .elem1 .lead{
	font-size: 24px;
	padding-bottom: 25px;
	
}
.elem-about .elem1 .box .lead{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.elem-about .elem1 .part3{
	margin-top: 90px;
}
.elem-about .elem1 .part3 .part-in{
	background-color: rgba(35, 36, 41, 0.8);
	/* background-color: rgba(0, 0, 0, 0.8); */
	width: 50%;
	height: 100%;
	margin-left: auto;
	margin-right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 640px) {
	.elem-about .com-coverbox:before{
		padding-top: 44.8%;
	}
	.elem-about .elem1 .box2{
		align-items: center;
	}
	.elem-about .elem1 .box2:nth-child(even){
		flex-direction: row-reverse;
	} 
	.elem-about .elem1 .box2:nth-child(odd) .txt{
		padding-left: 15px;
	}
	.elem-about .elem1 .box2:nth-child(even) .txt{
		padding-right: 15px;
	}
	.elem-about .elem1 .lead{
		font-size: 12px;
		padding-bottom: 6px;
	}
	.elem-about .elem1 .part3{
		margin-top: 44px;
	}
	.elem-about .elem1 .part3 .part-in{
		width: 100%;
	}
}


.elem-serv .elem1{
	margin-top: 90px;
}
.elem-serv .elem1 .part-in{
	width: 50%;
	height: 100%;
	margin-left: auto;
	margin-right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.elem-serv .elem1.com-coverbox:before {
    padding-top: 46%;
}
.elem-serv .elem1 .coverimg{
	background-size: 70% auto;
	background-position: 0 50%;
}
.elem-serv .elem1 .wrap-txt{
	width: 100%;
	padding-left: 7%;
}
.elem-serv .elem1 .lead{
	font-size: 24px;
	letter-spacing: -0.05em;
}
.elem-serv .elem1 .lead+.lead{
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	padding-top: 30px;
	margin-top: 20px;
}
.elem-serv .elem1 *+.notes{
	margin-top: 2em;
}
.elem-serv .elem2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 64px;
}
.elem-serv .elem2 .box{
	width: calc(50% - 16px);

	display: flex;
	flex-direction: column;
}
.elem-serv .elem2 .box:nth-child(n+3){
	margin-top: 32px;
}
.elem-serv .elem2 .box>*{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.elem-serv .elem2 .part-title{
	height: 114px;
	background-color: #232429;
	font-size: 24px;
}
.elem-serv .elem2 .part-lead{
	height: 140px;
	background-color: #FFF;
	color: #232429;
	font-size: 18px;
	font-weight: 500;
	padding: 1em 1em;
	line-height: 1.4;

	flex: 1;
}
.elem-serv .elem2 .part-lead .sizeS{
	font-size: 80%;
}
@media only screen and (max-width: 640px) {
	.elem-serv .elem1{
		margin-top: 44px;
	}
	/* .elem-serv .elem1.com-coverbox:before {
		padding-top: 46%;
	} 
	.elem-serv .elem1 .coverimg{
		background-size: 70% auto;
		background-position: 0 50%;
	}
	.elem-serv .elem1 .wrap-txt{
		width: 100%;
		padding-left: 7%;
	}*/
	.elem-serv .elem1 .lead{
		font-size: 12px;
	}
	.elem-serv .elem1 .lead+.lead{
		padding-top: 15px;
		margin-top: 10px;
	}
	.elem-serv .elem2{
		margin-top: 32px;
	}
	.elem-serv .elem2 .box{
		width: calc(50% - 5px);
	}
	.elem-serv .elem2 .box:nth-child(n+3){
		margin-top: 10px;
	}
	.elem-serv .elem2 .part-title{
		height: 55px;
		font-size: 12px;
	}
	.elem-serv .elem2 .part-lead{
		height: auto;
		min-height: 78px;
		font-size: 10px;
		letter-spacing: 0;
	}
}










.elem-reser .elem1{
	background-color: #FFF;
	padding: 60px 0 45px;
}
.elem-reser .elem1 .part1{
	position: relative;
	display: flex;
	justify-content: center;
}
.elem-reser .elem1 .part-cir{
	width: 326px;
	height: 326px;
	background: url(../images/reser-img2.svg) no-repeat 50%;
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: #B59974;
	text-align: center;
	line-height: 1.4;
}
.elem-reser .elem1 .part-cir+.part-cir{
	margin-left: 125px;
}
.elem-reser .elem1 .part1:before,
.elem-reser .elem1 .part1:after{
	content: "";
	display: block;
	position: absolute;
	width: 44px;
	height: 4px;
	background-color: #B1B1B1;
	left: calc(50% - 22px);
	top: calc(50% - 2px);
}
.elem-reser .elem1 .part1:after{
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.elem-reser .elem1 .txt1{
	font-size: 24px;
	text-align: center;
	margin-top: 34px;
}
@media only screen and (max-width: 640px) {
	.elem-reser .elem1{
		padding: 30px 0;
	}
	.elem-reser .elem1 .part-cir{
		width: 135px;
		height: 135px;
		font-size: 11px;
	}
	.elem-reser .elem1 .part-cir+.part-cir{
		margin-left: 36px;
	}
	.elem-reser .elem1 .part1:before,
	.elem-reser .elem1 .part1:after{
		width: 16px;
		height: 2px;
		left: calc(50% - 8px);
		top: calc(50% - 1px);
	}
	.elem-reser .elem1 .txt1{
		font-size: 12px;
		margin-top: 15px;
	}
}


.elem-sq-ul+.com-part-mid{
	margin-top: 42px;
}
.elem-sq-ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 36px;
	padding-top: 34px;
}
.elem-sq-ul>li{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	padding-left: 45px;
	line-height: 1.4;
}



.elem-sq-ul>li:not(.blanks):before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 22px;
	height: 22px;
	border: 2px solid #707070;
}
@media only screen and (min-width: 641px) {
	.elem-sq-ul:not(.size3)>li:nth-child(2n - 1){
		width: 15em;
	}
	.elem-sq-ul:not(.size3)>li:nth-child(2n){
		width: calc(100% - 15em);
	}
	.elem-sq-ul.size2>li:nth-child(2n - 1){
		width: 21em;
	}
	.elem-sq-ul.size2>li:nth-child(2n){
		width: calc(100% - 21em);
	}
	.elem-sq-ul:not(.size3)>li:nth-child(n+3),
	.elem-sq-ul.size3>li:nth-child(n+4){
		margin-top: 1em;
	}
	.elem-sq-ul.size3>li{
		width: calc(100% / 3.001);
	}
}
@media only screen and (max-width: 640px) {
	.elem-sq-ul+.com-part-mid{
		margin-top: 21px;
	}
	.elem-sq-ul{
		padding-left: 15px;
		padding-top: 17px;
	}
	.elem-sq-ul>li:nth-child(2n - 1){
		width: 13em;
	}
	.elem-sq-ul>li:nth-child(2n){
		width: calc(100% - 13em);
	}
	.elem-sq-ul>li:nth-child(n+3){
		margin-top: 1em;
	}
	.elem-sq-ul>li{
		font-size: 10px;
		padding-left: 20px;
	}
	.elem-sq-ul>li:not(.blanks):before{
		top: 0.2em;
		width: 11px;
		height: 11px;
		border: 1px solid #707070;
	}
}


.elem-tips{
	position: relative;
	padding-left: 24px;
	font-size: 14px;
	margin-top: 1em;
}
.elem-tips:before{
	content: "?";
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	background-color: #666;
	color: #FFF;
	border-radius: 50%;
	left: 0;
	top: 0.1em;
}
@media only screen and (max-width: 640px) {
	.elem-tips{
		padding-left: 20px;
		font-size: 10px;
	}
	.elem-tips:before{
		width: 14px;
		height: 14px;
		font-size: 10px;
		line-height: 14px;
	}
}







.elem-faq>li+li{
	margin-top: 6px;
}
.part-titlebtn{
	cursor: pointer;
	background-color: #FFF;
}
.part-titlebtn .btn-accordion-part{	
	position: relative;
	width: 68px;
	height: 68px;
}
.part-titlebtn .btn-accordion-part:before,
.part-titlebtn .btn-accordion-part:after{
	content: "";
	position: absolute;
	display: block;
	width: 44px;
	height: 4px;
	background-color: #232429;
	left: calc(50% - 22px);
	top: calc(50% - 2px);
	-webkit-transition: transform 0.3s cubic-bezier(.4,0,.4,1);
			transition: transform 0.3s cubic-bezier(.4,0,.4,1);
}
.part-titlebtn .btn-accordion-part:after{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}
.part-titlebtn.open .btn-accordion-part:after{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
}
.part-titlebtn{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	min-height: 68px;
	padding: 39px 42px 35px 34px;
}

.part-titlebtn .txt{
	line-height: 1.4;
	flex: 1;
}
.part-titlebtn .part-title{
	font-size: 28px;
}
.part-titlebtn .lead{
	font-size: 18px;
	margin-top: 16px;
}
.part-titlebtnaft{
	background-color: #FFF;
	padding: 0 35px 60px;
}
.part-titlebtnaft *+[class^="part-title"]{
	margin-top: 1.6em;
}
.part-titlebtnaft [class^="part-title"]+[class^="part-title"]{
	margin-top: 0.4em;
}
.part-titlebtnaft *+.notes{
	margin-top: 1em;
}
.part-titlebtnaft *+.lead{
	margin-top: 0.5em;
}
.part-titlebtnaft *+.com-table,
.part-titlebtnaft *+.part-img{
	margin-top: 15px;
}
.part-titlebtnaft .part-title1b+*{
	margin-top: 15px;
}
.part-titlebtnaft .notes+.lead{
	margin-top: 1.5em;
}
.part-titlebtnaft [class^="part-title"]+.mklist{
	margin-top: 0.5em;
}
.part-titlebtnaft .mklist+.notes{
	margin-top: 0;
}
.part-titlebtnaft *+.wrap-btn{
	margin-top: 25px;
}
.part-titlebtnaft .lead{
	font-size: 18px;
}
.part-titlebtnaft .mklist{
	font-size: 14px;
}
.part-titlebtnaft .part-title1,
.part-titlebtnaft .part-title1b{
	font-size: 18px;
	color: #1b3a6a;
}
.part-titlebtnaft .part-title1b{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #1b3a6a;
}
.part-titlebtnaft .sizeS{
	font-size: 87.5%;
}

@media only screen and (max-width: 640px) {
	.elem-faq>li+li{
		margin-top: 3px;
	}
	.part-titlebtn .btn-accordion-part{	
		width: 32px;
		height: 32px;
	}
	.part-titlebtn .btn-accordion-part:before,
	.part-titlebtn .btn-accordion-part:after{
		width: 16px;
		height: 1px;
		left: calc(50% - 8px);
		top: calc(50% - 0.5px);
	}
	.part-titlebtn{
		padding: 20px 0 22px 13px;
		min-height: 54px;
	}

	.part-titlebtn .part-title{
		font-size: 14px;
	}
	.part-titlebtn .lead{
		font-size: 10px;
		margin-top: 8px;
	}
	.part-titlebtnaft{
		padding: 0 15px 40px;
	}
	.part-titlebtnaft *+.com-table,
	.part-titlebtnaft *+.part-img{
		margin-top: 10px;
	}
	.part-titlebtnaft .part-title1b+*{
		margin-top: 10px;
	}
	.part-titlebtnaft .mklist+.notes{
		margin-top: 0;
	}
	.part-titlebtnaft *+.wrap-btn{
		margin-top: 15px;
	}
	.part-titlebtnaft .lead{
		font-size: 16px;
	}
	.part-titlebtnaft .mklist{
		font-size: 12px;
	}
	.part-titlebtnaft .part-title1,
	.part-titlebtnaft .part-title1b{
		font-size: 16px;
	}
	.part-titlebtnaft .sizeS{
		font-size: 87.5%;
	}
}




.elem-contact .elem1{
	background-color: #FFF;
	padding: 71px 82px 82px;
}
.elem-contact .txt1{
	font-size: 21px;
	color: #B59974;
	text-align: center;
}
.elem-contact .part-title{
	font-size: 48px;
	color: #232429;
	text-align: center;
	margin-top: 16px;
}

.elem-contact .part1{
	background-color: #F8F8F8;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 45px;
	margin-top: 42px;
}
.elem-contact .part1 .com-supp{
	margin-top: 37px;
}
.elem-contact .part-btn{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #D6BD9C;
	width: 100%;
	height: 146px;
	font-size: 24px;
	margin-top: 62px;
}
.elem-contact .part-btn:after{
	content: "";
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	border-top: 2px solid #D6BD9C;
	border-right: 2px solid #D6BD9C;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	right: 63px;
	top: calc(50% - 11px);
}
.elem-contact .part-btn:before{
	content: "";
	display: block;
	width: 57px;
	height: 36px;
	background: url(../images/com-ico-mail.svg) no-repeat 50%;
	background-size: contain;
	margin-right: 62px;
}
@media only screen and (max-width: 640px) {
	.elem-contact .elem1{
		background-color: #FFF;
		padding: 34px 15px 40px;
	}
	.elem-contact .txt1{
		font-size: 10px;
	}
	.elem-contact .part-title{
		font-size: 24px;
		margin-top: 8px;
	}
	.elem-contact .part1{
		padding: 22px 10px;
		margin-top: 20px;
	}
	.elem-contact .part1 .com-supp{
		margin-top: 18px;
	}
	.elem-contact .part-btn{
		height: 71px;
		font-size: 12px;
		margin-top: 30px;
	}
	.elem-contact .part-btn:after{
		width: 11px;
		height: 11px;
		border-top: 1px solid #D6BD9C;
		border-right: 1px solid #D6BD9C;
		right: 20px;
		top: calc(50% - 5.5px);
	}
	.elem-contact .part-btn:before{
		width: 27px;
		height: 17px;
		margin-right: 20px;
	}
}

.elem-supp{
	padding-bottom: 0;
}
.elem-team{
	padding-top: 80px;
}
.elem-supp .elem1.com-coverbox:before{
	padding-top: 25.4%;
}
.elem-supp .elem1 .coverimg{
	background-image: url(../images/support-fv_pc.jpg);
}
.elem-supp .elem1 .coverimg{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.elem-supp .elem1 .coverimg .lead{
	font-size: 28px;
}
.elem-supp .elem2{
	justify-content: center;
	padding: 75px 0 65px;
}
.elem-supp .elem2>.box{
	width: 261px;
}
.elem-supp .elem2>.box+.box{
	margin-left: 80px;
}
.elem-supp .elem3{
	background-color: #FFF;
	padding: 80px;
}
.elem-supp .elem3 .part-logo{
	position: relative;
	/* width: 280px; */
	margin: 0 auto 47px;
	text-align: center;
}
.elem-supp .elem3 .part-logo img{
	width: 280px;
}
.elem-supp .elem3 .part-logo a{
	/* position: absolute;
	text-align: right;
	white-space: nowrap;
	bottom: 0;
	left: calc((280px) + 20px); */
	display: block;
	margin-top: 1em;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}
.elem-supp .elem3 .part1{
	justify-content: space-between;
	align-items: stretch;
}
.elem-supp .elem3 .box{
	width: calc(50% - 16px);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}
.elem-supp .elem3 .box>*{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.elem-supp .elem3 .part-title{
	height: 114px;
	background-color: #28292C;
	font-size: 26px;
	color: #E5D6C3;
	text-align: center;
}
.elem-supp .elem3 .part-title .sizeS{
	font-size: 70%;
}
.elem-supp .elem3 .part-lead{
	justify-content: flex-start;
	background-color: #F8F8F8;
	border: 1px solid #E5D6C3;
	border-top: none;
	color: #232429;
	font-size: 18px;
	font-weight: 500;
	padding: 1.5em 2.1em;
	line-height: 1.4;
	flex: 1;
}

@media only screen and (max-width: 640px) {
	.elem-team{
		padding-top: 40px;
	}
	.elem-supp .elem1.com-coverbox:before{
		padding-top: 46%;
	}
	.elem-supp .elem1 .coverimg{
		background-image: url(../images/support-fv_sp.jpg);
	}
	.elem-supp .elem1 .coverimg .lead{
		font-size: 14px;
	}
	.elem-supp .elem2{
		padding: 30px 20px 25px;
	}
	.elem-supp .elem2>.box{
		width: calc(50% - 15x);
	}
	.elem-supp .elem2>.box+.box{
		margin-left: 30px;
	}
	.elem-supp .elem3{
		padding: 40px 15px;
	}
	.elem-supp .elem3 .part-logo{
		/* text-align: center; */
		margin: 0 auto 23px;
	}
	.elem-supp .elem3 .part-logo img{
		width: 130px;
	}
	.elem-supp .elem3 .part-logo a{
		font-size: 12px;
	}
	.elem-supp .elem3 .part1{
		display: block;
	}
	.elem-supp .elem3 .box{
		width: 100%;
	}
	.elem-supp .elem3 .box+.box{
		margin-top: 15px;
	}
	.elem-supp .elem3 .part-title{
		height: auto;
		font-size: 13px;
		padding: 1em 1em;
	}
	.elem-supp .elem3 .part-title .sizeS{
		font-size: 70%;
	}
	.elem-supp .elem3 .part-lead{
		font-size: 10px;
	}
}




.elem-team .elem1.com-coverbox:before{
	padding-top: 34%;
}
.elem-team .elem1 .coverimg{
	background-image: url(../images/team-fv_pc.jpg);
	display: flex;
	align-items: center;
	padding-left: 107px;
}
.elem-team .elem1 .part1{
	position: relative;
	font-size: 28px;
}
.elem-team .elem1 .part1:after{
	content: "";
	position: absolute;
	display: block;
	
	height: 1px;
	background-color: #FFF;
	top: 0.8em;
	width: 7.8em;
	right: -7.3em
}
.elem-team .elem1 .part1 span{
	display: block;
	font-size: 70%;
}
.elem-team .elem1 .part2{
	position: absolute;
	width: 100%;
	font-size: 24px;
	text-align: center;
	left: 0;
	bottom: 2em;
}

/* .elem-team *{outline: 1px solid rgba(255, 255, 255, 0.213);} */
.elem-team .part-title-h3{
	font-size: 28px;
	text-align: center;
	margin-top: 160px;
	margin-bottom: 115px;
}
.elem-team .tele-elem>li+li{
	margin-top: 120px;
}
@media only screen and (min-width: 641px) {
	.elem-team .tele-elem>li:nth-child(even) .part-tele{
		flex-direction: row-reverse;
	}
	.elem-team .tele-elem>li:nth-child(odd) .part-tele>.img{
		padding-left: 130px;
	}
	.elem-team .tele-elem>li:nth-child(even) .part-tele>.img{
		padding-right: 130px;
	}
}




.elem-team .part-tele .part-title+*{
	margin-top: 30px;
}
.elem-team .part-tele .part-title{
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-left: 30px;
	padding-bottom: 33px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.elem-team .part-tele .p-s{
	position: absolute;
	left: 1em;
	top: 0.6em;
	font-size: 22px;
	font-weight: 600;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	line-height: 1;
	color: #D6BD9C;
}
.elem-team .part-tele .p-n{
	font-size: 80px;
	line-height: 1;
	letter-spacing: -0.03em;
	color: #D6BD9C;
}
.elem-team .part-tele .p-t{
	font-size: 24px;
	padding-left: 0.5em;
	letter-spacing: 0;
}
.elem-team .part-tele .notes.dot>li{
	font-size: 18px;
}
.elem-team .part-tele .notes.dot>li+li{
	margin-top: 2em;
}
.elem-team .part-tele .notes:not(.dot)>li{
	color: #B1B1B1;
	font-size: 14px;
	margin-top: 2.5em;
}

@media only screen and (max-width: 640px) {
	.elem-team .elem1.com-coverbox:before{
		padding-top: 61%;
	}
	.elem-team .elem1 .coverimg{
		background-image: url(../images/team-fv_sp.jpg);
		padding-left: 17px;
	}
	.elem-team .elem1 .part1{
		font-size: 14px;
	}
	.elem-team .elem1 .part1 span{
		display: block;
		font-size: 70%;
	}
	.elem-team .elem1 .part2{
		font-size: 12px;
	}
	.elem-team .part-title-h3{
		font-size: 14px;
		margin-top: 40px;
		margin-bottom: 35px;
	}
	.elem-team .tele-elem>li+li{
		margin-top: 45px;
	}
	.elem-team .tele-elem .part-tele{
		display: block;
	}
	.elem-team .tele-elem .part-tele>.box{
		width: 100%;
	}
	.elem-team .tele-elem .part-tele>.img{
		margin-top: 20px;
	}
	.elem-team .part-tele .part-title+*{
		margin-top: 14px;
	}
	.elem-team .part-tele .part-title{
		padding-left: 14px;
		padding-bottom: 15px;
	}
	.elem-team .part-tele .p-s{
		font-size: 11px;
	}
	.elem-team .part-tele .p-n{
		font-size: 39px;
	}
	.elem-team .part-tele .p-t{
		font-size: 12px;
	}
	.elem-team .part-tele .notes.dot>li{
		font-size: 12px;
	}
	.elem-team .part-tele .notes.dot>li+li{
		margin-top: 2em;
	}
	.elem-team .part-tele .notes:not(.dot)>li{
		font-size: 10px;
	}
}

.elem-team .elem2{
	background-color: #FFF;
	border: 1px solid #707070;
	padding: 40px 40px 60px;
	margin-top: 40px;
}
.elem-team .elem2{
	color: #000;
}
.elem-team .elem2>*+.com-part-mid{
	margin-top: 40px;
}
.elem-team .elem2 .notes{
	padding-left: 20px;
	margin-top: 4px;
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (min-width: 641px) {
	.elem-team .elem2 .notes:nth-child(4){
		width: 82%;

	}
}
.elem-team .elem2 .notes>li{
	font-size: 18px;
	font-weight: bold;
	margin-right: 2.5em;
	margin-top: 12px;
}
@media only screen and (max-width: 640px) {
	.elem-team .elem2{
		padding: 20px 20px 30px;
		margin-top: 20px;
	}
	.elem-team .elem2>*+.com-part-mid{
		margin-top: 20px;
	}
	.elem-team .elem2 .notes{
		padding-left: 10px;
		margin-top: 2px;
	}
	.elem-team .elem2 .notes>li{
		font-size: 10px;
		margin-top: 6px;
	}
}



.elem-course .elem1+.elem1{
	margin-top: 80px;
}
.elem-course .elem1{
	padding: 58px 60px 80px;
}
.elem-course .part1{
	justify-content: space-between;
}
.elem-course .part1>.box{
	width: calc(50% - 24px);
}
.elem-course .part1 .title-h4{
	background-color: #28292C;
	font-size: 28px;
	color: #FFF;
	padding: 1em 1.4em;
}
.elem-course .part1 .txt .lead{
	font-size: 18px;
	margin-top: 2em;
}
.elem-course .part1 .img{
	padding-left: 32px;
}
.elem-course .part1+.part2{
	margin-top: 70px;
}
.elem-course .part2 .com-title-dot{
	margin-bottom: 35px;
}
.elem-course .part2 .com-part-mid+.lead{
	margin-top: 1em;
}
.elem-course .part2-in+.com-part-mid{
	margin-top: 44px;
}
.elem-course .part2 .com-part-mid{
	font-size: 24px;
}
.elem-course .part2 .lead{
	font-size: 18px;
}
.elem-course .part2 .notes,
.elem-reser .elem2>.notes{
	font-size: 18px;
	font-weight: 500;
	padding-left: 25px;
	margin-top: 40px;
}
.elem-course .part2-in{
	background-color: #FFF;
	padding: 47px 23px 60px;
	margin-top: 20px;
}
.elem-course .part2-in .lead{
	font-weight: 500;
}
.elem-course .part2-in .com-title-h6+.lead{
	margin-top: 0.6em;
}
.elem-course .part2-in .lead+.com-title-h6{
	margin-top: 2.6em;
}
.elem-course .part2-in .lead{
	font-weight: bold;
}
.elem-course .part2-in .com-title-h6+.lead{
	font-weight: 500;
}
@media only screen and (max-width: 640px) {
	.elem-course .elem1+.elem1{
		margin-top: 30px;
	}
	.elem-course .elem1{
		padding: 15px 15px 30px;
	}
	.elem-course .part1{
		display: block;
	}
	.elem-course .part1>.box{
		width: 100%;
	}
	.elem-course .part1 .title-h4{
		font-size: 14px;
	}
	.elem-course .part1 .txt .lead{
		font-size: 10px;
	}
	.elem-course .part1 .img{
		padding-left: 0;
		margin-top: 20px;
	}
	.elem-course .part1+.part2{
		margin-top: 20px;
	}
	.elem-course .part2 .com-title-dot{
		margin-bottom: 12px;
	}
	.elem-course .part2-in+.com-part-mid{
		margin-top: 22px;
	}
	.elem-course .part2 .com-part-mid{
		font-size: 12px;
	}
	.elem-course .part2 .lead{
		font-size: 10px;
	}
	.elem-course .part2 .notes,
	.elem-reser .elem2>.notes{
		font-size: 10px;
		padding-left: 12px;
		margin-top: 10px;
	}
	.elem-course .part2-in{
		padding: 23px 15px 30px;
		margin-top: 10px;
	}
}


.elem-course .cont2{
	padding: 80px 60px 0;
}
.elem-course .cont2 .part-title{
	font-size: 28px;
	color: #B59974;
	text-align: center;
	margin-bottom: 80px;
}
.com-table table{
	table-layout: fixed;
	width: 100%;
}
.com-table th[colspan]{
	background-color: #28292C;
	border: 1px solid #707070;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	text-align: center;	
}
.com-table table tr>*{
	padding: 20px 0.5em;
	text-align: center;
	border: 1px solid #E5D6C3;
	vertical-align: middle;
}
.com-table table th:not([colspan]){
	font-size: 21px;
	font-weight: bold;
	background-color: #F8F8F8;
}
.com-table table td{
	font-size: 34px;
	color: #B59974;
}
.com-table table td .sizeS{
	color: #747474;
	font-size: 62%;
}
@media only screen and (max-width: 640px) {
	.elem-course .cont2{
		padding: 30px 0 0;
	}
	.elem-course .cont2 .part-title{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.com-table table{
		table-layout: auto;
		width: 100%;
	}
	.com-table th[colspan]{
		font-size: 14px;
	}
	.com-table table tr>*{
		padding: 10px 0.5em;
	}
	.com-table table th:not([colspan]){
		font-size: 12px;
		width: 10em;
	}
	.com-table table td{
		font-size: 16px;
	}
}