.container h1{
	margin: 0;
}
.container h1 img{
	max-width: 100%;
}
.container h1 + p{
	text-align: left;
	margin-top: 25px;
	line-height: 1.8;
}
h2.image-title {
  padding: 0;
  margin: 0;
  text-align: center;
}

#page_navi {
  margin-bottom: 60px;
}
#page_navi ul {
  display: flex;
  flex-wrap: wrap;
}
#page_navi li {
  width: 48.6%;
  margin-top: 20px;
  margin-right: 2.8%;
  color: #443829;
  border-radius: 50px;
  border: 2px solid #938675;
  background: url('../../common/img/ar_down.png') no-repeat 95%;
  text-align: center;
  display: flex;
}
#page_navi li:nth-child(2n) {
  margin-right: 0;
}
#page_navi li a {
  width: 100%;
  display: flex;
  padding: 10px 20px;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  justify-content: center;
  align-items: center;
}
#page_navi li span {
  font-size: 18px;
  line-height: 1.4;
}

.bnr_list li {
  margin: 0 0 20px;
}
.bnr_list li:last-child {
  margin: 0;
}
.bnr_list li a:hover {
  opacity: .8;
}
.bnr_list li img {
  width: 100%;
}

.for-pc    { display: block;}
img.for-pc { display: inline;}
.for-sp    { display: none;}
img.for-sp { display: none;}

h2.image-title { width: 100%; text-align: center; position: relative; bottom: -20px; background-color: transparent;}
#sowing_howto_eustoma img { max-width: 100%;}
#sowing_howto_eustoma h3             { padding: 0; margin: 0 0 10px 0; font-size: 26px; font-weight: bold; color: #b5439f;}
#sowing_howto_eustoma .sec-inner     { padding: 60px 30px; background: #fceff9;}

#sowing_howto_eustoma #sec01                { margin: 60px 0 0 0; position: relative;}
#sowing_howto_eustoma #sec01 .sec-inner     { padding: 50px 40px 30px; background: #fceff9;}
#sowing_howto_eustoma #sec01 .in-box        { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
#sowing_howto_eustoma #sec01 .in-box .image { width: 30%; text-align: right;}
#sowing_howto_eustoma #sec01 .in-box .text  { width: 70%; line-height: 2.0; font-size: 16px;}
#sowing_howto_eustoma #sec01 .in-box .text strong { font-weight: bold;}
#sowing_howto_eustoma #sec01 .notice        { padding: 20px; margin: 20px -10px 0; border-radius: 20px; display: flex; justify-content: center; align-items: center; background: #fff;}
#sowing_howto_eustoma #sec01 .notice .image { margin-right: 20px;}
#sowing_howto_eustoma #sec01 .notice .text  { line-height: 1.8; font-size: 16px; color: #b5439f;}
#sowing_howto_eustoma #sec01 .notice .text strong { font-size: 18px; font-weight: bold; color: #b5439f;}

#sowing_howto_eustoma #sec02          { margin: 60px 0 0 0; position: relative;}
#sowing_howto_eustoma #sec02 p        { margin-bottom: 30px; line-height: 2.0; font-size: 16px;}
#sowing_howto_eustoma #sec02 p strong { font-weight: bold;}
#sowing_howto_eustoma #sec02 .image   { text-align: center; margin-bottom: 40px;}
#sowing_howto_eustoma #sec02 .button  { text-align: center;}

#sowing_howto_eustoma #sec03          { margin: 60px 0 0 0; position: relative;}
#sowing_howto_eustoma #sec03 p        { margin-bottom: 30px; line-height: 2.0; font-size: 16px;}
#sowing_howto_eustoma #sec03 p strong { font-weight: bold;}
#sowing_howto_eustoma #sec03 .in-box  { max-width: 700px; margin: 0 auto 40px; display: flex; justify-content: space-between; align-items: center;}
#sowing_howto_eustoma #sec03 .image   { text-align: center; margin-bottom: 40px;}
#sowing_howto_eustoma #sec03 .button  { text-align: center;}

#sowing_howto_eustoma #sec04          { margin: 60px 0 0 0; position: relative;}
#sowing_howto_eustoma #sec04 p        { margin-bottom: 30px; line-height: 2.0; font-size: 16px;}
#sowing_howto_eustoma #sec04 p strong { font-weight: bold;}
#sowing_howto_eustoma #sec04 .in-box  { margin-top: 30px; display: flex; justify-content: space-between;}
#sowing_howto_eustoma #sec04 .in-box.box01,
#sowing_howto_eustoma #sec04 .in-box.box03 { flex-direction: row-reverse;}
#sowing_howto_eustoma #sec04 .box01 .image { width: 35%;}
#sowing_howto_eustoma #sec04 .box01 .desc  { width: 60%;}
#sowing_howto_eustoma #sec04 .box02 .image { width: 38%;}
#sowing_howto_eustoma #sec04 .box02 .desc  { width: 57%;}
#sowing_howto_eustoma #sec04 .box03 .image { width: 35%;}
#sowing_howto_eustoma #sec04 .box03 .desc  { width: 60%;}
#sowing_howto_eustoma #sec04 .box03 .img01 { margin-bottom: 25px;}
#sowing_howto_eustoma #sec04 .box03 .img02 { margin-bottom: 25px;}
#sowing_howto_eustoma #sec04 .box04 .image { width: 50%;}
#sowing_howto_eustoma #sec04 .box04 .desc  { width: 45%;}

