@charset "UTF-8";

#contents_block .submit_over {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #c70505;
}

#contents_block .contents_body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

#contents_block .contents_body .bd_contents .bd_frame_body {
  line-height: 1.75;
}

#contents_block .svb_title {
  line-height: 0;
  text-align: center;
  width: 790px;
  margin: 0 auto 33px;
}

#contents_block .svb_lead {
  box-sizing: border-box;
  height: 412px;
  width: 962px;
  padding-top: 60px;
  margin: 0 auto 59px;
  font-size: 16px;
  text-align: center;
  color: #493e39;
  text-shadow: 0px 2px 3px rgba(255, 255, 255, 0.65);
  background: url(/lp/batondor/images/19_lead_bg.png) no-repeat center bottom;
  background-size: contain;
}

#contents_block .svb_lead p {
  margin-bottom: 1.75em;
}

#contents_block .svb_guidance {
  width: 830px;
  margin: 59px auto 0;
  font-size: 18px;
}

#contents_block .svb_guidance .font-small {
  font-size: 16px;
}

#contents_block .svb_guidance > h2 {
  line-height: 0;
  text-align: center;
  margin: 0 auto 25px;
}

#contents_block .svb_guidance .guidance_row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 24px 0;
  margin: 0 auto;
  border-top: 1px solid #e1d6b7;
}

#contents_block .svb_guidance .guidance_row .guidance_header {
  box-sizing: border-box;
  padding-left: 10px;
  position: relative;
  width: 105px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  white-space: nowrap;
  color: #652b0e;
  font-weight: bold;
  background: #efcc3e;
}

#contents_block .svb_guidance .guidance_row.guidance_caution {
  margin-bottom: 50px;
  border-bottom: 1px solid #e1d6b7;
}

#contents_block .svb_guidance .guidance_row.guidance_caution .guidance_header {
  color: white;
  background: #c70505;
}

#contents_block .svb_guidance .guidance_row .guidance_header::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 15px 0 15px 10px;
  border-left-color: #efcc3e;
  overflow: hidden;
}

#contents_block .svb_guidance .guidance_row.guidance_caution .guidance_header::after {
  border-left-color: #c70505;
}

#contents_block .svb_guidance .guidance_row .guidance_body {
  box-sizing: border-box;
  width: 694px;
  margin-left: auto;
}

#contents_block .svb_guidance .guidance_row .guidance_body * {
  word-break: break-all;
}

#contents_block .svb_guidance .guidance_row .guidance_body a {
  color: #765c51;
}

#contents_block .svb_guidance .guidance_row .guidance_body a:hover {
  opacity: 0.8;
}

#contents_block .svb_guidance .hanging {
  border-collapse: collapse;
}

#contents_block .svb_guidance .hanging .hanging_icon {
  vertical-align: top;
  white-space: nowrap;
}

#contents_block .svb_guidance .hanging tr:not(:last-of-type) td {
  padding-bottom: 0.25em;
}

#contents_block .svb_guidance ul.list_normal li {
  padding-left: 1.25em;
}

#contents_block .svb_guidance ul.list_normal li:not(:last-child) {
  margin-bottom: 0.25em;
}

#contents_block .svb_guidance ul.list_normal li::before {
  display: inline-block;
  width: 1.25em;
  margin-left: -1.25em;
  content: '●';
  color: #9a803a;
}

#contents_block .svb_guidance .guidance_row.guidance_caution ul.list_normal li::before {
  color: #c70505;
}

#contents_block .svb_guidance .about_svb {
  display: flex;
  color: white;
  width: 100%;
  margin-top: 15px;
  box-sizing: border-box;
  align-items: center;
  padding: 10px;
  background: #211915;
}

#contents_block .svb_guidance .about_svb .area_text {
  width: 370px;
  margin-left: 10px;
  margin-right: auto;
}

#contents_block .svb_guidance .about_svb .area_text h4 {
  font-size: 18px;
}

#contents_block .svb_guidance .about_svb .area_img {
  width: 410px;
  margin-left: auto;
}

#contents_block .svb_guidance .svb_content {
  box-sizing: border-box;
  width: 100%;
  margin-top: 25px;
  padding: 18px 39px 30px;
  background: #f1e8d5;
  border: solid 1px #e1d6b7;
}

#contents_block .svb_guidance .svb_content h3.content_title {
  box-sizing: content-box;
  height: 50px;
  line-height: 50px;
  width: 672px;
  padding: 6px 50px 9px 106px;
  margin: 0 -39px 14px;
  color: white;
  font-size: 18px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 65px;
}

#contents_block .svb_guidance .svb_content.content1 h3.content_title {
  background-image: url(/lp/batondor/images/19_contents_title_bg1.png);
}

#contents_block .svb_guidance .svb_content.content2 h3.content_title {
  background-image: url(/lp/batondor/images/19_contents_title_bg2.png);
}

#contents_block .svb_guidance .svb_content.content1 .content1_img {
  margin-top: 14px;
}

#contents_block .svb_guidance .svb_content.content2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#contents_block .svb_guidance .svb_content.content2 .list_normal {
  width: 530px;
  margin-right: auto;
}

#contents_block .svb_guidance .svb_content.content2 .content2_img {
  width: 200px;
  margin-left: auto;
}

#contents_block .svb_guidance .guidance_submit {
  margin-bottom: 20px;
  padding: 30px 30px 25px;
  font-size: 14px;
  text-align: center;
  background: #f5eee0;
}

