@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/

@media screen and (min-width: 481px){


#header{height:80px;background:url(../img/feature/feature_head.jpg) center bottom repeat-x;background-size:cover;position:relative;}
#header .data_area {position:absolute;right:20px;top:10px;}
#header .logo{width:160px;display:block;position:absolute;top:5px;left:50%;margin-left:-80px;}
#header h1{margin:0;}


.flow_list{font-size:15px;margin-bottom:0px;}
.flow_list a{color:#1c6512;}

h2{margin-bottom:40px;}

#content h2{color:#1c6512;font-weight: bold;font-size:30px;position:relative;margin-top:30px;margin-bottom:30px;padding-top:10px;z-index:2;line-height:1;}
#content h2 span{font-weight: bold;}
#content .twoline_pc h3{float:none;width:385px;}
#content h2 .num{font-size:50px;font-style: italic;font-family: 'PT Serif', serif;line-height:1;margin-right:0.2em;}

#content h3{color:#1c6512;font-weight:bold;font-size:23px;border-bottom:1px solid #1c6512;display:inline-block;margin:40px 0 20px;}

#content{padding:40px 0 100px;}
#content .inner_centering{width:900px;}
#content p{word-wrap: break-word;}

h4{font-weight:bold!important;color:#1d6512;padding-bottom:0.7em;padding-top:1.2em;font-size:110%;}

.table_wrapper{border-radius:10px;background-color:#fffffd;border:1px solid #ddd;margin-bottom:2em;overflow:hidden;}
table{width:100%;}
table{border-collapse:collapse;}
table tr{}
table th{border-right:1px solid #ddd;border-top:1px solid #ddd;padding:12px 10px;background-color:#fffff2;font-size:14px;line-height:1.6;}
table td{border-top:1px solid #ddd;border-right:1px solid #ddd;padding:12px 10px;text-align:center;font-size:14px;}
table td.th_style{background-color:#fffff2;line-height:1.6;}
table tr:first-child th, table tr:first-child td{border-top:0px solid #ddd;}

#content .list-asterisk li{padding-left:1em;text-indent:-1em;font-size:15px;padding-bottom:0.5em;}
#content .list-asterisk li:before{content:'※';}
#content p a ,#content li a{color:#09d;}

#content .list-normal li{padding-bottom:0.8em;font-size:15px;padding-left:1.3em;text-indent:-1.3em;}
#content .list-normal li strong{font-weight:bold;color:#1d6512;font-size:16px;}

#content .list-3em li{padding-bottom:0.5em;font-size:15px;padding-left:2.5em;text-indent:-2.5em;color:#b38136;}

#content .box-pick{border-radius:10px;padding:25px 60px 40px;background-color:rgba(255, 255, 255, 0.76);border:1px solid #ddd;box-sizing:border-box;}
#content .box-pick h4{text-align:center;padding-top:0;padding-bottom:30px;}

span.min{font-size:90%;color:#666;}
span.asterisk{color:#b38136;padding:0 0.3em;font-size:80%;}


.btn_back_box{display:flex;justify-content: center;padding-top:100px;}
.btn_back{display:block;color:#fff;font-size:15px;background-color:#1b4d11;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;}
.btn_back .back_icon{transform: rotate( -180deg );width:26px;height:26px;display:inline;margin:-8px 8px -8px -5px;}

.btn_back.fix{display:inline-block;position:fixed;left:50%;bottom:-60px;margin-left:-90px;z-index:80;transition:all 0.3s;}
.btn_back.fix.in{bottom:20px;}


#cboxClose{display:block;color:#fff;font-size:15px;background-color:#1b4d11!important;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;position:fixed!important;bottom:20px!important;top:auto!important;background-image:url(../img/feature/close.svg)!important;height:60px!important;width:60px!important;background-size:40px!important;background-position:center center!important;padding-top:10px;right:auto;left:50%;margin-left:-20px!important;padding-top:10px!important;}

}



/*----------------------------------------
	for SP
----------------------------------------*/

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


  #header{height:80px;background:url(../img/feature/feature_head.jpg) center bottom repeat-x;background-size:cover;position:relative;}
  #header .data_area {position:absolute;right:20px;top:10px;}
  #header .logo{width:160px;display:block;position:absolute;top:5px;left:50%;margin-left:-80px;}
  #header h1{margin:0;}


  .flow_list{font-size:15px;margin-bottom:0px;}
  .flow_list a{color:#1c6512;}

  h2{margin-bottom:40px;}

  #content h2{color:#1c6512;font-weight: bold;font-size:24px;position:relative;z-index:2;margin-bottom:1em;padding-top:20px;display:block;}
	#content h2 span{font-size:16px;display:block;padding-bottom:0px;line-height:1.2;}
	#content h2 .num{display:block;position:absolute;right:0px;bottom:0px;font-size:75px;font-style: italic;font-family: 'PT Serif', serif;opacity:0.3;color:#7b7162;line-height:1;}

  #content h3{color:#1c6512;font-weight:bold;font-size:19px;border-bottom:1px solid #1c6512;display:block;margin:1em 0 10px;line-height:1.3;padding-bottom:0.3em;}

  #content{padding:40px 0 60px;}
  #content .inner_centering{width:90%;margin:0 auto 0;}
  #content p{word-wrap: break-word;}

  h4{font-weight:bold!important;color:#1d6512;padding-bottom:0.7em;padding-top:2em;font-size:110%;}


  #content .scroll{
  overflow: scroll;　　　　/*tableをスクロールさせる*/
  white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
  width:120%;
  margin-left:-6%;
  margin-right:-6%;
  }
  /* #content .scroll::-webkit-scrollbar{　
   height: 5px;
  }
  #content .scroll::-webkit-scrollbar-track{　　
   background: #F1F1F1;
  }
  #content .scroll::-webkit-scrollbar-thumb {　
   background: #BCBCBC;
  } */

  .table_wrapper{border-radius:10px;background-color:#fffffd;border:1px solid #ddd;margin-bottom:2em;overflow:hidden;margin:0 20px;width:800px;}
  table{width:800px;}
  table{border-collapse:collapse;}
  table tr{}
  table th{border-right:1px solid #ddd;border-top:1px solid #ddd;padding:12px 10px;background-color:#fffff2;font-size:12px;line-height:1.6;}
  table td{border-top:1px solid #ddd;border-right:1px solid #ddd;padding:12px 10px;text-align:center;font-size:12px;}
  table td.th_style{background-color:#fffff2;line-height:1.6;}
  table tr:first-child th, table tr:first-child td{border-top:0px solid #ddd;}

  #content .list-asterisk li{padding-left:1em;text-indent:-1em;font-size:15px;padding-bottom:0.5em;}
  #content .list-asterisk li:before{content:'※';}
  #content p a ,#content li a{color:#09d;}

  #content .list-normal li{padding-bottom:0.6em;font-size:13px;padding-left:1.3em;text-indent:-1.3em;}
  #content .list-normal li strong{font-weight:bold;color:#1d6512;font-size:15px;}

  #content .list-3em{margin-top:2em;}
  #content .list-3em li{padding-bottom:0.5em;font-size:12px;padding-left:2.5em;text-indent:-2.5em;color:#b38136;}

  #content .box-pick{border-radius:10px;padding:25px 20px 30px;background-color:rgba(255, 255, 255, 0.76);border:1px solid #ddd;box-sizing:border-box;}
  #content .box-pick h4{text-align:center;padding-top:0;padding-bottom:30px;}

  span.min{font-size:90%;color:#666;}
  span.asterisk{color:#b38136;padding:0 0.3em;font-size:80%;}


  .btn_back_box{display:flex;justify-content: center;padding-top:60px;}
  .btn_back{display:block;color:#fff;font-size:15px;background-color:#1b4d11;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;}
  .btn_back .back_icon{transform: rotate( -180deg );width:26px;display:inline;margin:-8px 8px -8px -5px;}

  .btn_back.fix{display:inline-block;position:fixed;left:50%;bottom:-60px;margin-left:-90px;z-index:80;transition:all 0.3s;}
  .btn_back.fix.in{bottom:20px;}


  #cboxClose{display:block;color:#fff;font-size:15px;background-color:#1b4d11!important;line-height:1;border-radius:30px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;position:fixed!important;bottom:20px!important;top:auto!important;background-image:url(../img/feature/close.svg)!important;height:40px!important;width:40px!important;background-size:30px!important;background-position:center center!important;padding-top:10px;right:auto;left:50%;margin-left:-20px!important;padding-top:10px!important;}


}