@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;}

#content .flow{font-size:13px;padding:15px 0 0;border-top:1px solid #bbb;margin-top:15px;}
#content .flow .tit{font-weight:bold;color:#985802;}

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:70px 0 20px;width:100%;}

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

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


#content h3 .date{font-size:18px;margin-right:2em;}

#content h5{padding-bottom:0.5em;color:#1d6512;font-size:19px;font-weight:bold;padding-top:0.8em;}
#content h5:before{content:'■';}

#content p a {color:#09d;}

#content .console{color:#1d6512;}

#content .list-disc li{padding-left:1em;text-indent:-1em;padding-bottom:0.5em;}
#content .list-disc li:before{content:'・';}

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


#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:10px;padding-bottom:10px;}

#content .button{display: inline-block;color: #fff;font-size: 13px;background-color: #888;padding: 15px 30px 15px 30px;line-height: 1;border-radius: 40px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);margin: 0 4px;}

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:2.5em 0 10px;line-height:1.3;padding-bottom:0.3em;font-size:22px;width:100%;}


  #content .flow{font-size:13px;padding:15px 0 0;border-top:1px solid #bbb;margin-top:15px;}
  #content .flow .tit{font-weight:bold;color:#985802;}

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

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



  #content h5{padding-bottom:0.5em;color:#1d6512;font-size:19px;font-weight:bold;padding-top:0.8em;}
  #content h5:before{content:'■';}



  #content p a {color:#09d;}

  #content .console{color:#1d6512;}


  #content .list-disc li{padding-left:1em;text-indent:-1em;padding-bottom:0.5em;}
  #content .list-disc li:before{content:'・';}

  #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:10px;}

  #content .button{display: block;color: #fff;font-size: 13px;background-color: #888;padding: 12px 30px 12px 30px;line-height: 1;border-radius: 40px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);margin: 0 0 10px;text-align:center;line-height:1.4;}

  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;}


}