@charset "UTF-8";

/*=============================================================
　index.html
=============================================================*/

.mail_area {
	padding: 60px 80px;
	margin: 0 0 80px 0;
	border: solid 2px #6bc7ac;
}
.mail_area p {
	margin: 0;
	padding: 0;
}
.mail_area ul {
	padding: 0;
	margin: 15px 0 40px 0;
}
.mail_area ul li {
	font-size: 90%;
	line-height: 1.5em;
}
@media (max-width: 640px) {
.mail_area {
	padding: 30px 20px;
	margin: 0 0 60px 0;
}
.mail_area ul {
	padding: 0;
	margin: 15px 0 30px 0;
}
}

.privacy,
.privacy ul{
	margin: 0;
	padding: 0;
}
.privacy p {
	padding: 0px;
	margin: 0 0 25px 0;
	font-weight: bold;
}
.privacy ul li{
	line-height: 1.6em;
	margin: 0 0 10px 0;
}
.privacy ul li:last-child {
	margin: 0;
}
@media (max-width: 640px) {
.privacy{
	width: 90%;
	margin: 0 auto;
}
.privacy ul li{
	font-size: 90%;
}
}

/*=============================================================
　yoyaku.html
=============================================================*/

.first_yoyaku_area {
	background-color: #FFFFFF;
	padding: 80px;
	margin: 0;
}
@media (max-width: 640px) {
.first_yoyaku_area {
	padding: 30px 20px;
}
}

.first_yoyaku_kakoi {
	text-align: center;
	margin: 0 0 30px 0;
}
.first_yoyaku_kakoi p{
	padding: 15px 20px;
	font-size: 130%;
	font-weight: bold;
	border: solid 1px rgba(220,0,3,1.00);
	display: inline-block;
	text-align: center;
	color: rgba(220,0,3,1.00);
}
.first_yoyaku_text {
	margin: 0 0 20px 0;
	font-size: 110%;
	line-height: 1.8em;
	text-align: center;
}
@media (max-width: 640px) {
.first_yoyaku_kakoi p{
	display: block;
	width: 100%;
}
.first_yoyaku_text {
	text-align: left;
}
}

.first_yoyaku {
	margin: 0;
	padding: 30px 50px;
	background-color: rgba(245,245,245,0.8);
	display: flex;
	flex-direction: column;
	gap:20px;
}
.first_yoyaku_inner {
	margin: 0;
	padding: 0;
}
.first_yoyaku_inner_title {
	font-weight: bold;
	font-size: 110%;
	border-left: 3px solid #6bc7ac;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}
.first_yoyaku_inner_text {
	padding: 0;
	margin: 0;
}
@media (max-width: 640px) {
.first_yoyaku {
	padding: 30px;
}
.first_yoyaku_inner_title {
	margin: 0 0 10px 0;
}
}

.inquiries_area {
display: flex;
justify-content: space-between;
gap:40px;
margin: 0 0 80px 0;
}
.inquiries_inner {
width: 50%;
padding: 80px 30px 30px 30px;
border: solid 2px #6bc7ac;
position: relative;
text-align: center;
}
@media (max-width: 640px) {
.inquiries_area {
flex-direction: column;
align-items:center;
gap:30px;
margin: 0 0 60px 0;
}
.inquiries_inner {
padding: 80px 15px 30px 15px;
width: 90%;
margin: 0 auto;
}
}

.inquiries_title {
position: absolute;
top: 0;
left: 0;
background-color: #6bc7ac;
padding: 15px;
width: 100%;
font-size: 130%;
font-weight: bold;
color: #fff;
letter-spacing: 0.1em;
}
.inquiries_picture {
border-radius: 50%;
margin: 0 0 30px 0;
}
.inquiries_text_mx {
font-size: 280%;
line-height: 1.2em;
font-weight: bold;
}
.inquiries_text_mx i{
font-size: 30px;
vertical-align: 3px;
margin-right: 5px;
}
.inquiries_text_mx a{
text-decoration: none;
}
.inquiries_text_min {
margin: 10px 0 0 0;
}
@media (max-width: 640px) {
.inquiries_picture {
margin: 0 0 20px 0;
}
.inquiries_text_mx {
font-size: 200%;
line-height: 1.2em;
font-weight: bold;
}
.inquiries_text_mx i{
font-size: 25px;
}
.inquiries_text_min {
font-size: 90%;
}
}

.counseling_area{
padding: 50px;
width: 100vw;
margin-left: calc(50% - 50vw);
}
@media (max-width: 640px) {
.counseling_area{
padding: 50px 0;
}
}

/*=============================================================
　thanx.html
=============================================================*/

.mail_thanks {
	padding: 80px;
	margin: 0;
	border: solid 2px #6bc7ac;
}
.mail_thanks_txt {
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 110%;
}
.mail_thanks ul {
	margin: 0 0 20px 0;
}
.mail_thanks ul li {
	font-size: 90%;
	line-height: 1.5em;
	margin: 1% 0;
}
.mail_thanks_tel {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 20px 0;
}
.mail_thanks_tel a{
	text-decoration: none;
}
.mail_thanks_tel span{
	font-size: 160%;
	color: #6bc7ac;
}
@media (max-width: 640px) {
.mail_thanks {
	padding: 30px;
}
.mail_thanks ul li {
	margin: 5% 0;
}
}