@charset "utf-8";

/* ==========================================================
 top
========================================================== */
/* notice-box
---------------------------------------------------------- */
.notice-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.notice-box-messages {
  width: 1000px;
  color: red;
  background-color: white;
  text-align: left;
  padding: 10px;
  margin: 2px 0;
}

/* hero-top-wrap
---------------------------------------------------------- */
.hero-top-wrap {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px;
}
  .hero-top {
    position: relative;
    width: 1000px;
    margin: 0 auto;
  }
    .hero-top .image {}
    .hero-top .title {
      position: absolute;
      top: 97px;
      left: 20px;
      width: 532px;
      padding: 13px 10px;
      background: url(../img/top/bg_txt_mainimg_01.png) top center repeat-y;
      font-size: 36px;
      font-weight: bold;
      color: #000;
    }
	.hero-top .title-regist {
      position: absolute;
      top: 60px;
      left: 20px;
      width: 532px;
      padding: 13px 10px;
      background: url(../img/top/bg_txt_mainimg_01.png) top center repeat-y;
      font-size: 36px;
      font-weight: bold;
      color: #000;
	  text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	  #fff 2px -2px 0px, #fff -2px -2px 0px;
    }
	.hero-top .text-type01 {
		font-size: 40px;
	}
	.hero-top .text-type02 {
		font-size: 30px;
    }
	.hero-top .text-type03 {
		font-size: 28px;		
    }
	.hero-top .color-type01 {
		color: #06a792;	
    }
	.hero-top .color-type02 {
		color: #e5004f;
    }

/* btn-top-01
---------------------------------------------------------- */
.btn-top-01 { margin-bottom: 30px;}
  .btn-top-01 .link {
    display: block;
    width: 452px;
    margin: 0 auto;
    padding: 7px 21px 7px 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ff9303;//オレンジ
    -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    box-shadow: 0 2px 10px rgba(84,78,78,.3);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(146,115,120,.2));
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
    .btn-top-01 .link .text {
      display: block;
      background: url(../img/ico_pencil_01.png) left center no-repeat, url(../img/ico_arrow_right_02.png) right center no-repeat;
    }
	
	.btn-top-01 .link .text02 {
      display: block;
      background: url(../img/ico_arrow_right_02.png) right center no-repeat;
    }
	
.btn-top-01.top-margin {
	margin-top: 30px;
}

/* box-top-01
---------------------------------------------------------- */
.box-top-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
  .box-top-01 .col { width: 50%;}
  .box-top-01 .col:first-child { padding-right: 10px;}
  .box-top-01 .col:last-child { padding-left: 10px;}
    .box-top-01 .title {}

/* ==========================================================
 top
========================================================== */
/* list-top-news-01
---------------------------------------------------------- */
.list-top-news-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px #ccc solid;
}
  .list-top-news-01 .item {
    width: 50%;
    border-bottom: 1px #ccc solid;
  }
  .list-top-news-01 .item:nth-child(odd) { border-right: 1px #ccc solid;}
    .list-top-news-01 .item .link {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      padding: 5px 18px 9px 4px;
    }
    .list-top-news-01 .item:nth-child(even) .link { padding-left: 13px;}
      .list-top-news-01 .item .link:hover { background-color: #e6f2f1;}
      .list-top-news-01 .item .link .figure {
        -webkit-flex: 0 0 131px;
        flex: 0 0 131px;
        margin: 3px 18px 0 0;
      }
      .list-top-news-01 .item .link .box { line-height: 1.3;}
        .list-top-news-01 .item .link .box .date {
          text-align: right;
          color: #299189;
        }
		
		
/* ==========================================================
 button
========================================================== */
/* btn-cmn-01
---------------------------------------------------------- */
.btn-cmn-01 {}
  .btn-cmn-01.link {
    display: block;
    width: 452px;
    margin: 0 auto;
    padding: 7px 21px 7px 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ff9303;
    -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    box-shadow: 0 2px 10px rgba(84,78,78,.3);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(146,115,120,.2));
	font-size: 30px;
    color: #fff;
	font-weight: bold;
    text-align: center;
  }
  
  .btn-cmn-01.link2 {
    display: block;
    width: 600px;
    margin: 0 auto;
    padding: 7px 21px 7px 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ff9303;
    -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    box-shadow: 0 2px 10px rgba(84,78,78,.3);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(146,115,120,.2));
	font-size: 30px;
    color: #fff;
	font-weight: bold;
    text-align: center;
  }
  
    .btn-cmn-01.link .text, .btn-cmn-01.link2 .text {
      display: block;
      background: url(../img/ico_arrow_right_02.png) right center no-repeat;
    }

