@charset "UTF-8"; 

body	{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #444;
	padding-top: 30px;
}
p , .p	{
	font-size: 16px;
	line-height: 1.7;
	text-align: justify;
	margin-bottom: 0rem;
	letter-spacing: -0.2px;
}

@media (min-width: 1200px) {
    .container {
        max-width:1135px
    }
}



.font-size12	{
	font-size: 1.2em;
}
.font-size15	{
	font-size: 1.5em;
}
.font-size20	{
	font-size: 2em;
}
.font-size25	{
	font-size: 2.5em;
}

.bg-col_my	{
	background-color: #00A08E;
}
.bg-col_main	{
	background-color: #EF8200;
}
.bg-col_sub	{
	background-color: #5E92CD;
}
.ft-col	{
	color: #444;
}
.ft-col_my	{
	color: #00A08E;
}
.ft-col_attention	{
	color: #E95377;
}
.ft-col_main	{
	color: #009FE8;
	font-weight: 700;
}
.lh12	{
	line-height: 1.2;
}
.lh15	{
	line-height: 1.5;
}
.child {
  display: flex;
  align-items: center;
}

img	{
	max-width: 100%;
}
img a:hover	{
	opacity: 0.5;
}
.ind	{
	margin-left: 1em;
	text-indent: -1em;
}


header	{
    text-align: right;
    margin-bottom: 30px;	
}
header img	{
	width: 150px;
}

h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    line-height: 1.2;
    color: inherit;	
	position: relative;
	font-size: 2em;
	line-height: 1.4;
	margin-bottom: 30px;
}


.main-pc {
	display: none;
}
.main-sp {
	display: block;
	max-width: 100vw;
	margin: 0 calc(50% - 50vw);
}
h1 span {
	position: absolute;
    top: 5%;
    left: 3%;
    width: 94%;
    color: #fff;
    font-size: min(6vw,30px);
}

@media (min-width: 576px) {
	.main-sp {
	    width: 100%;
	    margin: 0 auto
	}
}

@media (min-width: 768px) {
	.main-pc {
		display: block;
	}
	.main-sp {
		display: none;
	}
	h1 span {
	    top: 10%;
	    left: 4.5%;
	    width: 56%;
	    font-size: 75%;
	}
}

@media (min-width: 992px) {
	h1 span {
	    top: 12%;
	    font-size: 90%;
	}
}



h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    line-height: 1.2;
}





.table td, .table th {
    padding: .5rem;
}
.table-title	{
	background: #ffedb5!important;
	font-size: 0.9em;
	font-weight: 700;
	padding-left: 2rem!important;
}
.table-title__new::before {
  content: '';
  position: absolute;
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-image: url(../img/icon-new.png);
  background-size: contain;
  vertical-align: middle;
  margin-left: -45px;
  margin-right: 10px;
}
@media (min-width: 768px) {
	.table td, .table th {
	    padding: .75rem;
	}
	.table-title	{
		font-size: 1em;
		padding-left: 2rem!important;
	}
	.table-title__new::before {
	  content: '';
	  position: absolute;
	  width: 50px;/*画像の幅*/
	  height: 50px;/*画像の高さ*/
	  background-image: url(../img/icon-new.png);
	  background-size: contain;
	  vertical-align: middle;
	  margin-left: -60px;
	  margin-right: 10px;
	}
}
@media (min-width: 992px) {
.table-title	{
		font-size: 1em;
	}
	.table-title__new::before {
	  content: '';
	  position: relative;
	  display: inline-block;
	}
}
@media (min-width: 1200px) {
	.table-title	{
		font-size: 1.1em;
	}
}



.table th , .table td	{
	vertical-align: middle;
}
.table-bordered td, .table-bordered th	{
	border: 1px solid #999;
}
.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #999;
}