#e_sowing-howto-eustoma01 { margin: 80px 0 50px 0;}
#e_sowing-howto-eustoma02 { margin: 80px 0 50px 0;}
#other_osusume            { margin-top: 80px;}


@media only screen and (max-width: 767px) {
  
  .for-pc    { display: none;}
  img.for-pc { display: none;}
  .for-sp    { display: block;}
  img.for-sp { display: inline;}

  .special-anchor-links { padding: 0 10px; }
  
  #sowing_howto_eustoma h1 { margin: 0 10px 15px;}
  #sowing_howto_eustoma h1 + p { margin: 0 10px 15px;}
  
  #sowing_howto_eustoma h2.image-title { width: 100%; text-align: center; position: relative; bottom: -20px;}
  #sowing_howto_eustoma h3             { padding: 0; margin: 0 0 10px 0; font-size: 26px; font-weight: bold; color: #b5439f;}
  #sowing_howto_eustoma .sec-inner     { padding: 40px 20px; background: #fceff9;}
  
	#page_navi ul {
    margin: 0 10px;
    display: block;
	}
	#page_navi li {
		width: 100%;
    height: 54px;
    margin-top: 10px;
	}
  #page_navi li a {
    width: 100%;
    height: 54px;
    padding: 0 20px;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
  }
  #page_navi li span {
    margin: 0 auto;
    align-self: center;
    text-align: center;
    font-size: 16px;
  }  
  #sowing_howto_eustoma h3  { padding: 0; margin: 0 0 8px 0; font-size: 22px; font-weight: bold; color: #b5439f;}
  #sowing_howto_eustoma img { max-width: 100%;}

  #sowing_howto_eustoma #sec01                { margin: 60px 0 0; position: relative;}
  #sowing_howto_eustoma #sec01 .sec-inner     { padding: 50px 20px 30px; background: #fceff9;}
  #sowing_howto_eustoma #sec01 .in-box        { margin-bottom: 20px; display: block;}
  #sowing_howto_eustoma #sec01 .in-box .image { width: 100%; margin-bottom: 20px; text-align: center;}
  #sowing_howto_eustoma #sec01 .in-box .image img { width: 55%;}
  #sowing_howto_eustoma #sec01 .in-box .text  { width: 100%; line-height: 2.0; font-size: 16px;}
  #sowing_howto_eustoma #sec01 .in-box .text strong { font-weight: bold;}
  #sowing_howto_eustoma #sec01 .notice        { padding: 20px; margin: 20px 0 0; border-radius: 20px; display: flex; justify-content: center; align-items: center; background: #fff;}
  #sowing_howto_eustoma #sec01 .notice .image { margin-right: 20px;}
  #sowing_howto_eustoma #sec01 .notice .text  { line-height: 1.8; font-size: 16px; color: #b5439f;}
  #sowing_howto_eustoma #sec01 .notice .text strong { font-size: 16px; font-weight: bold; color: #b5439f;}

  #sowing_howto_eustoma #sec02          { margin: 60px 0 0; position: relative;}
  #sowing_howto_eustoma #sec02 p        { margin-bottom: 30px; line-height: 2.0; font-size: 16px;}
  #sowing_howto_eustoma #sec02 p strong { font-weight: bold;}
  #sowing_howto_eustoma #sec02 .image   { text-align: center; margin-bottom: 25px;}
  #sowing_howto_eustoma #sec02 .button  { text-align: center;}

  #sowing_howto_eustoma #sec03          { margin: 60px 0 0; position: relative;}
  #sowing_howto_eustoma #sec03 p        { margin-bottom: 30px; line-height: 2.0; font-size: 16px;}
  #sowing_howto_eustoma #sec03 p strong { font-weight: bold;}
  #sowing_howto_eustoma #sec03 .in-box  { max-width: auto; margin-bottom: 25px; display: block;}
  #sowing_howto_eustoma #sec03 .image01 { margin-bottom: 20px;}
  #sowing_howto_eustoma #sec03 .image   { text-align: center; margin-bottom: 25px;}
  #sowing_howto_eustoma #sec03 .button  { text-align: center;}

  #sowing_howto_eustoma #sec04               { margin: 60px 0 0; position: relative;}
  #sowing_howto_eustoma #sec04 p             { margin-bottom: 15px; line-height: 1.8; font-size: 16px;}
  #sowing_howto_eustoma #sec04 p strong      { font-weight: bold;}
  #sowing_howto_eustoma #sec04 .in-box       { margin-top: 0; display: flex; flex-direction: column-reverse !important;}
  #sowing_howto_eustoma #sec04 .image        { width: 100% !important; margin: 0 0 30px 0;}
  #sowing_howto_eustoma #sec04 .desc         { width: 100% !important;}
  #sowing_howto_eustoma #sec04 .box03 .img01 { margin-bottom: 15px;}

  #e_sowing-howto-eustoma01     { margin: 60px 0 40px; text-align: center;}
  #e_sowing-howto-eustoma01 img { max-width: 100%;}
  #e_sowing-howto-eustoma02     { margin: 60px 0 40px; text-align: center;}
  #e_sowing-howto-eustoma02 img { max-width: 100%;}
  #other_osusume                { margin-top: 60px;}
  
  .bnr_list {
    margin: 0 10px;
  }
  .bnr_list li {
    margin: 0 0 10px;
  }
  .bnr_list li:last-child {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .bnr_list li {
    margin: 0 20px 20px 0px;
    width: 48.8%;
    float: left;
  }
  .bnr_list li:nth-child(2n) {
    margin-right: 0;
  }
}