.btn-cmn-01.link:hover, .btn-cmn-01.link2:hover { opacity: 0.7;}

.btn-cmn-01.mg-rl { margin: 0 10px; }

/*========================================================== */
/* btn-cmn-02
---------------------------------------------------------- */
.btn-cmn-02 {
    display: block;
    width: 300px;
    margin: 0 10px;
    padding: 6px 24px 6px 21px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border: 1px solid #c9c9c9;
    border-radius: 8px;
    background-color: #ffff;
    -webkit-box-shadow: 0 2px 5px rgba(84,78,78,.2);
    -moz-box-shadow: 0 2px 5px rgba(84,78,78,.2);
    box-shadow: 0 2px 5px rgba(84,78,78,.2);
	font-size: 30px;
    color: #b2b2b2;
	font-weight: bold;
    text-align: center;
  }
    .btn-cmn-02 .text {
      display: block;
      background: url(../img/ico_arrow_left_01.png) left center no-repeat;
    }

.btn-cmn-02:hover { opacity: 0.7;}


/*========================================================== */
/* btn-cmn-03
---------------------------------------------------------- */
.btn-cmn-03 {}
  .btn-cmn-03.link {
    display: block;
    width: 450px;
    margin: 0 auto;
    padding: 7px 21px 7px 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ff9303;
    -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
    box-shadow: 0 2px 10px rgba(84,78,78,.3);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
    background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(146,115,120,.2));
	font-size: 30px;
    color: #fff;
	font-weight: bold;
    text-align: center;
  }
  
    .btn-cmn-03.link .text {
      display: block;
      background: url(../img/ico_arrow_left_03.png) left center no-repeat;
    }

.btn-cmn-03.link:hover { opacity: 0.7;}

.btn-cmn-03.mg-rl { margin: 0 10px; }

/*========================================================== */
/* btn-cmn-04
---------------------------------------------------------- */
.btn-cmn-04 {
    display: block;
    width: 450px;
    margin: 0 10px;
    padding: 6px 24px 6px 21px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border: 1px solid #c9c9c9;
    border-radius: 8px;
    background-color: #ffff;
    -webkit-box-shadow: 0 2px 5px rgba(84,78,78,.2);
    -moz-box-shadow: 0 2px 5px rgba(84,78,78,.2);
    box-shadow: 0 2px 5px rgba(84,78,78,.2);
	font-size: 30px;
    color: #b2b2b2;
	font-weight: bold;
    text-align: center;
  }
    .btn-cmn-04 .text {
      display: block;
      background: url(../img/ico_arrow_right_06.png) right center no-repeat;
    }

.btn-cmn-04:hover { opacity: 0.7;}


