@charset “UTF-8”;

.link-btn2 {
	position: relative;
	display: inline-block;
	border: 1px solid currentColor;
	color: #033775;
	text-align: center;
	min-width: 380px;
	padding: 7px 50px 7px 40px;
	margin: 30px 0;
}

.link-btn2::after {
	content: '→';
	position: absolute;
	right: 20px;
	transition: .3s, color .1s ease-out;
}

.link-btn2:hover {
	background: #033775;
	color: #fff;
	opacity: 1;
}

.link-btn2:hover::after {
	right: 12px;
}

.link-btn2.docter {
	background: #4695ce;
	color: #fff;
}

.link-btn2.docter:hover {
	background: #fff;
	color: #4695ce;
}

.link-btn2.blueL:hover {
	background: #007afe;
	color: #fff;
}


/* base白 */

.link-btn3 {
	position: relative;
	display: inline-block;
	border: 1px solid currentColor;
	color: #033775;
	text-align: center;
	min-width: 380px;
	padding: 7px 50px 7px 40px;
	margin: 30px 0;
	background-color:rgba(255,255,255,0.9);
}

.link-btn3::after {
	content: '→';
	position: absolute;
	right: 20px;
	transition: .3s, color .1s ease-out;
}

.link-btn3:hover {
	background: #033775;
	color: #fff;
	opacity: 1;
}

.link-btn3:hover::after {
	right: 12px;
}

.link-btn3.docter {
	background: #fff;
	color: #4695ce;
}

.link-btn3.docter:hover {
	background: #4695ce;
	color: #4695ce;
}

.link-btn3.blueL:hover {
	background: #007afe;
	color: #fff;
}


/* base紺 */

.link-btn4 {
	position: relative;
	display: inline-block;
	border: 1px solid currentColor;
	color: #fff;
	text-align: center;
	min-width: 380px;
	padding: 7px 50px 7px 40px;
	margin: 30px 0;
	background-color: #033775;
}

.link-btn4::after {
	content: '→';
	position: absolute;
	right: 20px;
	transition: .3s, color .1s ease-out;
}

.link-btn4:hover {
	background-color:rgba(255,255,255,0.9);
	color: #033775;
	opacity: 1;
}

.link-btn4:hover::after {
	right: 12px;
}

.link-btn4.docter {
	background: #4695ce;
	color: #fff;
}

.link-btn4.docter:hover {
	background: #fff;
	color: #4695ce;
}

.link-btn4.blueL:hover {
	background: #007afe;
	color: #fff;
}



.kadomaru20 {
	border-radius: 20px;
}

.kadomaru30 {
	border-radius: 30px;
}
/* index2.css---303~307 参照 */


/*--------------------------
id="care"  id="index"
----------------------------*/
@media (max-width: 850px) {
	#care .link-btn4 {
		min-width: 96%;
	}

/* sp → index2.css */
/* index  */
	#index #index_menberSp div .link-btn2 {
		position: relative;
		display: inline-block;
		border: 1px solid currentColor;
		color: #fff;
		text-align: center;
		min-width: 98%;
    	padding: 5px 50px 5px 40px;
		margin: 30px 0;
	}

	#index #index_menberSp div .link-btn2::after {
		content: '→';
		position: absolute;
		right: 20px;
		transition: .3s, color .1s ease-out;
}

	#index #index_menberSp div .link-btn2:hover {
		background: #033775;
		color: #fff;
		opacity: 1;
}

	#index #index_menberSp div .link-btn2:hover::after {
		right: 12px;
}
}