#contents_block .svb_guidance .guidance_submit .submit_button {
  margin-bottom: 10px;
}

#contents_block .svb_guidance .closing_text {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #594c32;
}

/* ------------------------------------------------- */
/* smart phone */

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

 #contents_block * {
   -webkit-text-size-adjust: none;
 }

 #contents_block .submit_over {
   margin: 15px 0;
   font-size: 12px;
 }

 #contents_block .contents_body .bd_contents .bd_frame_body {
   line-height: 1.6;
 }

 #contents_block .bd_contents .bd_frame_body h1.svb_title {
  /*
   width: 320px;
   height: 132px;
  */
  width: 100%;
  height: auto;
  padding-top: 0;
  
   margin-bottom: 20px;
 }
 
 #contents_block .bd_contents .bd_frame_body h1.svb_title img{
  width: 100%;
  height: auto;
 }

 #contents_block .svb_lead {
   box-sizing: border-box;
  /*
   height: 492px;
   width: 320px;
   padding-top: 31px;
  */
   width:100%;
  height:auto;
  padding-top: 31px;
  padding-bottom: 1em;
   margin: 0 auto 33px;
   font-size: 13px;
   text-shadow: none;
   background: url(/lp/batondor/images/19_smp_lead_bg.png) no-repeat center 0;
   /*background-size: contain;*/
  background-size:cover;
 }

 #contents_block .svb_lead p {
   margin-bottom: 1.6em;
 }

 #contents_block .svb_guidance {
   margin-top: 1.6em;
   /*width: 305px;*/
  width: 95%;
   font-size: 14px;
 }

 #contents_block .svb_guidance .font-small {
   font-size: 13px;
 }

 #contents_block .svb_guidance > h2 {
   /*width: 109px;*/
  width: 35.855%;
   margin: 0 auto 20px;
 }

 #contents_block .svb_guidance > h2 img {
   width: 100%;
   height: auto;
 }

 #contents_block .svb_guidance .guidance_row {
   display: block;
   border-top: none;
   padding: 0 0 20px;
 }

 #contents_block .svb_guidance .guidance_row .guidance_header {
   padding: 0 7px;
   margin-bottom: 10px;
   width: 100%;
   height: 28px;
   font-size: 16px;
   line-height: 25px;
 }

 #contents_block .svb_guidance .guidance_row .guidance_header::after {
   display: none;
 }

 #contents_block .svb_guidance .guidance_row .guidance_body {
   padding: 0 7px;
   width: 100%;
 }

 #contents_block .svb_guidance .about_svb {
   display: block;
   margin-top: 8px;
   padding: 7px;
 }

 #contents_block .svb_guidance .about_svb .area_text {
   width: 100%;
   margin: 5px 0;
 }

 #contents_block .svb_guidance .about_svb .area_text h4 {
   font-size: 15px;
 }

 #contents_block .svb_guidance .about_svb .area_img {
   width: 100%;
 }

 #contents_block .svb_guidance .about_svb .area_img img {
   width: 100%;
   height: auto;
 }

 #contents_block .svb_guidance .svb_content {
   width: 100%;
   margin-top: 15px;
   padding: 7px;
 }

 #contents_block .svb_guidance .svb_content h3.content_title {
   box-sizing: border-box;
   line-height: 24px;
   font-size: 16px;
   /*
   width: 303px;
   height: inherit;
  */
  width:auto;
  height: auto;
  
   /*white-space: nowrap;*/
   padding: 11px 0 10px 47px;
   margin: 0 -7px 10px;
   color: white;
   font-weight: bold;
   background-size: 303px auto, 100% 100%;
  
  /*background-size: 100% auto;*/
  background-position: 0 0;
 }

 #contents_block .svb_guidance .svb_content.content1 h3.content_title {
   background-image: url(/lp/batondor/images/19_smp_contents_title_bg1.png),url(/lp/batondor/images/19_smp_contents_title_bg1_2.png);
 }

 #contents_block .svb_guidance .svb_content.content2 h3.content_title {
   background-image: url(/lp/batondor/images/19_smp_contents_title_bg2.png),url(/lp/batondor/images/19_smp_contents_title_bg2_2.png);
 }

 #contents_block .svb_guidance .svb_content.content1 .content1_img {
   margin-top: 14px;
 }
 
 #contents_block .svb_guidance .svb_content.content1 .content1_img img{
  width: 100%;
  height: auto;
 }
 
 #contents_block .svb_guidance .svb_content.content2 {
   display: block;
 }

 #contents_block .svb_guidance .svb_content.content2 .list_normal {
   width: inherit;
 }

 #contents_block .svb_guidance .svb_content.content2 .content2_img {
   /*width: 150px;*/
  width: 51.9%;
  
   text-align: center;
   margin: 10px auto 0;
 }
 
 #contents_block .svb_guidance .svb_content.content2 .content2_img img{
  width: 100%;
  height: auto;
 }

 #contents_block .svb_guidance .guidance_row.guidance_caution {
   margin-bottom: 20px;
 }

 #contents_block .svb_guidance .guidance_submit {
   margin-bottom: 15px;
   padding: 10px;
   font-size: 12px;
 }

 #contents_block .svb_guidance .closing_text {
   margin-bottom: 20px;
   font-size: 15px;
 }

}