.mokuji_area{
	width: 980px;
	background-color: #ffffff;
	height: auto;
	margin: 0 auto;
	border-radius: 18px;
}

.mokuji_ttl{
	background-color: #000000;
	color: #ffffff;
	padding: 16px 10px 16px 10px;
	width: 30%; font-size: 20px;
	border-radius: 28px;
	position: absolute;
	top: 22px; left: 34%;
}

.mokuji_area p{
	font-size: 14px;
	padding: 0px;
	color: #333333;
	padding-top: 36px;
}

.guide_answer_area{
	margin: -62px auto;
	padding: 60px 0px;
}


.contents_list{
	position: relative;
	padding: 8px 5px 5px 128px;
	margin-bottom: 18px;
	text-align: left;

}

.content_list_link{
	text-decoration: none;
	color: #000000;
}

.content_list_link:hover{
	color: #438DD6;
}

.content_list_link::after{
   content: '';
    display: inline-block;
	/*position: absolute;*/
    width: 15px;
    height: 15px;
    /*top: 37%;
    right: 14px;
	margin-top: -2px;*/
	margin-left: 6px;
	margin-bottom: -1px;
	background-image: url("../../cpn/icon_arrows_mokuji.svg");
	background-repeat: no-repeat;
	background-size: cover;
	/*border: 2px solid;
    border-color: #000000 #000000 transparent transparent;
    transform: rotate(135deg);
    z-index: 2;*/
}

.contents_list span{
	background-color: #000000;
	color: #ffffff;
	position: absolute;
	padding: 8px 10px 8px 10px;
	z-index: 1;
	display: block;
	left: 85px;
	top: 0px;
	font-weight: bold;
}

.contents_list ul{
	padding: 4px 0px 0px;
}

.contents_list ul li{
	margin: 12px;
}

.contents_wrap{
	margin-bottom: -50px;
}


.faq_guide_ttl{
	border-radius: 18px 18px 0 0;
	background-color: #000000;
	padding: 28px 55px 28px 55px;
}

.faq_guide_ttl h1{
	color: #ffffff;
	font-size: 19px;
	text-align: left;
}

.sub_ttl_cont{
	text-align: left;
	font-size: 19px;
	font-weight: normal;
	border-left: 6px solid #D85720;
	padding: 5px 8px;
	margin-bottom: 10px;
	/*margin: 18px 28px 18px;*/
}

.answer_box{
	border: 1px solid #707070;
	height: auto;
	border-radius: 0 0 18px 18px;
	padding: 30px 34px;
	text-align: left;
}

.sub_ttl_orange{
	font-size: 18px;
	color: #D85720;
}

.text_box_innner{
	margin: 12px;	
}

.shokisetei_area{
	padding: 25px 18px;
}

.setsumei_area_box{
	width: 93%;
	background-color: #D9F0FC;
	padding: 28px 33px;
}
.second_setting{
	padding: 8px 26px;
}

.second_setting li{
	padding: 4px 0px;
}

/*  ダウンロード--------------------*/
.dl_box_inner{
	display: flex;
	flex-flow: wrap;
	width: 100%;
	text-align: center;
	padding-left: 25px;
	}
	
.wrap_dl_os{
	width: 45%;
	padding: 8px;
	font-size: 17px;
	margin-right: 5px;
	}

.setsumei_box{
	height: 81px;
	width: 92%;
	padding: 6px 20px 0 20px;
}

.setsumei_text{
	text-align: left;
	font-size: 15px;
	}


.dl_area_box{
	width: 100%;
	background-color: #F2F0F0;
	margin-top: 20px;
}


.dl_area_box h3{
	text-align: center;
	padding: 24px 0px 20px 0px;
	font-size: 25px;
}


.mt__30{
		margin-top: -30px;
	}