/* ==========================================================
 login
========================================================== */
/* list-login-btn-01
---------------------------------------------------------- */
.list-login-wrap {
  width: 920px;
  margin: 0px auto 20px;
  background-color: #e6f2f1;
  padding: 30px 20px;
}
.list-login-wrap .list-login-btn-01 {
  margin: 0px auto;
  text-align: center;
  
}
  .list-login-wrap .list-login-btn-01 .item:not(:last-child) { margin-bottom: 15px;}
  
  
  
  
  /* ==========================================================
 mypage
========================================================== */
/* box-information-01
---------------------------------------------------------- */
.box-information-01 {
  border: 1px #299189 solid;
  margin-top: 10px;
}
  .box-information-01 .box-title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 12px 18px 12px 13px;
    background-color: #e6f2f1;
    border-bottom: 1px #299189 solid;
  }
    .box-information-01 .box-title .title {
      font-size: 22px;
      font-weight: bold;
    }
    .box-information-01 .box-title .link {
      padding-right: 23px;
      background: url(../img/ico_arrow_right_04.png) right center no-repeat;
    }
      .box-information-01 .box-title .link a { font-size: 18px;}
        .box-information-01 .box-title .link a:hover { text-decoration: underline;}

  .list-information-01 { padding: 0px 10px;}
    .list-information-01 .item {
      padding: 5px 0;
      border-bottom: 1px #ccc solid;
    }
      .list-information-01 .item:last-child { border-bottom: none;}
      .list-information-01 .item .box {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
      }
        .list-information-01 .item .box .date {
          -webkit-flex: 0 0 135px;
          flex: 0 0 135px;
          padding: 0 8px;
          color: #299189;
        }
        .list-information-01 .item .box .link {
          display: inline-block;
          line-height: 34px;
        }
        .list-information-01 .item .box .link.txt-red { color: #f00;}
          .list-information-01 .item .box .link:hover { background-color: #e6f2f1;}

/* box-profile-01
---------------------------------------------------------- */
.box-profile-01 {
  width: 920px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  }
  .box-profile-01 .box-figure-01 {
    -webkit-flex: 0 0 270px;
    flex: 0 0 270px;
    margin-top: 10px;
  }
    .box-profile-01 .box-figure-01 .figure {
      position: relative;
      width: 120px;
      height: 120px;
      margin-bottom: 7px;
      border: 2px #299189 solid;
    }
      .box-profile-01 .box-figure-01 .figure img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
    .box-profile-01 .box-figure-01 .name {
      width: 120px;
      margin-bottom: 21px;
      font-size: 18px;
      font-weight: bold;
      color: #333;
      text-align: center;
    }
    .box-profile-01 .list-01 { width: 300px; }
      .box-profile-01 .list-01 .item {
        margin-bottom: 8px;
        padding-left: 21px;
        background: url(../img/ico_arrow_right_05.png) left center no-repeat;
      }
        .box-profile-01 .list-01 .item .link {
          font-weight: bold;
          color: #4984a2;
          text-decoration: underline;
        }
          .box-profile-01 .list-01 .item .link:hover { text-decoration: none;}
	
	 		  
		  
	.box-profile-01 .dl-detail-01 {
		width: 100%;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.box-profile-01 .dl-detail-01 dt, .box-profile-01 .dl-detail-01 dd {
		box-sizing: border-box;
		padding: 6px 5px;
  }
  
  
  .box-profile-01 .dl-detail-01 dt {
		width: 45%;
		font-size: 18px;
		font-weight: bold;
		color: #5e5d5d;
		border-right: 10px solid #e6f2f1;
		margin-right: 15px;
  }

  .box-profile-01 .dl-detail-01 dd {
		width: 45%;
		font-size: 14px;
		color: #5e5d5d;
  }
		  
	

/* ==========================================================
/* qalist
 ---------------------------------------------------------- */
 .pager-wrap {
	 width: 100%;
	 background-color: #d3d1d1;
 }
 
 .pager-cont {
	 width: 920px;
	 margin: 0 auto;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-justify-content: space-between; /* Safari */
	 justify-content: space-between;
	 align-items: center;
 }
 
.list-pager-01 {
  width: 500px;
  margin: 0;
  padding: 15px 0px;
  background-color: #d3d1d1;
  text-align: center;
}
  .list-pager-01 .item {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #299189;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
    .list-pager-01 .item .link {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background-color: #299189;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      color: #fff;
      text-align: center;
	  border: 1px solid #fff;
    }
	
	.pager-prev {
		position: relative;
		padding-left: 20px;
	}
	
	.pager-prev a,
	.pager-next a {
		color: #333;
	}
	
	.pager-prev:before {
		content: url(../img/ico_arrow_left_02.png);
		position :absolute;;
		top : 2px ;
		left: 0;
	}
	
	.pager-next {
		position: relative;
		padding-right: 20px;
	}
	
	.pager-next:after {
		content: url(../img/ico_arrow_right_04.png);
		position : absolute; ;
		top : 2px ;
		right: 0;
	}
	
	
/* ==========================================================
 question
========================================================== */
/* sec-question-01
---------------------------------------------------------- */
.sec-question-01 {
  margin-bottom: 0;
  webkit-box-shadow: none;
  -moz-box-shadow: none;
}

/* box-question-contents
---------------------------------------------------------- */
.box-question-contents {
	width: 800px;
	margin: 10px auto 0;
	border-radius: 8px;
	border: 4px solid #5db8b4;
	padding: 20px;
}

  .box-question-contents .box-question-01 .inner {
	  width: 80%;
	  margin:0 auto;
  }
  
  .box-question-contents .box-question-01 .inner .text-01 {
	  width: 100%;
	  margin:0 auto;
  }
/* box-ttl-question-01
---------------------------------------------------------- */
.box-ttl-question-01 { 
  width: 100%;
  margin: 0 auto 6px;}
  .box-ttl-question-01 .inner { 
     width: 100%;
  }
  .box-ttl-question-01 .text {
	font-size: 18px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 2px 20px;
    background-color: #efeff4;
    border-radius: 8px;
    border: 1px solid #d2d1d8;
    color: #288f87;
    font-weight: bold;
    background: rgba(210,209,216,1);
    background: -moz-linear-gradient(top, rgba(210,209,216,1) 0%, rgba(210,209,216,1) 3%, rgba(239,239,244,1) 12%, rgba(239,239,244,1) 89%, rgba(210,209,216,1) 97%, rgba(210,209,216,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,209,216,1)), color-stop(3%, rgba(210,209,216,1)), color-stop(12%, rgba(239,239,244,1)), color-stop(89%, rgba(239,239,244,1)), color-stop(97%, rgba(210,209,216,1)), color-stop(100%, rgba(210,209,216,1)));
    background: -webkit-linear-gradient(top, rgba(210,209,216,1) 0%, rgba(210,209,216,1) 3%, rgba(239,239,244,1) 12%, rgba(239,239,244,1) 89%, rgba(210,209,216,1) 97%, rgba(210,209,216,1) 100%);
    background: -o-linear-gradient(top, rgba(210,209,216,1) 0%, rgba(210,209,216,1) 3%, rgba(239,239,244,1) 12%, rgba(239,239,244,1) 89%, rgba(210,209,216,1) 97%, rgba(210,209,216,1) 100%);
    background: -ms-linear-gradient(top, rgba(210,209,216,1) 0%, rgba(210,209,216,1) 3%, rgba(239,239,244,1) 12%, rgba(239,239,244,1) 89%, rgba(210,209,216,1) 97%, rgba(210,209,216,1) 100%);
    background: linear-gradient(to bottom, rgba(210,209,216,1) 0%, rgba(210,209,216,1) 3%, rgba(239,239,244,1) 12%, rgba(239,239,244,1) 89%, rgba(210,209,216,1) 97%, rgba(210,209,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d1d8', endColorstr='#d2d1d8', GradientType=0 );
  }

.mark_bestanswer {
  position: absolute;
  width: 80px;
  height: auto;
  bottom: 50px;
  right: 10px;
  float: left;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.btn_bestanswer {
  margin: 20px auto 0;
  width: 230px;
}

.btn_bestanswer a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  border-radius: 8px;
  background-color: #ff9303;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
  -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
  box-shadow: 0 2px 10px rgba(84,78,78,.3);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(146,115,120,.2));
  background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(146,115,120,.2));
}

.btn_bestanswer:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/* ttl-question-00
---------------------------------------------------------- */  
.ttl-question-00 {
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;	
}
  
.ttl-question-00 .q-image {
      width: 100px;
      height: 118px;
	  margin-right: 30px;
}  
  
  
.ttl-question-00 .title {
    color: #351d27;
    font-size: 24px;
    font-weight: bold;
	
  }
 
/* ttl-question-01
---------------------------------------------------------- */
.ttl-question-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 3px;
}
  .ttl-question-01 .image {
    width: 50px;
    margin-left: 7px;
  }
    .ttl-question-01 .image img { width: 100%;}
  .ttl-question-01.type-01 span {
    font-size: 14px;
    font-weight: bold;
  }
/* ttl-question-02
---------------------------------------------------------- */
.ttl-question-02 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
}
  .ttl-question-02 .image img { width: 50px;}
  .ttl-question-02 .info { margin-left: 5px;}
    .ttl-question-02 .ttl {
      color: #299189;
      font-size: 17px;
      font-weight: bold;
    }
      .ttl-question-02 .ttl span { color: #5e5d5d;}
    .ttl-question-02 .txt { line-height: 1.25;}
/* box-question-01
---------------------------------------------------------- */
.box-question-01 {
  padding: 8px 0 10px;
  box-shadow: none;  
  margin: 0 auto;
}
  .box-question-01 .inner {
	  width: 100%;
  }
  .box-question-01:last-of-type { padding-bottom: 0;} 
  .box-question-01.type-01 { 
    padding-top: 25px;
	width: 800px;
  }
  .box-question-01 .text-01 {
    font-size: 14px;
    line-height: 1.7;
	width: 80%;
	margin:0 auto;
  }
/* box-question-02
---------------------------------------------------------- */
.box-question-02 {
  position: relative;
  margin-bottom: 40px;
  border-radius: 10px;
}
.box-question-02:last-child {
	margin-bottom:0;
}
  .box-question-02:before {
    content: "";
    position: absolute;
    top: 0;
    width: 21px;
    height: 11px;
  }
  .box-question-02.bg-orange { border: 4px solid #efa949;}
   .box-question-02.bg-orange:before {
      left: 0px;
	  top: 10px;
	  width: 12px;
	  height: 25px;
      background: url(../img/question/ico_triangle_01.png) 0 0 no-repeat;
      background-size: 12px 25px;
    }
  .box-question-02.bg-gray { border: 4px solid #d4ced1;}
    .box-question-02.bg-gray:before {
      right: 0px;
	  top: 10px;
	  width: 12px;
	  height: 25px;
      background: url(../img/question/ico_triangle_02.png) 0 0 no-repeat;
      background-size: 12px 25px;
    }
  .box-question-02 .box-text {
    padding: 25px 20px;
    border-radius: 5px 5px 0 0;
  }
    .box-question-02.bg-orange .box-text {
      background-color: #faf7f0;
	  border-bottom: 2px solid #f4d09c;
    }
    .box-question-02.bg-gray .box-text { border-bottom: 2px solid #e9e6e8;}
  .box-question-02 .box-date { padding: 3px 10px;}


  
/* form-cmn-input.form-question
---------------------------------------------------------- */
.form-cmn-input.form-question { height: 150px;}

/* ==========================================================
 faq
========================================================== */
/* sec-faq-01
---------------------------------------------------------- */
.sec-faq-01 {
  padding-top: 0;
  box-shadow: none;
  padding: 15px 0 12px;
}

.sec-faq-02 {
  padding-top: 0;
  box-shadow: none;
  
}
/*  .sec-faq-01:first-of-type { padding: 12px 0 12px;} */
  .sec-faq-01 .ttl-cmn-03 { margin-bottom: 0;}
  
/* box-faq-01
---------------------------------------------------------- */
.box-faq-01 { overflow: hidden;}
  .box-faq-01 .title {
    background-color: #e6f2f1;
	width: 920px;
    margin: 0 auto 10px;
  }
    .box-faq-01 .title .inner {
		padding: 5px;
  }
    .box-faq-01 .title h3 {
      font-size: 18px;
      font-weight: bold;
    }
	
	.box-faq-01 .inner {
		padding: 0 20px;
	}
	
	.box-faq-01 .title .inner {
		padding: 5px 8px;
    }
	
  .box-faq-01 .list-01 { line-height: 1.4;}
    .box-faq-01 .title-01 {
      margin-bottom: 3px;
      color: #299189;
      font-weight: bold;
    }
    .box-faq-01 .text-01 {
      margin-bottom: 15px; 
      font-size: 14px;
    }
      .box-faq-01 a.link-02 {
        background-color: #f8f6e9;
        font-weight: bold;
      }
      .box-faq-01 a.link-03 {
        color: #883d5b;
        text-decoration: underline;
      }
  .box-faq-01 .link-01 {
    display: inline-block;
	
    margin: 0 20px 15px;
    padding-left: 20px;
    background: url(../img/ico_arrow_right_05.png) left center no-repeat;
    background-size: 16px;
    color: #4984a2;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
  }
 /* .box-faq-01 .table-01 {
    width: 100%;
    margin: 8px 0 10px;
    font-weight: bold;
  }
    .box-faq-01 .table-01 thead th {
      padding: 4px 3px;
      border: 1px solid #299189;
      text-align: center;
    }
      .box-faq-01 .table-01 thead th:first-child {
        border-top: none;
        border-left: none;
      }
      .box-faq-01 .table-01 thead th:last-child {
        background-color: #299189;
        color: #fff;
      }
    .box-faq-01 .table-01 tbody th {
      width: 18%;
      padding: 4px 5px;
      background-color: #f2fffe;
      border: 1px solid #299189;
    }
      .box-faq-01 .table-01 tbody th:first-child { width: 64%;}
    .box-faq-01 .table-01 tbody td {
      border: 1px solid #299189;
      text-align: center;
    }
      .box-faq-01 .table-01 td .ico-cross { 
        width: 8px;
        margin: 0 auto;
        padding-top: 8px;
      }
        .box-faq-01 .table-01 td .ico-cross img { width: 100%;}
      .box-faq-01 .table-01 td .ico-cicle {
        width: 15px;
        margin: 0 auto;
        padding-top: 3px;
      } 
        .box-faq-01 .table-01 td .ico-cicle img { width: 100%;}*/
		

/* box-faq-02
---------------------------------------------------------- */
.box-faq-02 {
	display: -webkit-flex;
    display: flex;
	width: 920px;
    margin: 0 auto 10px;
}

.box-faq-01 .box-faq-02 .text-01 {
	width: 50%;
	font-size: 14px;
	margin-right: 20px;
    }

.box-faq-01 .box-faq-02 .table-01 {
    width: 40%;
    margin-bottom: 10px;
    font-weight: bold;
  }
    .box-faq-01 .box-faq-02 .table-01 thead th {
      padding: 4px 3px;
      border: 1px solid #299189;
      text-align: center;
    }
      .box-faq-01 .box-faq-02 .table-01 thead th:first-child {
        border-top: none;
        border-left: none;
      }
      .box-faq-01 .box-faq-02 .table-01 thead th:last-child {
        background-color: #299189;
        color: #fff;
      }
    .box-faq-01 .box-faq-02 .table-01 tbody th {
      width: 18%;
      padding: 4px 5px;
      background-color: #f2fffe;
      border: 1px solid #299189;
    }
    .box-faq-01 .box-faq-02 .table-01 tbody th:first-child { width: 64%;}
    .box-faq-01 .box-faq-02 .table-01 tbody td {
      border: 1px solid #299189;
      text-align: center;
    }
	
	  
    .box-faq-01 .box-faq-02 .table-01 td .ico-cross { 
        width: 12px;
        margin: 0 auto;
		padding-top: 8px;
		
	 }
     .box-faq-01 .box-faq-02 .table-01 td .ico-cross img { width: 100%;}
     .box-faq-01 .box-faq-02 .table-01 td .ico-cicle {
        width: 15px;
        margin: 0 auto;
        padding-top: 8px;
      } 
      .box-faq-01 .box-faq-02 .table-01 td .ico-cicle img { width: 100%;}
	  
/* ==========================================================
 privacy rule
========================================================== */
.privacy-text {
	font-size: 16px;
	margin:15px 0;
}

.list-abc-01 {
	list-style-type: upper-latin;
	margin: 0 20px 15px;
}

.list-num-01 {
	list-style-type: decimal;
	margin: 0 20px 15px;
}

.list-disc-01 {
	list-style-type: disc;
	margin: 0 20px 15px;
}


/* ==========================================================
 commercialTransactions
========================================================== */

.dl-commercial-01 {
		width: 920px;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
}
	
.dl-commercial-01 dt, .dl-commercial-01 dd {
		box-sizing: border-box;
		padding: 6px 5px;
  }
  
  
.dl-commercial-01 dt {
		width: 45%;
		font-size: 18px;
		font-weight: bold;
		color: #5e5d5d;
		border-right: 10px solid #e6f2f1;
		margin-right: 15px;
		margin-bottom: 20px;
  }

.dl-commercial-01 dd {
		width: 45%;
		font-size: 14px;
		color: #5e5d5d;
		margin-bottom: 20px;
  }
  
/* ==========================================================
 contact
========================================================== */
.contact_detail01 {
	width: 920px;
	text-align: center;
	margin: 25px auto 0;
}

.contact_detail02 {
	width: 920px;
	text-align: left;
	margin: 15px auto;
}

/* ==========================================================
withdrawal_password
========================================================== */
.box-withdrawal-01 {
	width: 920px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.box-withdrawal-01 .list-disc-01 {
	list-style-type: disc;
	width: 40%;
	margin-right: 40px;
}

.box-withdrawal-01 .table-01 {
    width: 50%;
    font-weight: bold;
  }
    .box-withdrawal-01 .table-01 thead th {
      padding: 4px 3px;
      border: 1px solid #299189;
      text-align: center;
    }
      .box-withdrawal-01 thead th:first-child {
        border-top: none;
        border-left: none;
      }
	  .box-withdrawal-01 thead th:nth-child(2) {
        background-color: #5e5d5d;
        color: #fff;
      }
      .box-withdrawal-01 thead th:last-child {
        background-color: #299189;
        color: #fff;
      }
    .box-withdrawal-01 .table-01 tbody th {
      width: 18%;
      padding: 4px 5px;
      background-color: #f2fffe;
      border: 1px solid #299189;
    }
    .box-withdrawal-01 .table-01 tbody th:first-child { width: 50%;}
    .box-withdrawal-01 .table-01 tbody td {
      border: 1px solid #299189;
      text-align: center;
    }
	
	  
    .box-withdrawal-01 .table-01 td .ico-cross { 
        width: 12px;
        margin: 0 auto;
		padding-top: 8px;
		
	 }
     .box-withdrawal-01 .table-01 td .ico-cross img { width: 100%;}
     .box-withdrawal-01 .table-01 td .ico-cicle {
        width: 15px;
        margin: 0 auto;
        padding-top: 8px;
      } 
      .box-withdrawal-01 .table-01 td .ico-cicle img { width: 100%;}
	  
/* ==========================================================
signup
========================================================== */

  
  /*ttl-signup-01
---------------------------------------------------------- */
.ttl-signup-01 {
	width: 700px;
	margin: 10px auto 30px;
    padding: 0 0 5px;
	text-align:center;
	background: url(../img/signup/bg_line_01.png) left bottom repeat-x;
    background-color: #fff;
    background-size: 50px 10px;
    font-size: 34px;
    font-weight: bold;
    color: #666;
}
.ttl-signup-01 img{
    vertical-align: middle;
    padding-bottom: 12px;
    margin-right: 3px;
}
  .ttl-signup-01 span {
    display: inline-block;
    position: relative;
    font-size: 40px;
    color: #e5004f;
  }
    .ttl-signup-01 span:before {
      content: "";
      position: absolute;
      top: 0;
      right: -10px;
      width: 22px;
      height: 14px;
      background: url(../img/signup/ico_mark_01.png) 0 0 no-repeat;
      background-size: 22px 14px;
    }

/* list-signup-01
---------------------------------------------------------- */
.list-signup-01 {
	width: 1000px;
    margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	webkit-justify-content: space-between; 
	justify-content:         space-between;
	-webkit-flex-wrap: wrap; 
	flex-wrap: wrap; 
	}
  .list-signup-01 .item {
	  width: 32%;	 	  
  }
  
    .list-signup-01 .item .title {
      width: 32%;
	  height: 70px;
      position: relative;
      padding: 9px 20px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #ff9303;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
      text-align: left;
      line-height: 1.2;
	  display: table-cell;
	  vertical-align: middle;	 
    }
      .list-signup-01 .item .title:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -10px;
        left: 50%;
        width: 24px;
        height: 12px;
        margin-left: -6px;
        background: url(../img/signup/ico_arrow_down_01.png) center bottom no-repeat;
        background-size: 24px 12px;
      }
    .list-signup-01 .item .text {
      padding: 11px 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #f4fdfc;
      border: 1px #06a792 solid;
      color: #4c4c4c;
      font-size: 14px;
      line-height: 1.45;
	  height: 200px;
	  margin-top: 10px;
    }
/* list-signup-02
---------------------------------------------------------- */
.list-signup-02 { 
  line-height: 1.5;
}
  .list-signup-02 dt {}
  .list-signup-02 dd { margin-bottom: 15px;}
/*sec-signup-01
---------------------------------------------------------- */
.sec-signup-01 { padding-bottom: 20px;}
/*box-step-signup
---------------------------------------------------------- */
.box-step-signup {
	background: #fff;
	padding: 20px 0;
}
  .box-step-signup .list { 
    width: 920px;
	margin:0 auto;
	overflow: hidden;}
    .box-step-signup .list .item {
      position: relative;
      float: left;
      height: 60px;
      padding: 5px 0;
      background-color: #faf7e6;
      border-right: 3px solid white;
    }
      .box-step-signup .list .item:first-child {  width: 29%;}
      .box-step-signup .list .item:nth-child(2) {
        width: 33%;
        padding-left: 15px;
      }
      .box-step-signup .list .item:last-child {
        width: 33%;
        padding-left: 15px;
        border-right: none;
      }
      .box-step-signup .list .item:nth-child(n+2):before,
      .box-step-signup .list .item:not(:last-child):after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
      }
      .box-step-signup .list .item:nth-child(n+2):before {
        left: 0;
        border-left: 15px solid white;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
      }
      .box-step-signup .list .item:not(:last-child):after {
        right: -15px;
        border-left: 15px solid #faf7e6;
        z-index: 1;
      }
	  
      .box-step-signup .list .inner {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 200px;
        margin: 0 auto;
      }
      .box-step-signup .list .num {
        width: 48px;
        height: 48px;
        padding: 5px 5px 0 0;
        background-color: #fff;
        border: 3px solid #faf7e6;
        border-radius: 50%;
        color: #dcd38f;
        font-size: 30px;
        text-align: right;
        font-weight: bold;
        line-height: 1.1;
		position:relative;
      }
        .box-step-signup .list .num span {
          display: block;
          font-size: 14px;
          color: #dcd38f;
		  position: absolute;
		  top:12px;
		  left: -15px;
		  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
		  #fff 1px -1px 0px, #fff -1px -1px 0px;
        }
      .box-step-signup .list .text {
        padding-left: 10px;
        color: #dcd38f;
        font-weight: bold;
        text-align: left;
		font-size: 18px;
      }
/*  current  */
.box-step-signup .list .current { background-color: #ff9303;}
    .box-step-signup .list .current .num { 
      background-color: #ff9303;
      color: #fffc00;
    }
	.box-step-signup .list .current .num span { 
      color: #fff;
	  text-shadow: #ff9303 1px 1px 0px, #ff9303 -1px 1px 0px,
	  #ff9303 1px -1px 0px, #ff9303 -1px -1px 0px;
    }
    
    .box-step-signup .list .current .text { color: #fff;}

  .box-step-signup .list .item.step-01.current:after,
  .box-step-signup .list .item.step-02.current:after,
  .box-step-signup .list .item.step-03.current:after { border-left: 15px solid #ff9303;}
  
/*  past  */
.box-step-signup .list .past { background-color: #fed7a3;}
    .box-step-signup .list .past .num { 
      background-color: #ff9303;
      color: #fffc00;
    }
	.box-step-signup .list .past .num span { 
      color: #fff;
	  text-shadow: #ff9303 1px 1px 0px, #ff9303 -1px 1px 0px,
	  #ff9303 1px -1px 0px, #ff9303 -1px -1px 0px;
    }
    
    .box-step-signup .list .past .text { color: #fff;}

  .box-step-signup .list .item.step-01.past:after,
  .box-step-signup .list .item.step-02.past:after,
  .box-step-signup .list .item.step-03.past:after { border-left: 15px solid #fed7a3;}
  
    
@media screen and (min-width: 414px) {
  .box-step-signup .list .item:first-child { width: 33.33%;}
  .box-step-signup .list .item:nth-child(2) { width: 33.33%;}
  .box-step-signup .list .item:last-child { width: 33%;}
}
/*text-signup-01
---------------------------------------------------------- */
.text-signup-01 {
  margin: 0 auto 15px;
  line-height: 1.5;
}
/*box-signup-01
---------------------------------------------------------- */
.box-signup-01 {
  padding-bottom: 20px;
  background-color: #fff;
}
  .box-signup-01 .inner {
	width:920px;
	margin: 0 auto;
	padding: 20px 30px;
	background-color: #efeff4;
}
  .box-signup-01 .title-01 { 
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
  }	  
  
/* ==========================================================
 signup_payment
========================================================== */
/* 
---------------------------------------------------------- */
.rule {
	width: 100%;
	height: 500px;
	background-color: #ffffff;
	border: 2px #dadada solid;
	overflow: auto;
	padding: 15px;
	margin-bottom: 20px;
}

.result-message {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.result-message__box {
	background-color: #eee;
	padding: 40px;
	width: 80%;
	height: 100px;
	margin-bottom: 20px;
	border-radius: 5px;
}