.attentionArea	{
	margin-top: 30px;
	margin-bottom: 30px;
	border: solid 3px red;
	border-radius: 10px;
	padding: 15px 10px 12px 10px;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
}
.attention	{
	background: linear-gradient(transparent 70%, yellow 70%);
}



.contents	{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}


a.link-btn	{
	margin: 0px;
	min-width: 80px;
}

@media (min-width: 768px) {
	.contents	{
		max-width: 700px;
		margin: 0 auto;
	}
	a.link-btn	{
		margin: 10px;
		min-width: 170px;
	}
}
@media (min-width: 992px) {
	.contents	{
		max-width: 900px;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.contents	{
		max-width: 1000px;
		margin: 0 auto;
	}
}



h2 {
    border-left: 6px solid #00a08e;
    padding: 5px 10px;
    margin-top: 50px;
	font-size: 1.2em;
    line-height: 1.4;
    text-wrap: balance;	
}

.info	{
	margin-top: 10px;
}
.info-inner	{
    border: solid 1px #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
}

.info h4 {
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
}
.info h4::after {
    content: "";
    display: block;
    border-bottom: 2px solid #fff;
    width: 30px;
    margin: 5px auto 10px;

}
.info-tel	{
    background-image: url(../img/info_bg_tel.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
/*
    background-size: 100%;
    height: 210px;
*/
	padding: 20px;
 
}

.info-mail	{
    background-image: url(../img/info_bg_mail.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
/*
    background-size: 100%;
    height: 210px;
*/
	padding: 20px;
}

.info-tel__num {
	font-size: 1.8em;
	font-weight: bold;
	color: #ffc000;
	text-align: center;
	margin-top: 20px;
}

.info-tel__num a {
	color: #ffc000;
	text-decoration: none;	
}
.info-tel__num a[href*="tel:"]{
  text-decoration: none;
  pointer-events: none;
}

@media screen and (max-width: 640px) {
  .info-tel__num a[href*="tel:"]{
    pointer-events: auto;
  }
}

.info-tel__txt ,
.info-mail__txt	{
	font-size: 0.75em;
	color: #fff;
	text-align: center;
}

.info-guard {
	margin-top: 10px;
	font-size: 0.75em;
	line-height: 1.3;
}

.btn-mail	{
	background: #ffc000;
}
.btn-mail:hover	{
	background: #ebb205;
}



.consultation	{
	border: solid 1px #00a08e;
    border-radius: 10px;
    padding: 25px;
    max-width: 850px;
    margin: 30px auto;
}

.flex	{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
h3 {
	font-size: 1.1rem;
	font-weight: bold;
	margin-top: 50px;
}
h3:before {
	content:"■";
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 2px 0;
	color: #00a08e
}

.guard-txt	{
    margin-top: 10px;
	margin-left: 1em;
    text-indent: -1em;
    font-size: 80%;
	
}

footer	{
    margin-top: 50px;
    text-align: center;	
}
footer img	{
	width: 150px;
}
footer small	{
	display: block;
    margin: 30px 0;	
    font-size: 10px;
}



@media (max-width: 767px) {
	body {
		padding-top: 20px;
	}
	.info	{
		display: block;
	}
	.info-mail	{
		margin-top: 10px;
	}
	header {
	    margin-bottom: 20px;
	}
	header img,
	footer img {
		width: 120px;
	}
	footer small {
	    margin: 20px 0;
	}
}

@media (max-width: 576px) {
	h2 {
		margin-top: 40px;
	}
	h3 {
		margin-top: 40px;
	}
	h4 {
		margin-bottom: 20px;
	}
	p, .p {
	    font-size: 14px;
	    line-height: 1.5;
	    margin-bottom: 5px;
	}
	.link-btn {
		font-size: 14px;
		line-height: 1.3;
	}
	.info-tel__txt, .info-mail__txt {
		margin-top: 5px;
	}
	.info-tel,
	.info-mail	{
		min-height: 190px;
	}
	.info-mail {
		margin-top: 15px;
	}
}