.btn_dl_osWin{
  display: block;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  font-size: 111%;
  border-radius: 8px;
  max-width: 310px;
  width: 100%;
  display: block;
  padding: 22px 26px 22px 15px;
  margin: 0 auto;
  transition: .2s;
  -ms-box-shadow: 0 0 10px #D2D2D2;
  -moz-box-shadow: 0 0 10px #D2D2D2;
  box-shadow: 0 0 3px #D2D2D2;
}

.btn_dl_osWin::after{
   content: '';
    display: inline-block;
	position: absolute;
    width: 5px;
    height: 5px;
    top: 50%;
    right: 20px;
	margin-top: -2px;
	border: 2px solid;
    border-color: #ffffff #ffffff transparent transparent;
    transform: rotate(45deg);
    z-index: 2;
}

.btn_dl_osMac{
  display: block;
  position: relative;
  background-color: #000000;
 color: #ffffff;
  font-size: 111%;
  border-radius: 8px;
  max-width: 312px;
  width: 100%;
  display: block;
  padding: 22px 26px 22px 8px;
  margin: 0 auto;
  transition: .2s;
  -ms-box-shadow: 0 0 10px #D2D2D2;
  -moz-box-shadow: 0 0 10px #D2D2D2;
  box-shadow: 0 0 3px #D2D2D2;
}

.btn_dl_osMac::after{
   content: '';
    display: inline-block;
	position: absolute;
    width: 22px;
    height: 18px;
    top: 37%;
    right: 14px;
	margin-top: -2px;
	background-image: url("../../cpn/icon_dl.svg");
	background-repeat: no-repeat;
	background-size: cover;
	/*border: 2px solid;
    border-color: #ffffff #ffffff transparent transparent;
    transform: rotate(45deg);*/
    z-index: 2;
}

/* ボタン
----------------------------------*/
.link_btn_wrap{
	width: 90%;
	margin: 0px 0px 0px -50px;
	display: flex;
	flex-wrap: wrap;
}

.btn_shop_spot{
  display: block;
  position: relative;
  background-color: #027E61;
  /*border: solid 1px #027E61;*/
 color: #ffffff;
  font-size: 111%;
  border-radius: 8px;
  max-width: 280px;
  width: 100%;
  display: block;
  padding: 22px 26px 22px 26px;
  margin: 12px auto;
  transition: .2s;
  -ms-box-shadow: 0 0 10px #D2D2D2;
  -moz-box-shadow: 0 0 10px #D2D2D2;
  box-shadow: 0 0 3px #D2D2D2;
}

.btn_shop_spot::after{
   content: '';
    display: inline-block;
	position: absolute;
    width: 5px;
    height: 5px;
    top: 50%;
    right: 20px;
	margin-top: -2px;
	border: 2px solid;
    border-color: #ffffff #ffffff transparent transparent;
    transform: rotate(45deg);
    z-index: 2;
}

#footer_wrap{
	margin-top: 10px;
}

.m_right_pc{
	margin-right: -36px;
}
.m_left__pc{
	margin-left: 61px;
}


