body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	-webkit-text-size-adjust: 100%;
}
body,td,th {font-family: "Noto Sans JP", 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
    font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);/* 13px 16px */
    line-height: 1.5;
    color: #231815;
}

img{
	border-style:none;
display: block;
margin: 0;
padding: 0;
}

    object,  
    embed {  
        vertical-align: top;  
    }  

iframe{
    vertical-align:bottom;
}

.jim1 {
	color: #ffffff;
	font-size: clamp(0.75rem, 0.682rem + 0.34vw, 0.938rem);/* 12px 15px */
}

.jim2 {
	color: #231815;
	font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);/* 11px 13px */
	padding-left: 0.5em;
}

.new {
	font-size: 14px;
	line-height: 22px;
}

.copy {
	font-size: 12px;
	color: #ffffff;
}


.day {
	font-size: 18px;
	font-weight: bold;
}


.title_1 {
  font-size:clamp(1rem, 0.773rem + 1.14vw, 1.625rem);/* 16px 26px */
  color:#ffffff;
  margin:0px;
  font-weight:bold;
}

.title_2 {
  font-size:clamp(0.938rem, 0.733rem + 1.02vw, 1.5rem);/* 15px 24px */
  color:#3A499C;
  padding-bottom: 0.3em;
  font-weight:bold;
}


.red {
	color:#FF0004
}

a.mail:link {
text-decoration : underline;
color : #ffffff;
}
a.mail:visited { color: #ffffff; }
a.mail:hover { color: #ffffff; }
a.mail:active { color: #ffffff; }

.shozoku {
	font-size: 12px;
}

.br_span{
display: inline-block;
}

.topimg {
  background-image: url('title_back.svg');
  background-repeat:no-repeat;
  background-size: 100%;
}


.btn-border1 {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #57C3EA;
  border: 1px solid #57C3EA;
  font-style: normal;
  font-size: 15px; /*14px 16px */
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  padding: 0.7em;
  border-radius: 50px;
  transition: .3s;
}

.btn-border1:hover {
  background-color: #ffffff;
  border-color: #57C3EA;
  color: #57C3EA;
}

.btn-border2 {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #FF9995;
  border: 1px solid #FF9995;
  font-style: normal;
  font-size: 15px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  padding: 0.7em;
  border-radius: 50px;
  transition: .3s;
}

.btn-border2:hover {
  background-color: #FF9995;
  border-color: #FF9995;
  color: #ffffff;
}

.btn-border2no {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
  font-style: normal;
  font-size: 15px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  padding:  0.7em;
  border-radius: 50px;
  transition: .3s;
}

.button002 a {
    background: #ffffff;
    border-radius: 6px;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 0.5em;
    max-width: 100%;
    padding: 0.7em 0.5em 0.7em 1em;
	font-size: 15px;
	font-weight: 600;
    color: #494b4a;
    transition: 0.3s ease-in-out;
	text-decoration: none;
}
.button002 a:hover {
    background: linear-gradient(to right, #3A499C, #9AA9D1);
    color: #ffffff;
	opacity: 1.0;
}
.button002 a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button002 a:hover:after {
    border-color: #ffffff;
}

.btn-border3{
  display: inline-block;
  opacity: 0.9;
  width: 100%;
  text-align: left;
  background-color: #F4F9FC;
  border: 0px solid #fef6e5;
  font-style: normal;
  font-size: 15px;
  color: #bfbfbf;
  text-decoration: none;
  font-weight: 600;
  padding: 0.7em 0.5em 0.7em 1em;
  border-radius: 6px;
  transition: .3s;
  margin-bottom: 0.5em;
}