@charset "utf-8";
/* CSS Document */



@media screen and (min-width: 1100px){
	
	
	
body {
    width: 1100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 150%;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
img {
	max-width: 100%;
}


.title {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.up-down-margin-S {
	margin-top: 15px;
	margin-bottom: 30px;
}
.up-down-margin-M {
	margin-top: 30px;
	margin-bottom: 60px;
}


.text01 {
	font-size: 30px;
	font-weight: bold;
	color: #000278;
	margin-top: 50px;
	}
	

.text-center {
	text-align: center;
}






dl,
dt,
dd {
  box-sizing: border-box;
	text-align: left
}
dl {
	background: #eee;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 90%;
	display: block;
}
dt,
dd {
  padding: 10px 10px 0 10px;
  border-top: 2px solid #F3F7FB;
}
dt {
  width: 25%;
  float: left;
	
}
dd {
  background: #fff;
  margin-left: 25%;
  padding-bottom: 10px;
}
dd:after {
  content: '';
  display: block;
  clear: both;
}
.form-S {
	width: 30%;
	font-size: 25px;
}
.form-M {
	width: 50%;	
	font-size: 25px;
}
.form-L {
	width: 70%;	
	font-size: 25px;
}
	
	
	

	
}







































@media all and (max-width:1099px){
	
	
body {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 150%;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}


.title {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.up-down-margin-S {
	margin-top: 15px;
	margin-bottom: 30px;
}
.up-down-margin-M {
	margin-top: 30px;
	margin-bottom: 60px;
}


.text01 {
	font-size: 30px;
	font-weight: bold;
	color: #000278;
	margin-top: 50px;}

.text-center {
	text-align: center;
}






dl,
dt,
dd {
  box-sizing: border-box;
	text-align: left
}
dl {
	background: #eee;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 90%;
	display: block;
}
dt,
dd {
  padding: 10px 10px 0 10px;
  border-top: 2px solid #F3F7FB;
}
dt {
  width: 25%;
  float: left;
	
}
dd {
  background: #fff;
  margin-left: 25%;
  padding-bottom: 10px;
}
dd:after {
  content: '';
  display: block;
  clear: both;
}
.form-S {
	width: 30%;
	font-size: 25px;
}
.form-M {
	width: 50%;	
	font-size: 25px;
}
.form-L {
	width: 70%;	
	font-size: 25px;
}
	
	
	

	
}

	
