@charset "utf-8";
/* ==========

    全体共通
   ========== */
   
body{
 margin: 0;
 padding: 0;
 overflow-x: hidden;
}

#WRAPPER{
	width:100%;
	font-size:100%;
	margin: 0;
	padding:0;
}

header#HEADER{
	width:100%;
	padding:0 0 0 0;
	background:none;
}

div.HeaderCont{
position:relative;
width:100%;
margin: 0 auto;
}

header#HEADER h1{
position:absolute;
left:10px;
top:10px;
width:50%;
}

div.TopImgPC{
display: none;
}

div.TopImgSP{
display: block;
	width:100%;
	margin-bottom:20px;
}

div.TopNayami{
	width:95%;
	margin:0 auto 20px auto;
}

div.TopNayamiL{
width:100%;
	float: none;
	text-align: center;
}

div.TopNayamiR{
width:100%;
	float: none;
	padding:20px 0;
	font-size:70%;
	line-height: 1.5em;
	text-align:center; 
}

p.TopTxt01{
margin-bottom:30px;
font-size:120%;
font-weight: 500;
font-style: normal;
text-align: center;
line-height: 1.5em;
color: #E60012;
}

span.marker {
    background: linear-gradient(transparent 70%, #FFF133 70%);
}

h3.Ttl{
width:50%;
margin-bottom: 30px;
padding-top:30px;
padding-bottom:5px;
text-align: right;
font-size:120%;
  font-weight: 500;
  font-style: normal;
  border-bottom:5px solid #00529D;
  color: #00529D;
}

h3.Ttl02{
width:40%;
margin-bottom: 30px;
padding-top:30px;
padding-bottom:5px;
text-align: right;
font-size:120%;
  font-weight: 500;
  font-style: normal;
  border-bottom:5px solid #00529D;
  color: #00529D;
}

div.BgYellow{
	width:100%;
	padding:0 0 20px 0;
	background:#FBFAD9;
}

div.TokucyouBox{
	width:95%;
	margin: 0 auto 30px auto;
}

div.TokucyouBoxL{
	width:100%;
	float: none;
}

div.TokucyouBoxL img{
	width:100%;
}

dl.TokucyouBoxR{
	width:100%;
	float: none;
}

dl.TokucyouBoxR dt{
	width:100%;
	margin-bottom:10px;
color:#FFA845;
font-size:100%;
}

dl.TokucyouBoxR dt p{
	float: left;
	padding:15px 0 0 10px;
display: table;
vertical-align: middle;
font-size:100%;
  font-weight: 500;
  font-style: normal;
}

dl.TokucyouBoxR dt p.Txt02{
	float: left;
	padding:5px 0 0 10px;
display: table;
vertical-align: middle;
font-size:100%;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5em;
}

dl.TokucyouBoxR dd{
width:95%;
margin: 0 auto;
font-size:90%;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5em;
}

div.Number{
float: left;
  width: 40px;
  height: 40px;
  margin:10px 0 0 10px;
  padding-top: 5px;
  background-color: #FFA845;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size:100%;
}

div.RyokinBoxWrap{
	width:95%;
	margin: 0 auto 30px auto;
}

div.RyokinBoxWrap dl{
box-sizing: border-box;
width:100%;
float: none;
margin: 0 auto 20px auto;
	border:5px solid #00529D;
}

div.RyokinBoxWrap dl dt{
	padding:15px 15px 0 15px;
}

div.RyokinBoxWrap dl dt img{
	width:100%;
}

div.RyokinBoxWrap dl dd{
	padding:15px;
}

p.RyokinTxt01{
	font-size:110%;
}

p.RyokinTxt02{
	font-size:95%;
	line-height: 1.5em;
}


div.mailform{
	width:90%;
	margin: 0 auto 30px auto;
}

div.mailform dl{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

div.mailform dl dt{
  width: 100%;
  padding-right:0px;
  margin-bottom: 5px;
	text-align: left;
}


div.mailform dl dd{
  width: 100%;
  margin-bottom: 10px;
}

.SizeL{
	padding:5px;
	width:100%;
	box-sizing: border-box;
}

div.ContactFormBtn{
	width:80%;
	margin: 20px auto 50px auto;
}

div.ContactFormBtn input{
	width:100%;
	padding:20px;
	background:#FFA845;
	color:#fff;
	border-radius: 10px;
  font-weight: 500;
  font-style: normal;
  border:none;
  cursor:pointer;
}

#FOOTER{
	width:100%;
}

p#pagetop {
z-index: 9999;
 position: fixed;
 bottom: 10px;
 right: 10px!important;
 width:80px;
 height:80px;
 }


div.FooterCopy{
	width:100%;
	padding:10px 0;
	text-align: center;
	font-size: 70%;
	background: #00529D;
	color: #fff;
}

br.kaigyo{
	display:block;
}

br.kaigyo02{
	display:block;
}