@media screen and (max-width: 768px) {
.sub_ttl_cont{
		font-size: 18px;
	}
.text_box_innner{
	margin: 0px;
	}
.mokuji_area{
	width: 90%;
	}
	
.mokuji_ttl{
	background-color: #000000;
	color: #ffffff;
	padding: 16px 10px 16px 10px;
	width: 65%;
	font-size: 18px;
	border-radius: 28px;
	position: absolute;
	top: 22px; 
	left: 15%;
	}

.mokuji_area p{
	font-size: 12px;
	padding: 0px;
	color: #333333;
	padding-top: 32px;
}


.contents_list{
	position: relative;
	padding: 0px 5px 5px 43px;
	margin-bottom: 18px;
	text-align: left;
}

.content_list_link_sp{
	text-decoration: underline;
	color: #000000;
	margin-left: -12px;
	vertical-align: middle;
}
	
	
.contents_list span{
	background-color: #000000;
	color: #ffffff;
	position: absolute;
	padding: 4px 6px;
	z-index: 1;
	display: block;
	left: 0px;
	top: 0px;
	font-weight: bold;
}

.contents_list ul{
	padding: 1px 0px 0px;
}

.contents_list ul li{
	margin: 12px;
}

.anshin-inner-sp{
		width: 92%;
}
.guide_answer_area{
	margin: 0px;
	padding: 0px 0px;
}	

.answer_box{
	padding: 28px 15px;		
	}
	
.shokisetei_area{
	padding: 25px 5px;
	}
.shokisetei_area h3{
    margin-bottom: 10px;		
	}

.anshin-note{
	font-size: 13px;
	line-height: 1.5em;
	margin: 11px 14px;
	}
.anshin-section.-blue{
	margin-top: 15px;
	padding: 15px 0px;
	}
/* ボタン
-----------------------*/
.link_btn_wrap{
	max-width: 100%;
	padding: 0px;
	margin: 0 auto;
}

/* 2台目
-----------------------*/
.setsumei_area_box{
	width: 90%;
	background-color: #D9F0FC;
	padding: 16px;
}
.second_setting{
	padding: 16px;
	font-size: 15px;
}

.second_setting li{
	padding: 4px 0px;
}

/*  ダウンロード
-----------------------*/
.dl_box_inner{
	padding: 0px;
	}
	
.wrap_dl_os{
	width: 100%;
	padding: 0px 4px;
	}	
	
.faq_guide_ttl{
	padding: 28px 18px 28px 18px;
	}
	
.answer_box{
		padding: 28px 12px;
	}
.wrap_dl_os{
	margin-bottom: 18px;	
	}

.setsumei_box{
	height: auto;
	margin-bottom: 5px;
	}
.btn_dl_osMac{
	font-size: 95%;
	max-width: 250px;
	margin-bottom: 10px;
	}

.btn_dl_osWin{
	font-size: 100%;
	max-width: 250px;
	}
.dl_area_box h3{
		font-size: 22px;
	}

#footer_wrap{
	margin-top: 30px;
}
	
/*  調整
-----------------------*/
.sp__mt{
		margin-top: -55px;
	}
.m_right_pc{
	margin-right: 0px;
}
.m_left__pc{
	margin-left: 0px;
}
}


@media screen and (min-width:768px) and ( max-width:1024px) {
	
.mokuji_area{
	width: 96%;
	background-color: #ffffff;
	height: auto;
	margin: 0 auto;
	border-radius: 18px;
}
	
.mokuji_ttl{
	background-color: #000000;
	color: #ffffff;
	padding: 16px 10px 16px 10px;
	width: 35%;
	font-size: 20px;
	border-radius: 28px;
	position: absolute;
	top: 22px; left: 30%;
}

.mokiji_area p{
	font-size: 14px;
	padding: 0px;
	color: #333333;
	padding-top: 34px;
}

.content_list_link_sp{
	text-decoration: none;
	color: #000000;
}

.content_list_link_sp:hover{
	color: #438DD6;
}

.content_list_link_sp:visited{
	color: #438DD6;
}
.content_list_link_sp::after{
   content: '';
    display: inline-block;
	/*position: absolute;*/
    width: 15px;
    height: 15px;
    /*top: 37*/
}
.content_list_link_sp{
	text-decoration: none;
	color: #000000;
	/*margin-left: -12px;*/
	vertical-align: middle;
}
	
.contents_list{
		padding: 8px 5px 5px 68px;
	}
	
.contents_list span{
	background-color: #000000;
	color: #ffffff;
	position: absolute;
	padding: 8px 10px 8px 10px;
	z-index: 1;
	display: block;
	left: 22px;
	top: 0px;
	font-weight: bold;

}
	
.anshin-inner{
	width: 96%;
}

.dl_box_inner{
	padding-left: 15px;
}	
.btn_dl_osMac{
	font-size: 16px;
	max-width: 274px;	
}
.btn_dl_osWin{
	font-size: 16px;
	max-width: 274px;
}
	
.link_btn_wrap{
	width: 113%;
}
.m_left__pc{
		margin-left: 48px;
}
}