@charset "utf-8";

.contents_sim {
    /* display: flex; */
    align-items: flex-end;
    justify-content: center;
    /* width: calc(100% - 20px); */
    /* max-width: 1400px; */
    /* height: calc(100vh - 140px); */
    min-height: 400px;
    position: relative;
    top: 0px;
    margin:80px auto 0 auto;
    padding-bottom: 0px;
    /*margin-bottom: 120px;*/
    background: rgba(0, 0, 0, 0.0);
    z-index: 2;
}
@media screen and (max-width:800px) {
.contents_sim  {top: 0px; margin:0px auto 0 auto;}}
.flex-box-sim-reverse {
    width: 100%;
    /* max-width: 1400px; */
}
/*
================================================================================================================
背景
================================================================================================================
*/
body{background-color: rgba(0, 141, 87, 1.00);}
.bg-01 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-image: url("../img/00_top/bg_pc.jpg");
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: top center;
  background-color: rgba(249,250,154,1.00);
  position:fixed;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}
.bg-01::before {
  background-image: url("../img/00_top/bg_pc.jpg");
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: top center;
  position:fixed;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}

@media screen and (max-width:800px) {
.bg-01 {
  background-position: top center;
  background-color: rgba(0, 141, 87, 0.00);
}
.bg-01::before {
  background-position: top center;
}
}

@media screen and (min-width:1600px) {
  .bg-01,.bg-02 {
    background-size: 100%;
  }
}

#normal-wrapper{position: relative; width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}

/*ダウンロードエリア**************************************************/

.dl_pc{display:block;}
.dl_sp{display:none;}

/*ダウンロードエリア枠*/
#dl_area{
width: calc(100% - 80px);
max-width: 920px;
	margin: 65px auto 40px auto;
padding:10px 5px 20px 5px;
height: inherit;
text-align:center;
position: relative;
	background: rgba(1,120,0,0.80);
	border-radius: 6px;
}
@media screen and (max-width:800px){
#dl_area{width: calc(100% - 30px); margin: 0px auto 40px auto;}
#dl_area.dl_sp{width:96%;}
}
.dl_title{
width:100%;
margin: 0 auto;
padding:0px;
position: relative;
}
.dl_title img{width:100%;}

.info_period{
width:100%;
margin: 0px auto 10px auto;
padding:0px;
color: #FFF;
font-size: 24px;
	font-weight: bold;
height: inherit;
text-align:center;
position: relative;
}

.info_text{
width:96%;
margin:10px auto;
padding:0px;
color: #FFF;
font-size: 14px;
height: inherit;
text-align:left;
position: relative;
}
.info_text .title{width: 100%; text-align:center; font-size: 16px; font-weight: bold;}
.info_text .title02{width: 100%; text-align:center; font-size: 16px; font-weight: bold; margin: -6px auto -18px auto;}
@media screen and (max-width:799px){.info_text .title02{font-size: 2.4vw!important; margin: -1.8vw auto -4.2vw auto;}}

.info_text ul{font-size: 12px; }
.info_text ul li {
	list-style-type: disc;/* リストの左側に黒丸 */
	margin-left: 24px;/* リストの左側に余白 */
	text-align: left;
}

