@charset "utf-8";


/*-------------------------------
	sec message
-------------------------------*/

.ar_message .affe_img {
	width:32rem;
}

.ar_message .affe_img figcaption {
	text-align:center;
	display: block;
	font-size:1.6rem;
	color:#999999;
	letter-spacing: 0.04em;
	line-height:2;
}

.ar_message .affe_txt {
	width:calc(100% - 32rem);
	padding-right:min(7rem,6.25%);
}

.ar_message .affe_txt p {
	line-height:2;
}

.ar_message .affe_txt p:not(:last-of-type) {
	margin-bottom:1em;
}

.ar_message .affe_txt p span {
	font-size:1.8rem;
}

/*-------------------------------
	ar company
-------------------------------*/

.ar_company {
	padding:12rem 0 0;
}

.com_wrap {
	padding-bottom:10rem;
	position:relative;
}

/* width 42vw = 530px / 1260px */

.com_sec {
	position:relative;
	width:42vw;
	height:42vw;
	max-width:53rem;
	max-height:53rem;
	padding:1rem;
	overflow: visible;
}

.com_sec02 {
	margin-top:min(16rem,12.7vw);
}

.com_sec::before {
	content:"";
	display: block;
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid #00AFCC;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

/*-------------------------------
	bg medicine
-------------------------------*/

.bg_medicine01 {
	bottom:0rem;
	right:-7%;
}

.bg_medicine02 {
	bottom:4rem;
	left:-23%;
}

.bg_medicine03 {
	top:-2rem;
	left:-14%;
	transform:rotate(100deg);
}

.bg_medicine04 {
	top:-14rem;
	right:-15%;
}

.bg_medicine05 {
	left:40%;
	top:18rem;
	transform:rotate(-50deg);
}

/*-------------------------------
	dl company
-------------------------------*/

.dl_company {
	max-width:90rem;
	margin:0 auto;
}

.dl_company dt,
.dl_company dd {
	font-size:2rem;
	font-weight:500;
	line-height:1.6;
	letter-spacing: 0.04em;
	padding:1em 1.5em;
}

.dl_company dt {
	width:25%;
	display: flex;
	align-items: center;
	color:#999;
}

.dl_company dd {
	width:75%;
}

/*-------------------------------
	ver sp
-------------------------------*/

@media screen and (max-width:768px) {

/*-------------------------------
	sec message
-------------------------------*/

.ar_message .affe_img {
	width:100%;
	order:-1;
	margin-bottom:2rem;
}

.ar_message .affe_txt {
	width:100%;
	padding-right:0;
}

.ar_message .affe_txt p {
	line-height:2;
}

.ar_message .affe_txt p:not(:last-of-type) {
	margin-bottom:1em;
}

.ar_message .affe_txt p span {
	font-size:1.8rem;
}

.ar_message .com_name {
	text-align: right;
	margin-top:2em;
}

/*-------------------------------
	ar company
-------------------------------*/

.ar_company {
	padding:8rem 0 0;
}

.com_wrap {
	padding-bottom:8rem;
	position:relative;
}

/* width 42vw = 530px / 1260px */

.com_sec {
	width:31.5rem;
	height:31.5rem;
	max-width:100%;
	max-height:100%;
	padding:0;
}

.com_sec02 {
	margin-top:6rem;
}

.com_sec::before {
	width:33.5rem;
	height:33.5rem;
}

.com_sec .h_title {
	margin-bottom:0.5em;
}

/*-------------------------------
	bg medicine
-------------------------------*/

.bg_medicine01 {
	bottom:0rem;
	right:-7%;
}

.bg_medicine02 {
	bottom:0rem;
	left:-23%;
}

.bg_medicine03 {
	top:-2rem;
	left:-5%;
	transform:rotate(100deg);
}

.bg_medicine04 {
	top:-8rem;
	right:-25%;
}

.bg_medicine05 {
	left:60%;
	top:28rem;
	transform:rotate(-50deg);
}

/*-------------------------------
	dl company
-------------------------------*/

.dl_company {
	max-width:100%;
	margin:0 auto;
}

.dl_company dt,
.dl_company dd {
	font-size:1.8rem;
	padding:0;
}

.dl_company dt {
	width:100%;
	display:block;
	border:none;
	padding:1em 0 0 0;
}

.dl_company dd {
	width:100%;
	padding:0.15em 0 1em 0;
}

} /* end 768px */