@charset "Shift_JIS";

/* =========================
** Structure
** ========================*/
#contents{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 16px 20px 40px;
	width: 850px;
}

#main {
    width: 850px;
    padding: 0 20px 1px;
    font-size: 14px !important;
    line-height: 1.8em;
}
.boxEm01 {
    /* width: 714px; */
    /* margin: 0 auto; */
}
p.boxEm01__ttl {
    color: #000 !important;
    margin-bottom: 15px;
    font-size: 20px !important;
    font-weight: bold;
}
p.boxEm01__txt {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.7em;
}
._wrapper {
  margin: 0 auto;
  padding: 5px 20px;
  width: 100%;
}
._wrapper p,._wrapper li{
  font-size: 14px ;
}
._wrapper li {
  list-style-type: decimal;
  list-style-position: inside;
  padding-left:1em;
  text-indent:-1em;
}
._wrapper li+li {
  margin: 13px 0;
}
._wrapper li:first-child {
  margin: 13px 0;
}
._wrapper .list_style li {
  list-style-type: none;
  counter-increment: cnt;
}
._wrapper .list_style li::before {
	content: "(" counter(cnt) ") ";
}
._wrapper .list_style2 li {
	list-style-type: disc;
}
._wrapper ._area20 .area_txt1 li {
    list-style: none;
}	
._wrapper h1 {
    background: #eeeeee;
    padding: 15px 0px 15px 15px;
    font-size: 20px;
    position: relative;
    margin-top: 15px;
}
._wrapper h1:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 2%;
    height: 100%;
    background: #00aaeb;
}
._wrapper .area_ttl {
    display: flex;
    flex-wrap: nowrap;
}
._wrapper .__ttl {
    width: 100%;
    font-weight: bold;
    color: #00aaeb;
    font-size: 18px !important;
    line-height: 80px;
    margin-left: 16px;
}
._wrapper .area_txt2 {
    background: #eeeeee;
    padding: 20px 25px;
    border-radius: 10px;
    color: #00aaeb;
    margin: 20px auto;
	font-weight: bold;
}
._wrapper _moviebox {
  width: 50%;
  margin: 0 auto;
}
._wrapper ._moviebox__mov {
  position: relative;
  padding-top: 55.75%;
  border: 2px solid #dcdcd1
}
._wrapper ._moviebox__mov iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
._wrapper ._moviebox2 {
  width: 50%;
  margin: 0 auto;
}
._wrapper ._moviebox__mov2 img{
  width: 100%;
  height: auto;
  border: 2px solid #dcdcd1
}
._wrapper ._moviebox2:hover{
  opacity: 0.8;
	cursor: pointer;
}
	
@media(min-width:428px) {
._wrapper h1 {
    margin-bottom: 20px;
    padding: 15px 0px 15px 25px;
}
._wrapper h1:before {
    width: 1.2%;
}
  ._wrapper .area_ttl img{
    width: 8%;
    height: 8%;
    margin: 5px 0 0 10px;
    max-width: 70px;
    min-width: 70px;
}
    p._wrapper .__ttl {
    font-size: 18px !important;
    margin-left: 10px;
    line-height: 80px;
}
    ._wrapper .area_txt1 {
    margin-bottom: 20px;
    margin: 10px;
}
    ._wrapper .area_txt2 {
    margin: 15px auto;
}
}
._wrapper ._area15 .__ttl,._area16 .__ttl {
    line-height: 30px;
    margin-left: 0;
}
._wrapper ._area15 .area_txt1,._wrapper ._area16 .area_txt1 {
    margin-bottom: 20px;
}
._wrapper ._area08 span {
    font-size: 12px;
}
#area02 ._wrapper h1 {
    margin: 40px 0 20px;
}
#area02 .section_ttl{
    margin-bottom: 0px;
}
#area02 .__ttl{
    line-height: 30px;
    margin: 20px 0 10px 0;
}
#area02 span{
	font-size: 13px;
}
._wrapper .txt2_ttl {
    font-weight: bold;
    margin-bottom: 5px;
}