.end-title {font-size: 24px; line-height: 26px; font-weight: bold; text-align: center; color: #FFF; margin-bottom: 10px;}
.end-info {font-size: 14px; line-height: 16px; font-weight: 100; text-align: center; color: #FFF; margin-top: 10px;}

@media screen and (max-width:799px){
.end-title {font-size: 5.0vw; line-height: 5.0vw; font-weight:bold; text-align: center; color: #FFF;margin-bottom: 10px;}
.end-info {font-size: 3vw; line-height: 3.4vw; font-weight: 100; text-align: center; color: #FFF; margin-top: 10px;}
}

/* ここから下がボタンのCSS　*/
.btn-dl, .btn-dl_2 {
  display: inline-block;
	width: 96%;
  /*max-width: 800px;*/
  text-align: left;
  border: 4px solid #98F89D;
  font-size: 18px;
  color: #BEF1CD;
  text-decoration: none;
	text-align: center;
  font-weight: bold;
  padding: 12px;
	margin: 20px 1% 0px 1%;
  background-color: rgba(3,106,24,0.80);
  border-radius: 6px;
  transition: .4s;
}

@media screen and (max-width:799px){.btn-dl {font-size: 5vw; line-height: 5.4vw;}}
.btn-dl:hover {
  background-color: rgba(245,85,239,1.0);
  border: 4px solid #98F89D;
  color: #FFF;
}

.btn-dl.sp {
	width: 100%;
    line-height: 3.8vw!important;
    font-size: 3.2vw!important;
}

/*ダウンロードタイトル画像**************************************************/
#logo{
width:80%;
max-width:1000px;
margin:20px auto;
}
#logo img{width:100%;height:auto;}

#top-notice{
display:block;
width:100%;
color:#fff;
background-color:#900;
font-weight:bold;
text-align:center;
letter-spacing:1px;
z-index:3;}

/*｢商品ご提案資料｣はこちら***************************************************/
a #document_g1fg, #document_g1fg  {
    position: relative;
    width: 92%;
    margin: 20px auto 30px auto;
    text-align: center;
    padding: 8px 0px 5px 0px;
	border-radius: 8px;
    background-color: #EEEEFF;
    border: solid 4px #6666CC;
    color: #3333CC;
}
a #document_g1fg:hover {
    position: relative;
    width: 92%;
    margin: 20px auto 30px auto;
    text-align: center;
    padding: 8px 0px 5px 0px;
	border-radius: 8px;
    background-color: #3333CC;
    border: solid 4px #6666CC;
    color: #FFEEEE;
}
a #document_g1fg span, #document_g1fg span {
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    font-size: 28px;
}
@media screen and (max-width:799px){
a #document_g1fg, #document_g1fg, a #document_g1fg:hover {
    width: 84%;
}
a #document_g1fg span, #document_g1fg span {
    line-height: 4.8vw;
    font-size: 4.4vw;
}
}
/*｢WindowsによってPCが保護されました｣メッセージへの対応手順***************************************************/
a #user_caution, #user_caution  {
    position: relative;
    width: 96%;
    margin: 10px auto 10px auto;
    text-align: center;
    padding: 6px 0px 5px 0px;
	border-radius: 8px;
    background-color: #0F3F01;
    border: solid 2px #66CC68;
    color: #EFFFEE;
}
.font-14{
    line-height: 16px;
    font-size: 14px;
}
a #user_caution:hover {
    position: relative;
    width: 96%;
    margin: 10px auto 10px auto;
    text-align: center;
    padding: 6px 0px 5px 0px;
	border-radius: 8px;
    background-color: #EEFFEF;
    border: solid 2px #66CC71;
    color: #187B00;
}
a #user_caution span, #user_caution span {
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
	display: block;
}
@media screen and (max-width:799px){
a #user_caution, #user_caution {
    background-color: #0F3F01;
    border: solid 2px #66CC68;
    color: #EFFFEE;
}
a #user_caution span, #user_caution span {
    line-height: 3.2vw!important;
    font-size: 2.8vw!important;
	display: block;
}
.font-14{
    line-height: 2.2vw!important;
    font-size: 1.8vw!important;
}
}

#info{
width:96%;
max-width:480px;
margin:5px auto 20px auto;
}
#info img{width:100%;height:auto;}
.info_text ol li{
	margin-bottom: 20px;
	list-style-type:none;
}


/*
================================================================================================================
INDEX-MOBILE
================================================================================================================
*/
@media screen and (max-width:799px){
#movie_area{
background-size:75%;}
#top-notice{
height:auto;
position:relative;
font-size:11px;
line-height:auto;
padding:3px 0;}
#top-notice br{display:block;}
}

@media screen and (max-width:639px){

}

@media screen and (max-width:479px){

}

@media screen and (max-width:320px){
body{overflow-x:auto;}
}


/*POPup custum*/
.mfp-iframe-holder .mfp-close{
width: 45px;
    height: 45px;
    top:  -55px;
    right:-15px;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    transition: .6s;
}
.mfp-close {
    width: 100%;
    height: 100%;
    line-height: 0px;
    position: absolute;
    right: 0%;
    top: 0%;
    text-decoration: none;
    text-align: center;
    opacity: 0.6;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 60px;
    font-family: Arial, Baskerville, monospace;
}