@charset "UTF-8";
/*
ul.flex {
	display: -ms-flexbox;
	@include display-flex(flex);
	@include flex-wrap(wrap);
	@include flex-direction(row);
	//@include flex-flow(row wrap);
	@include justify-content(space-between);//space-between,space-around,flex-start,flex-end,center
	>li {
		@include flex(0 0 490px);//‘flex-grow’ ’flex-shrink’ ’flex-basis’
		@include order(1);
	}
}

.row {
	@include legacy-pie-clearfix;
	// margin: 0 -10px;
	.col {
		padding: 0 10px;
		@include box-sizing(border-box);
		float: left;
		width: 33.3333333%;
	}
}

*/

main.resolution {
  /*div.resolution_introduction {
  		.header {
  			margin-top: 30px;
  		}
  		.flex {
  			margin-top: 30px;
  			display: -ms-flexbox;
  			@include display-flex(flex);
  			@include flex-wrap(wrap);
  			@include flex-direction(row);
  			@include justify-content(center);
  			.item {
  				@include flex(0 0 auto);
  				&:nth-of-type(2){
  					min-width: 295px;
  					min-height: 244px;
  					background: url("/assets_before/resolution/img/question.png") center center no-repeat;
  					position: relative;
  					&::before { content: url("/assets_before/resolution/img/arrow_choice_l.png"); left: 0; }
  					&::after { content: url("/assets_before/resolution/img/arrow_choice_r.png"); right: 0; }
  					&::before,
  					&::after {
  						position: absolute; top: 0; bottom: 0;
  						height: 32px; margin: auto;
  					}
  					strong {
  						position: absolute; top: 0; bottom: 0; margin: auto;
  						left: 0; right: 0; white-space: nowrap;
  						color: #1978c9;
  						font-size: 3.6rem;
  						line-height: 1.2;
  						height: 3.6rem*1.2*2;
  						font-weight: 700;
  						display: block;
  						text-align: center;
  					}
  				}
  				&:nth-of-type(1),
  				&:nth-of-type(3){
  					text-align: center;
  					strong {
  						display: block;
  						font-size: 2.4rem;
  						line-height: 1;
  						padding-top: 25px;
  						font-weight: 700;
  					}
  					a {
  						margin-top: 130px;
  						padding-left: 40px;
  						padding-right: 20px;
  						display: inline-block;
  						font-size: 1.4rem;
  						font-weight: 700;
  						line-height: 40px;
  						border: 1px solid $green;
  						text-decoration: none;
  						@include border-radius(21px);
  						background: #fff url('/assets_before/shared/img/icon_arrow_link_16.png') 16px center no-repeat;
  						&:hover {
  							@include opacity(0.7);
  						}
  					}
  				}
  				&:nth-of-type(1){ background: url('/assets_before/resolution/img/illust_pest.png') center center no-repeat; }
  				&:nth-of-type(3){ background: url('/assets_before/resolution/img/illust_nuisance.png') center center no-repeat; }
  			}
  		}
  	}
  */
}

main.resolution .title {
  background: url("/assets_before/resolution/shared/img/icon.png") left top no-repeat;
  position: relative;
  font-size: 0;
  padding-bottom: 6px;
  border-bottom: 5px solid #2d6eb6;
}

main.resolution .title .title1 {
  display: inline-block;
  vertical-align: baseline;
  padding: 0 0 0 80px;
  position: relative;
}

main.resolution .title .title1 span {
  font-family: HiraKakuPro;
  color: #000000;
  font-size: 1.2rem;
  display: block;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 80px;
  line-height: 1.5;
}

main.resolution .title .title1 strong {
  display: block;
  font-size: 3rem;
  line-height: 65px;
  padding-top: 15px;
  font-weight: 700;
}

main.resolution .title .title2 {
  border-left: 1px dotted #2d6eb6;
  display: inline-block;
  vertical-align: baseline;
  font-size: 3rem;
  line-height: 65px;
  padding: 15px 0 0 25px;
  font-weight: 700;
  margin-left: 25px;
}

main.resolution .title .title3 {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  display: block;
  position: relative;
}

main.resolution .title .cap {
  position: absolute;
  top: 35px;
  right: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
}

main.resolution .title div.pestanddiseaseicons,
main.resolution .title div.pestanddiseaseicons2 {
  position: absolute;
  border: 1px #d7d7d7 solid;
  right: 0;
  bottom: 10px;
}

main.resolution .title div.pestanddiseaseicons strong,
main.resolution .title div.pestanddiseaseicons2 strong {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}

main.resolution .title div.pestanddiseaseicons ul,
main.resolution .title div.pestanddiseaseicons2 ul {
  padding: 9px;
}

main.resolution .title div.pestanddiseaseicons ul li,
main.resolution .title div.pestanddiseaseicons2 ul li {
  display: inline-block;
  color: #d7d7d7;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.714;
  border-radius: 5px;
  border: 1px #d7d7d7 solid;
  padding: 0 0.5em;
  margin-left: 9px;
}

main.resolution .title div.pestanddiseaseicons ul li:first-child,
main.resolution .title div.pestanddiseaseicons2 ul li:first-child {
  margin-left: 0;
}

main.resolution .title div.pestanddiseaseicons ul li.on,
main.resolution .title div.pestanddiseaseicons2 ul li.on {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.714;
}

main.resolution .title div.pestanddiseaseicons strong {
  color: #2d6eb6;
  background-color: rgba(45, 110, 182, 0.1);
}

main.resolution .title div.pestanddiseaseicons ul li.on {
  border: 1px solid #2d6eb6;
  background-color: #2d6eb6;
}

main.resolution .title div.pestanddiseaseicons2 strong {
  color: #df1f67;
  background-color: rgba(223, 31, 103, 0.1);
}

main.resolution .title div.pestanddiseaseicons2 ul li {
  min-width: 220px;
  text-align: center;
}

main.resolution .title div.pestanddiseaseicons2 ul li.on {
  border: 1px solid #df1f67;
  background-color: #df1f67;
}

main.resolution.guide1 .title,
main.resolution.guide2 .title,
main.resolution.guide3 .title,
main.resolution.guide4 .title,
main.resolution.guide5 .title,
main.resolution.guide6 .title,
main.resolution.guide7 .title,
main.resolution.guide8 .title,
main.resolution.guide9 .title,
main.resolution.guide10 .title,
main.resolution.guide11 .title,
main.resolution.guide12 .title,
main.resolution.guide13 .title,
main.resolution.guide14 .title {
  background: none;
}

main.resolution.weed .title .title1 {
  padding-right: 20px;
}

main.resolution.weed .title .title1 strong {
  line-height: 50px;
  padding-top: 30px;
}

main.resolution.weed .title .title2 {
  vertical-align: top;
}

main.resolution.wizut.product .title .title3 {
  background-image: url("/assets_before/wizut/shared/img/logo.png");
  background-position: right center;
  background-repeat: no-repeat;
}

main.resolution .tab {
  margin-top: 30px;
}

main.resolution .tab nav ul {
  margin: 0 -3px;
}

main.resolution .tab nav ul li {
  padding: 0 3px;
  float: left;
}

main.resolution .tab nav ul li a {
  text-align: center;
  margin-bottom: 5px;
  color: #996600;
  font-size: 2rem;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  display: block;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
  background-color: #d5c4a3;
  text-decoration: none;
}

main.resolution .tab nav ul li a:hover {
  background-color: #c0d6ef;
  color: #2d6eb6;
}

main.resolution .tab nav ul li a span {
  vertical-align: middle;
  line-height: 2.2rem;
  display: inline-block;
}

main.resolution .tab nav ul li.current a {
  background-color: #2d6eb6;
  margin-bottom: 0;
  height: 65px;
  color: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}

main.resolution .tab .tabcontent {
  border-top: 5px solid #2d6eb6;
  padding: 0 30px 30px 30px;
  background-color: rgba(45, 110, 182, 0.05);
}

main.resolution .tab .tabcontent h3 {
  padding-top: 30px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 24px;
  border-left: 14px solid #2d6eb6;
  padding: 0 0 0 12px;
}

main.resolution .tab .tabcontent h3 span {
  border-bottom: 2px solid #2d6eb6;
  display: inline-block;
  font-size: 2rem;
  line-height: 31px;
}

main.resolution .tab .tabcontent > ul,
main.resolution .tab .tabcontent > section > ul {
  margin-top: 20px;
}

main.resolution .tab .tabcontent > ul li,
main.resolution .tab .tabcontent > section > ul li {
  padding: 6.5px 0 0 18px;
  margin: 6.5px 0 0 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.4rem;
  position: relative;
  border-top: 1px solid rgba(45, 110, 182, 0.5);
}

main.resolution .tab .tabcontent > ul li::before,
main.resolution .tab .tabcontent > section > ul li::before {
  position: absolute;
  left: 0;
  top: 12.5px;
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #2d6eb6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: baseline;
}

main.resolution .tab .tabcontent > ul li:first-child,
main.resolution .tab .tabcontent > section > ul li:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

main.resolution .tab .tabcontent > ul li:first-child::before,
main.resolution .tab .tabcontent > section > ul li:first-child::before {
  top: 6px;
}

main.resolution .tab .tabcontent h3 + div {
  padding: 20px 20px 0 20px;
}

main.resolution .tab .tabcontent div.white {
  display: block;
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
}

main.resolution .tab .tabcontent div.white > ul li {
  padding: 0 0 0 10px;
  margin: 0 0 0 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.4rem;
  position: relative;
}

main.resolution .tab .tabcontent div.white > ul li::before {
  position: absolute;
  left: 0;
  top: 9px;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: baseline;
}

main.resolution .tab .tabcontent div.white > dl {
  *zoom: 1;
  margin-top: -5px;
}

main.resolution .tab .tabcontent div.white > dl:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

main.resolution .tab .tabcontent div.white > dl dt,
main.resolution .tab .tabcontent div.white > dl dd {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

main.resolution .tab .tabcontent div.white > dl dt {
  float: left;
  clear: left;
  font-weight: bold;
  margin-top: 0.2em;
}

main.resolution .tab .tabcontent div.white > dl dt::before {
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 0.3em;
  background-color: #2d6eb6;
  vertical-align: baseline;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

main.resolution .tab .tabcontent div.white > dl dd {
  margin-top: 0.2em;
  width: 100%;
  float: left;
}

main.resolution .tab .tabcontent div.white > dl.dt1letters dt {
  width: 2.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt1letters dd {
  margin-left: -2.5em;
  padding-left: 2.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt2letters dt {
  width: 3.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt2letters dd {
  margin-left: -3.5em;
  padding-left: 3.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt3letters dt {
  width: 4.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt3letters dd {
  margin-left: -4.5em;
  padding-left: 4.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt4letters dt {
  width: 5.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt4letters dd {
  margin-left: -5.5em;
  padding-left: 5.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt5letters dt {
  width: 6.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt5letters dd {
  margin-left: -6.5em;
  padding-left: 6.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt6letters dt {
  width: 7.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt6letters dd {
  margin-left: -7.5em;
  padding-left: 7.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt7letters dt {
  width: 8.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt7letters dd {
  margin-left: -8.5em;
  padding-left: 8.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt8letters dt {
  width: 9.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt8letters dd {
  margin-left: -9.5em;
  padding-left: 9.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt9letters dt {
  width: 10.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt9letters dd {
  margin-left: -10.5em;
  padding-left: 10.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt10letters dt {
  width: 11.5em;
}

main.resolution .tab .tabcontent div.white > dl.dt10letters dd {
  margin-left: -11.5em;
  padding-left: 11.5em;
}

main.resolution .tab .tabcontent aside {
  display: block;
  margin-top: 30px;
  background-color: #fff;
  padding: 20px;
}

main.resolution .tab .tabcontent aside h4 {
  font-size: 2rem;
  font-weight: 700;
  background: url("/assets_before/resolution/shared/img/book.png") left center no-repeat;
  padding: 0 0 0 45px;
  line-height: 37px;
  margin-bottom: 15px;
}

main.resolution .tab .tabcontent aside p {
  margin-top: 0.5em;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

main.resolution .tab .tabcontent aside p b {
  font-weight: bold;
}

main.resolution .tab .tabcontent form {
  width: 100%;
}

main.resolution .tab .tabcontent form .searchcontent {
  display: flex;
  margin-bottom: 20px;
  font-size: 1.4rem;
  width: 35%;
  margin-left: 0;
}

main.resolution .tab .tabcontent form .searchcontent .row {
  position: relative;
  display: block;
  width: 220px;
  border: 1px solid #2d6eb6;
  border-radius: 5px;
  background: #fff;
}

main.resolution .tab .tabcontent form .searchcontent .row:nth-child(1) {
  margin-right: 10px;
}

main.resolution .tab .tabcontent form .searchcontent .row:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 7px solid #2d6eb6;
}

main.resolution .tab .tabcontent form select {
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 220px;
  padding: 0.5em 1em;
  border: none;
  border-radius: 5px;
  background: transparent;
}

main.resolution .tab .tabcontent form ::-ms-expand {
  display: none;
}

main.resolution .tab2 {
  margin-top: 30px;
}

main.resolution .tab2 nav {
  margin: 0 15px;
}

main.resolution .tab2 nav ul {
  margin: 0 -3px;
  position: relative;
}

main.resolution .tab2 nav ul li {
  width: 20%;
  padding: 0 3px;
  position: relative;
  float: left;
}

main.resolution .tab2 nav ul li:nth-of-type(1) {
  margin-left: 15px;
}

main.resolution .tab2 nav ul li:nth-of-type(5) {
  margin-right: -15px;
}

main.resolution .tab2 nav ul li:nth-of-type(6) {
  margin-left: -15px;
  clear: left;
}

main.resolution .tab2 nav ul li a,
main.resolution .tab2 nav ul li span {
  text-align: center;
  color: #996600;
  font-size: 2rem;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  display: block;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
  background-color: #d5c4a3;
  text-decoration: none;
}

main.resolution .tab2 nav ul li a:hover,
main.resolution .tab2 nav ul li span:hover {
  background-color: #c0d6ef;
  color: #2d6eb6;
}

main.resolution .tab2 nav ul li:nth-of-type(5) a {
  height: 100%;
  color: #228539;
  background-color: #99cc66;
}

main.resolution .tab2 nav ul li:nth-of-type(5) a:hover {
  background-color: #b3d98c;
}

main.resolution .tab2 nav ul li:nth-of-type(-n + 5) {
  height: 125px;
  z-index: 3;
}

main.resolution .tab2 nav ul li:nth-of-type(n + 6) {
  height: 65px;
  margin-top: -60px;
  z-index: 4;
}

main.resolution .tab2 nav ul li.current a {
  background-color: #2d6eb6;
  margin-bottom: 0;
  height: 100%;
  color: #fff;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}

main.resolution .tab2 nav ul li:nth-of-type(5) {
  z-index: 1;
}

main.resolution .tab2 nav ul li.whiteborder {
  bottom: 5px;
  right: 9px;
  position: absolute;
  z-index: 2;
}

main.resolution .tab2 nav ul li.whiteborder span {
  height: 65px;
  background-color: #fff;
  border-top: 5px solid #fff;
  border-right: 6px solid #fff;
}

main.resolution .tab2 .tabcontent {
  margin-top: -5px;
  border-top: 5px solid #2d6eb6;
  padding: 0 30px 30px 30px;
  background-color: rgba(45, 110, 182, 0.05);
}

main.resolution .tab2 .tabcontent section {
  padding-top: 30px;
}

main.resolution .tab2 .tabcontent section.tab2second ul {
  text-align: center;
}

main.resolution .tab2 .tabcontent section.tab2second ul li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

main.resolution .tab2 .tabcontent section.tab2second ul li a {
  position: relative;
  text-align: left;
  display: block;
  background-color: #e5dac6;
  color: #996600;
  font-weight: bold;
  text-decoration: none;
}

main.resolution .tab2 .tabcontent section.tab2second ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution .tab2 .tabcontent section.tab2second ul li a:nth-of-type(1) {
  border: 3px #d5c4a3 solid;
  font-size: 2.4rem;
  padding: 0 35px 0 45px;
  line-height: 54px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

main.resolution
  .tab2
  .tabcontent
  section.tab2second
  ul
  li
  a:nth-of-type(1)::before {
  position: absolute;
  height: 21px;
  width: 21px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  display: block;
  vertical-align: middle;
  content: "";
  background: url("/assets_before/cultivation/shared/img/icon_arrow_link_large.png") center
    center no-repeat;
}

main.resolution .tab2 .tabcontent section.tab2second ul li a:nth-of-type(2) {
  margin-top: 10px;
  border: 2px #d5c4a3 solid;
  font-size: 1.4rem;
  padding: 0 35px 0 45px;
  line-height: 26px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

main.resolution
  .tab2
  .tabcontent
  section.tab2second
  ul
  li
  a:nth-of-type(2)::before {
  position: absolute;
  height: 0px;
  width: 0px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 26px;
  display: block;
  vertical-align: middle;
  content: "";
  border: 6px solid transparent;
  border-left: 10px solid #12902c;
}

main.resolution
  .tab2
  .tabcontent
  section.tab2second
  ul
  li.current
  a:nth-of-type(1),
main.resolution
  .tab2
  .tabcontent
  section.tab2second
  ul
  li.current
  a:nth-of-type(2) {
  color: #000;
  border-color: #2d6eb6;
  background-color: #82afe0;
}

main.resolution h1 + p {
  margin-top: 30px;
}

main.resolution .header {
  margin-top: 30px;
}

main.resolution div.introduction {
  margin-top: 30px;
}

main.resolution div.introduction div.photo {
  width: 372px;
  font-size: 0;
}

main.resolution div.introduction div.text {
  margin-left: 30px;
  width: 558px;
}

main.resolution div.introduction div.text > p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
}

main.resolution div.introduction div.text div.plant,
main.resolution div.introduction div.text div.place {
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
}

main.resolution div.introduction div.text div.plant strong,
main.resolution div.introduction div.text div.place strong {
  vertical-align: top;
  display: inline-block;
  padding: 0 0.5em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 35px;
}

main.resolution div.introduction div.text div.plant div.list,
main.resolution div.introduction div.text div.place div.list {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 33px;
  padding: 0 0.9rem;
  border-width: 1px;
  border-style: solid;
}

main.resolution div.introduction div.text div.plant strong {
  background-color: rgba(45, 110, 182, 0.1);
  color: #2d6eb6;
}

main.resolution div.introduction div.text div.plant div.list {
  border-color: #f0eded;
}

main.resolution div.introduction div.text div.place strong {
  background-color: rgba(223, 31, 103, 0.1);
  color: #df1f67;
}

main.resolution div.introduction div.text div.place div.list {
  border-color: #f0eded;
}

main.resolution div.introduction div.text div.calendar {
  margin: 6px 0 0 -24px;
}

main.resolution div.introduction div.text div.calendar a {
  padding: 20px 24px;
  display: block;
}

main.resolution div.introduction div.text div.calendar a:hover {
  background-color: rgba(45, 110, 182, 0.1);
}

main.resolution div.introduction div.text div.calendar a h3 {
  color: #000;
  font-size: 2rem;
  font-weight: 700;
  line-height: 24px;
  border-left: 14px solid #2d6eb6;
  padding: 0 0 0 12px;
}

main.resolution div.introduction div.text div.calendar a h3 span {
  border-bottom: 2px solid #2d6eb6;
  display: inline-block;
  font-size: 2rem;
  line-height: 31px;
}

main.resolution div.introduction div.text div.calendar a h3::after {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 20px;
  line-height: 0;
  font-size: 0;
  content: url("/assets_before/resolution/shared/img/icon_expansion.png");
}

main.resolution div.introduction div.text div.calendar a img {
  margin-top: 15px;
  width: auto;
}

main.resolution div.intro {
  margin-top: 30px;
}

main.resolution div.intro ul {
  margin: -25px -10px 0 -10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

main.resolution div.intro ul li {
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  margin: 25px 0 0 0;
  /*padding: 0 10px;*/
  display: flex;
}

main.resolution div.intro ul li a {
  text-decoration: none;
  position: relative;
  display: block;
  border: solid 2px;
  border-radius: 10px;
  padding-bottom: 10px;
}

main.resolution div.intro ul li a figure {
  text-align: center;
}

main.resolution div.intro ul li a figure figcaption strong {
  display: inline-block;
  color: #000;
  margin-top: 10px;
  font-size: 2.4rem;
  line-height: 2.4;
  font-weight: 700;
  min-height: 5.76rem;
}

main.resolution div.intro ul li a figure figcaption strong > span {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

main.resolution div.intro ul li a figure figcaption > span {
  text-align: center;
  display: inline-block;
  margin: 10px 0 0 0;
  min-width: 175px;
  border: 1px solid #12902c;
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0.75rem 2rem 0.75rem 1rem;
  -moz-border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  border-radius: 1.6rem;
  background: none;
  font-weight: bold;
}

main.resolution div.intro ul li a figure figcaption > span:before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") center center
    no-repeat;
}

main.resolution div.intro ul li a.on figure img,
main.resolution div.intro ul li a:hover figure img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

main.resolution div.intro ul li a.on figure figcaption > span,
main.resolution div.intro ul li a:hover figure figcaption > span {
  background-color: #079a00 !important;
  color: #fff;
}

main.resolution div.bg_blue {
  background-color: rgba(45, 110, 182, 0.05);
  padding: 30px;
  margin-top: 50px;
}

main.resolution div.bg_blue section {
  margin-top: 0;
}

main.resolution div.bg_blue section h3 {
  margin-top: 0;
}

main.resolution div.bg_pink {
  background-color: rgba(223, 31, 103, 0.05);
  padding: 30px;
  margin-top: 50px;
}

main.resolution div.bg_pink section {
  margin-top: 0;
}

main.resolution div.bg_pink section h3 {
  margin-top: 0;
}

main.resolution h2 + div.bg_blue {
  margin-top: 0;
}

main.resolution section {
  margin-top: 50px;
}

main.resolution section h2 {
  font-size: 2.4rem;
  font-weight: 700;
  background-color: rgba(45, 110, 182, 0.1);
  padding: 12px 15px 12px 15px;
  border-bottom: 2px solid #2d6eb6;
}

main.resolution section h3 {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  border-left: 14px solid #ccc;
  padding: 0 0 0 12px;
}

main.resolution section h3 span {
  border-bottom: 2px solid #ccc;
  display: inline-block;
  font-size: 2rem;
  line-height: 31px;
}

main.resolution section h3 + p {
  margin-top: 20px;
  margin-bottom: 20px;
}

main.resolution section > strong {
  display: block;
  margin-top: 35px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
}

main.resolution section > strong.bdt {
  border-top: 1px solid #2d6eb6;
  padding-top: 30px;
}

main.resolution section.link_fertilizer {
  text-align: center;
}

main.resolution section.link_fertilizer a {
  display: inline-block;
  border: 1px solid #ed6710;
  text-decoration: none;
  white-space: nowrap;
  font-size: 0;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  overflow: hidden;
}

main.resolution section.link_fertilizer a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section.link_fertilizer a span {
  display: inline-block;
  line-height: 64px;
  font-size: 2.2rem;
  font-weight: 700;
}

main.resolution section.link_fertilizer a span.l {
  color: #000000;
  padding: 0 24px;
}

main.resolution section.link_fertilizer a span.r {
  color: #ffffff;
  padding: 0 30px 0 60px;
  background: #ed6710 url("/assets_before/shared/img/icon_arrow_link_25.png") 24px center
    no-repeat;
}

main.resolution section.rank ol {
  margin-top: -5px;
}

main.resolution section.rank ol li {
  margin-top: 25px;
}

main.resolution section.rank ol li a {
  display: block;
  text-decoration: none;
}

main.resolution section.rank ol li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section.rank ol li a span {
  display: block;
  text-align: center;
  background-color: #8f7336;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1;
  padding-top: 0.8em;
  font-weight: 700;
  height: 40px;
}

main.resolution section.rank ol li a figure > img {
  display: block;
  width: 100%;
  height: auto;
}

main.resolution section.rank ol li a figure div.photo {
  min-height: 150px;
  position: relative;
  background-color: #fff;
}

main.resolution section.rank ol li a figure div.photo::after {
  content: "";
  display: block;
  padding-bottom: 80%;
}

main.resolution section.rank ol li a figure div.photo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

main.resolution section.rank ol li a figure figcaption {
  margin-top: 3px;
  padding: 0 0 0 1.4em;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") 0 3px no-repeat;
  color: #1356a2;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

main.resolution section.chemical h2,
main.resolution section.pest h2,
main.resolution section.disease h2 {
  border-bottom: 2px solid #2d6eb6;
}

main.resolution section.chemical h2.spray,
main.resolution section.pest h2.spray,
main.resolution section.disease h2.spray {
  padding-left: 50px;
  background: rgba(45, 110, 182, 0.2)
    url("/assets_before/resolution/shared/img/icon_spray_blue.png") 15px center no-repeat;
}

main.resolution section.chemical h2.worm,
main.resolution section.pest h2.worm,
main.resolution section.disease h2.worm {
  padding-left: 50px;
  background: rgba(45, 110, 182, 0.2)
    url("/assets_before/resolution/shared/img/icon_worm.png") 6px center no-repeat;
}

main.resolution section.chemical h2.wormandleaf,
main.resolution section.pest h2.wormandleaf,
main.resolution section.disease h2.wormandleaf {
  padding-left: 50px;
  background: rgba(45, 110, 182, 0.2)
    url("/assets_before/resolution/shared/img/icon_wormandleaf.png") 6px center no-repeat;
}

main.resolution section.chemical h3,
main.resolution section.pest h3,
main.resolution section.disease h3 {
  border-left: 14px solid #2d6eb6;
}

main.resolution section.chemical h3 span,
main.resolution section.pest h3 span,
main.resolution section.disease h3 span {
  border-bottom: 2px solid #2d6eb6;
}

main.resolution section.chemical .intro,
main.resolution section.pest .intro,
main.resolution section.disease .intro {
  margin-top: 30px;
}

main.resolution section.chemical .intro ul,
main.resolution section.pest .intro ul,
main.resolution section.disease .intro ul {
  margin: -25px -10px 0 -10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

main.resolution section.chemical .intro ul li,
main.resolution section.pest .intro ul li,
main.resolution section.disease .intro ul li {
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  margin: 25px 0 0 0;
  /*padding: 0 10px;*/
  display: flex;
}

main.resolution section.chemical .intro ul li a,
main.resolution section.pest .intro ul li a,
main.resolution section.disease .intro ul li a {
  text-decoration: none;
  position: relative;
  display: block;
  border: solid 2px;
  border-radius: 10px;
  padding-bottom: 10px;
}

main.resolution section.chemical .intro ul li a figure,
main.resolution section.pest .intro ul li a figure,
main.resolution section.disease .intro ul li a figure {
  text-align: center;
}

main.resolution section.chemical .intro ul li a figure figcaption strong,
main.resolution section.pest .intro ul li a figure figcaption strong,
main.resolution section.disease .intro ul li a figure figcaption strong {
  display: inline-block;
  color: #000;
  margin-top: 10px;
  font-size: 2.4rem;
  line-height: 2.4;
  font-weight: 700;
  min-height: 5.76rem;
}

main.resolution section.chemical .intro ul li a figure figcaption strong > span,
main.resolution section.pest .intro ul li a figure figcaption strong > span,
main.resolution section.disease .intro ul li a figure figcaption strong > span {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

main.resolution section.chemical .intro ul li a figure figcaption > span,
main.resolution section.pest .intro ul li a figure figcaption > span,
main.resolution section.disease .intro ul li a figure figcaption > span {
  text-align: center;
  display: inline-block;
  margin: 10px 0 0 0;
  min-width: 175px;
  border: 1px solid #12902c;
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0.75rem 2rem 0.75rem 1rem;
  -moz-border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  border-radius: 1.6rem;
  background: none;
  font-weight: bold;
}

main.resolution section.chemical .intro ul li a figure figcaption > span:before,
main.resolution section.pest .intro ul li a figure figcaption > span:before,
main.resolution section.disease .intro ul li a figure figcaption > span:before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") center center no-repeat;
}

main.resolution section.chemical .intro ul li a.on figure img,
main.resolution section.chemical .intro ul li a:hover figure img,
main.resolution section.pest .intro ul li a.on figure img,
main.resolution section.pest .intro ul li a:hover figure img,
main.resolution section.disease .intro ul li a.on figure img,
main.resolution section.disease .intro ul li a:hover figure img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

main.resolution section.chemical .intro ul li a.on figure figcaption > span,
main.resolution section.chemical .intro ul li a:hover figure figcaption > span,
main.resolution section.pest .intro ul li a.on figure figcaption > span,
main.resolution section.pest .intro ul li a:hover figure figcaption > span,
main.resolution section.disease .intro ul li a.on figure figcaption > span,
main.resolution section.disease .intro ul li a:hover figure figcaption > span {
  background-color: #079a00;
  color: #fff;
}

main.resolution section.chemical ul.illust,
main.resolution section.pest ul.illust,
main.resolution section.disease ul.illust {
  margin-top: 30px;
}

main.resolution section.chemical ul.illust .illust01,
main.resolution section.pest ul.illust .illust01,
main.resolution section.disease ul.illust .illust01 {
  background: url("/assets_before/resolution/pestanddisease/img/illust01.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust02,
main.resolution section.pest ul.illust .illust02,
main.resolution section.disease ul.illust .illust02 {
  background: url("/assets_before/resolution/pestanddisease/img/illust02.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust03,
main.resolution section.pest ul.illust .illust03,
main.resolution section.disease ul.illust .illust03 {
  background: url("/assets_before/resolution/pestanddisease/img/illust03.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust04,
main.resolution section.pest ul.illust .illust04,
main.resolution section.disease ul.illust .illust04 {
  background: url("/assets_before/resolution/pestanddisease/img/illust04.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust05,
main.resolution section.pest ul.illust .illust05,
main.resolution section.disease ul.illust .illust05 {
  background: url("/assets_before/resolution/pestanddisease/img/illust05.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust06,
main.resolution section.pest ul.illust .illust06,
main.resolution section.disease ul.illust .illust06 {
  background: url("/assets_before/resolution/pestanddisease/img/illust06.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust07,
main.resolution section.pest ul.illust .illust07,
main.resolution section.disease ul.illust .illust07 {
  background: url("/assets_before/resolution/pestanddisease/img/illust07.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust08,
main.resolution section.pest ul.illust .illust08,
main.resolution section.disease ul.illust .illust08 {
  background: url("/assets_before/resolution/pestanddisease/img/illust08.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust09,
main.resolution section.pest ul.illust .illust09,
main.resolution section.disease ul.illust .illust09 {
  background: url("/assets_before/resolution/pestanddisease/img/illust09.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust10,
main.resolution section.pest ul.illust .illust10,
main.resolution section.disease ul.illust .illust10 {
  background: url("/assets_before/resolution/pestanddisease/img/illust10.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust11,
main.resolution section.pest ul.illust .illust11,
main.resolution section.disease ul.illust .illust11 {
  background: url("/assets_before/resolution/pestanddisease/img/illust11.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust .illust12,
main.resolution section.pest ul.illust .illust12,
main.resolution section.disease ul.illust .illust12 {
  background: url("/assets_before/resolution/pestanddisease/img/illust12.png") center center
    no-repeat;
}

main.resolution section.chemical ul.illust li,
main.resolution section.pest ul.illust li,
main.resolution section.disease ul.illust li {
  height: 225px;
  text-align: center;
  /*background: url("/assets_before/resolution/pestanddisease/img/illust.png") center center no-repeat;*/
}

main.resolution section.chemical ul.illust li div,
main.resolution section.pest ul.illust li div,
main.resolution section.disease ul.illust li div {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
  height: 5.04rem;
  line-height: 5.04rem;
}

main.resolution section.chemical ul.illust li div span,
main.resolution section.pest ul.illust li div span,
main.resolution section.disease ul.illust li div span {
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 700;
  display: inline-block;
  text-shadow: -2px -2px #fff, 2px -2px #fff, -2px 2px #fff, 2px 2px #fff;
}

main.resolution section.chemical ul.illust li a,
main.resolution section.pest ul.illust li a,
main.resolution section.disease ul.illust li a {
  margin-top: 100px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  min-width: 180px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  background-color: #fff;
}

main.resolution section.chemical ul.illust li a::before,
main.resolution section.pest ul.illust li a::before,
main.resolution section.disease ul.illust li a::before {
  content: "";
  margin-right: 0.5em;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: #fff url("/assets_before/shared/img/icon_arrow_link_16.png") 0 0 no-repeat;
}

main.resolution section.chemical ul.illust li a:hover,
main.resolution section.pest ul.illust li a:hover,
main.resolution section.disease ul.illust li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section.chemical ul.illust li p.excuse,
main.resolution section.pest ul.illust li p.excuse,
main.resolution section.disease ul.illust li p.excuse {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

main.resolution section.chemical .intro {
  margin-top: 30px;
}

main.resolution section.chemical .intro ul {
  margin: -25px -10px 0 -10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

main.resolution section.chemical .intro ul li {
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  margin: 25px 0 0 0;
  /*padding: 0 10px;*/
  display: flex;
}

main.resolution section.chemical .intro ul li a {
  text-decoration: none;
  position: relative;
  display: block;
  border: solid 2px;
  border-radius: 10px;
  padding-bottom: 10px;
}

main.resolution section.chemical .intro ul li a figure {
  text-align: center;
}

main.resolution section.chemical .intro ul li a figure figcaption strong {
  display: inline-block;
  color: #000;
  margin-top: 10px;
  font-size: 2.4rem;
  line-height: 2.4;
  font-weight: 700;
  min-height: 5.76rem;
}

main.resolution
  section.chemical
  .intro
  ul
  li
  a
  figure
  figcaption
  strong
  > span {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

main.resolution section.chemical .intro ul li a figure figcaption > span {
  text-align: center;
  display: inline-block;
  margin: 10px 0 0 0;
  min-width: 175px;
  border: 1px solid #12902c;
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0.75rem 2rem 0.75rem 1rem;
  -moz-border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  border-radius: 1.6rem;
  background: none;
  font-weight: bold;
}

main.resolution
  section.chemical
  .intro
  ul
  li
  a
  figure
  figcaption
  > span:before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") center center no-repeat;
}

main.resolution section.chemical .intro ul li a.on figure img,
main.resolution section.chemical .intro ul li a:hover figure img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

main.resolution section.chemical .intro ul li a.on figure figcaption > span,
main.resolution section.chemical .intro ul li a:hover figure figcaption > span {
  background-color: #079a00;
  color: #fff;
}

main.resolution section.chemical.choice div.steps {
  margin-top: 30px;
}

main.resolution section.chemical.choice div.steps div.step {
  margin-top: 70px;
  background-color: #f0eded;
  padding: 30px;
  position: relative;
}

main.resolution section.chemical.choice div.steps div.step::before {
  content: "";
  display: block;
  width: 91px;
  height: 24px;
  background: url("/assets_before/resolution/pestanddisease/chemical/knowledge/choice/img/arrow.png")
    0 0 no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -46px;
}

main.resolution section.chemical.choice div.steps div.step h4 {
  margin-left: -30px;
  font-size: 2.4rem;
  font-weight: 700;
}

main.resolution section.chemical.choice div.steps div.step h4 i {
  vertical-align: baseline;
  display: inline-block;
  padding: 0.5em 30px;
  margin-right: 0.5em;
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 1;
  background-color: #2d6eb6;
}

main.resolution section.chemical.choice div.steps div.step h4 + div {
  margin-top: 20px;
}

main.resolution section.chemical.choice div.steps div.step:first-child {
  margin-top: 0;
}

main.resolution section.chemical.choice div.steps div.step:first-child::before {
  content: none;
}

main.resolution section.chemical.type h3 + div {
  margin-top: 30px;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(2) h4,
main.resolution section.chemical.type h3 + div div:nth-of-type(3) h4 {
  font-size: 1.8rem;
  line-height: 1;
  padding: 0.3em 0.5em;
  font-weight: bold;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(2) ul,
main.resolution section.chemical.type h3 + div div:nth-of-type(3) ul {
  margin-top: 10px;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(2) ul li,
main.resolution section.chemical.type h3 + div div:nth-of-type(3) ul li {
  margin-top: 5px;
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  padding-left: 17px;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(2) ul li::before,
main.resolution
  section.chemical.type
  h3
  + div
  div:nth-of-type(3)
  ul
  li::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  overflow: hidden;
  left: 0;
  top: 5px;
  display: block;
  width: 12px;
  height: 12px;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(2) h4 {
  background-color: #ffcc66;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(2) ul li:before {
  background-color: #ffcc66;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(3) h4 {
  background-color: #e1eef5;
}

main.resolution section.chemical.type h3 + div div:nth-of-type(3) ul li:before {
  background-color: #5f879a;
}

main.resolution section.chemical.grouping div.group {
  margin-top: 1px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

main.resolution section.chemical.grouping div.group > h4 {
  margin-top: 0;
  color: #000000;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  -webkit-flex: 0 0 170px;
  flex: 0 0 170px;
  padding: 20px;
  border: none;
  background-color: rgba(45, 110, 182, 0.2);
}

main.resolution section.chemical.grouping div.group > div {
  padding: 20px;
  background-color: rgba(45, 110, 182, 0.1);
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

main.resolution section.chemical.grouping div.group > div strong {
  display: block;
  color: #000000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 5px;
}

main.resolution section.nuisance h2 {
  border-bottom: 2px solid #df1f67;
}

main.resolution section.nuisance h2.spray {
  padding-left: 50px;
  background: rgba(223, 31, 103, 0.2)
    url("/assets_before/resolution/shared/img/icon_spray_pink.png") 15px center no-repeat;
}

main.resolution section.nuisance h2.nuisance {
  padding-left: 50px;
  background: rgba(223, 31, 103, 0.2)
    url("/assets_before/resolution/shared/img/icon_nuisance.png") 6px center no-repeat;
}

main.resolution section.nuisance h2 + * {
  margin-top: 30px;
}

main.resolution section.nuisance h3 {
  border-left: 14px solid #df1f67;
}

main.resolution section.nuisance h3 span {
  border-bottom: 2px solid #df1f67;
}

main.resolution section.nuisance h3 + * {
  margin-top: 30px;
}

main.resolution section.nuisance a figure figcaption {
  padding: 0 0 0 1.4em;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") 0 3px no-repeat;
  color: #1356a2;
}

main.resolution section.nuisance a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section figure > img {
  display: block;
  width: 100%;
  height: auto;
}

main.resolution section figure div.photo {
  position: relative;
  background-color: #fff;
}

main.resolution section figure div.photo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

main.resolution section figure figcaption {
  margin-top: 3px;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

main.resolution section.nuisances h4,
main.resolution section.products h4 {
  margin-top: 25px;
  border-top: 1px solid #12902c;
  color: #1978c9;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 40px;
}

main.resolution section.nuisances ul,
main.resolution section.products ul {
  margin-top: -25px;
}

main.resolution section.nuisances ul li,
main.resolution section.products ul li {
  margin-top: 25px;
}

main.resolution section.nuisances ul li a,
main.resolution section.products ul li a {
  display: block;
  text-decoration: none;
}

main.resolution section.nuisances ul li a:hover,
main.resolution section.products ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section.nuisances ul li a span,
main.resolution section.products ul li a span {
  display: block;
  text-align: center;
  background-color: #8f7336;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1;
  padding-top: 0.8em;
  font-weight: 700;
  height: 40px;
}

main.resolution section.nuisances ul li a figure div.photo,
main.resolution section.products ul li a figure div.photo {
  min-height: 150px;
}

main.resolution section.nuisances ul li a figure div.photo img,
main.resolution section.products ul li a figure div.photo img {
  max-height: 100%;
}

main.resolution section.nuisances ul li a figure figcaption,
main.resolution section.products ul li a figure figcaption {
  padding: 0 0 0 1.4em;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") 0 3px no-repeat;
  color: #1356a2;
}

main.resolution section.nuisances div.link,
main.resolution section.products div.link {
  margin-top: 10px;
  text-align: center;
}

main.resolution section.nuisances div.link a,
main.resolution section.products div.link a {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  min-width: 210px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 40px;
  border: 1px solid #12902c;
  text-decoration: none;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  background-color: #fff;
}

main.resolution section.nuisances div.link a span,
main.resolution section.products div.link a span {
  display: inline-block;
  margin-left: 0.8em;
  color: #000;
}

main.resolution section.nuisances div.link a::before,
main.resolution section.products div.link a::before {
  content: "";
  margin-right: 0.5em;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: #fff url("/assets_before/shared/img/icon_arrow_link_16.png") 0 0 no-repeat;
}

main.resolution section.nuisances div.link a:hover,
main.resolution section.products div.link a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section.kana > div.row.row10 {
  min-height: 197px;
}

main.resolution section.kana > div.row.row10 > .left {
  width: 7.5%;
}

main.resolution section.kana > div.row.row10 > .left strong {
  margin-top: 25px;
  display: block;
  background-color: #2d6eb6;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 2.4rem;
  font-weight: bold;
}

main.resolution section.kana > div.row.row10 > .right {
  width: 92.5%;
}

main.resolution section.kana > div.row.row10 > .right ul.row.row10 li.left {
  margin-top: 25px;
}

main.resolution section.kana > div.row.row10 > .right ul.row.row10 li.left a {
  display: block;
}

main.resolution
  section.kana
  > div.row.row10
  > .right
  ul.row.row10
  li.left
  a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution
  section.kana
  > div.row.row10
  > .right
  ul.row.row10
  li.left
  a
  figure
  div.photo {
  min-height: 150px;
}

main.resolution
  section.kana
  > div.row.row10
  > .right
  ul.row.row10
  li.left
  a
  figure
  div.photo
  img {
  display: block;
  width: 100%;
  height: auto;
}

main.resolution
  section.kana
  > div.row.row10
  > .right
  ul.row.row10
  li.left
  a
  figure
  figcaption {
  margin-top: 3px;
  padding: 0 0 0 1.4em;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") 0 3px no-repeat;
  color: #1356a2;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

main.resolution section.kana > div.row.row10.off > .left strong {
  background-color: #eeeeee;
  color: #b5b4b4;
}

main.resolution section.tab .causal strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.333;
}

main.resolution section.tab .causal ul {
  margin-top: 15px;
  border-top: 1px solid #888;
}

main.resolution section.tab .causal ul li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #888;
}

main.resolution section.tab .causal ul li p {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}

main.resolution section.tab .causal ul li p:nth-of-type(1) {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  padding: 10px 35px 10px 20px;
  position: relative;
}

main.resolution section.tab .causal ul li p:nth-of-type(1)::before {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #2d6eb6;
  left: 0;
  top: 16px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

main.resolution section.tab .causal ul li p:nth-of-type(2) {
  padding: 10px 15px 10px 120px;
  background-color: #eeeeee;
  position: relative;
}

main.resolution section.tab .causal ul li p:nth-of-type(2)::before {
  content: url("/assets_before/resolution/pestanddisease/sign/img/arrow_cause.png");
  position: absolute;
  height: 34px;
  left: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto auto auto -27px;
}

main.resolution section.tab .causal ul li p:nth-of-type(2) a {
  display: inline-block;
  padding: 0 0 0 1.4em;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") 0 center no-repeat;
  color: #1356a2;
}

main.resolution section.search div.searchtit a {
  display: block;
  font-weight: bold;
  background-color: rgba(223, 31, 103, 0.05);
  border-bottom: 2px solid #df1f67;
  text-decoration: none;
  font-size: 0;
}

main.resolution section.search div.searchtit a i {
  font-size: 2.2rem;
  width: 135px;
  height: 50px;
  padding: 0 0 0 52px;
  display: inline-block;
  line-height: 52px;
  color: #fff;
  background-color: #df1f67;
  background: #df1f67 url("/assets_before/cultivation/img/open.png") 8px center no-repeat;
}

main.resolution section.search div.searchtit a i.on {
  background: #df1f67 url("/assets_before/cultivation/img/close.png") 8px center
    no-repeat;
  display: none;
}

main.resolution section.search div.searchtit a.on i.on {
  display: inline-block;
}

main.resolution section.search div.searchtit a.on i.off {
  display: none;
}

main.resolution section.search div.searchtit a span {
  font-size: 2.2rem;
  margin-left: 15px;
  display: inline-block;
  color: #000;
}

main.resolution section.search div.searchtit a:hover i {
  background-color: #e64b85;
}

main.resolution section.search div.searchcontent {
  overflow: hidden;
}

main.resolution section.search div.searchcontent > div.row {
  height: 80px;
}

main.resolution section.search div.searchcontent > div.row.searchword div.left,
main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.left {
  height: 100%;
  width: 210px;
  background-color: rgba(223, 31, 103, 0.05);
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchword
  div.left
  h4,
main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.left
  h4 {
  line-height: 80px;
  text-align: center;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchword
  div.left
  h4
  span,
main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.left
  h4
  span {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchword
  div.left
  h4
  span
  b,
main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.left
  h4
  span
  b {
  font-weight: bold;
  font-size: 1.8rem;
}

main.resolution section.search div.searchcontent > div.row.searchword div.right,
main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.right {
  width: 750px;
  padding: 15px;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  input.left {
  border: 2px solid #df1f67;
  line-height: 46px;
  font-size: 1.8rem;
  padding: 0 0.5em;
  height: 50px;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  button.right {
  background-color: #df1f67;
  color: #fff;
  line-height: 50px;
  height: 50px;
  font-size: 1.8rem;
  font-weight: bold;
}

main.resolution section.search div.searchcontent > div.row.searchinitial {
  margin-top: 30px;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  a {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #df1f67;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
  line-height: 50px;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution
  section.search
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  span {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #eee;
  color: #aaa;
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
  line-height: 50px;
}

main.resolution section.search div.searchcontent h3 + div.pink {
  margin-top: 15px;
  padding: 18px 20px 30px 20px;
  background-color: rgba(223, 31, 103, 0.05);
}

main.resolution section.search div.searchcontent h3 + div.pink div.row {
  margin-top: 2px;
}

main.resolution section.search div.searchcontent h3 + div.pink div.row h4.left {
  line-height: 80px;
  text-align: center;
  background-color: rgba(223, 31, 103, 0.1);
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  h4.left
  span {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  h4.left
  span
  b {
  font-weight: bold;
  font-size: 1.8rem;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  div.right {
  min-height: 80px;
  padding: 7px 15px;
  background-color: #fff;
  line-height: 33px;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  div.right.oneline {
  padding: 23.5px 15px;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  div.right
  strong {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  div.right
  label {
  display: inline-block;
  float: left;
  width: 16.666666%;
  font-size: 1.5rem;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row
  div.right
  label
  input {
  vertical-align: baseline;
  margin-right: 0.25em;
  border: 1px solid #ccc;
  height: 1em;
  width: 1em;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row.off
  h4.left {
  background-color: #eeeeee;
  color: #b5b4b4;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.row.off
  div.right
  label {
  color: #b5b4b4;
}

main.resolution section.search div.searchcontent h3 + div.pink div.submit {
  margin-top: 30px;
  text-align: center;
}

main.resolution
  section.search
  div.searchcontent
  h3
  + div.pink
  div.submit
  button {
  font-size: 1.8rem;
  line-height: 5rem;
  width: 207px;
  font-weight: bold;
  color: #fff;
  background-color: #df1f67;
}

main.resolution section.search div.searchresult > p {
  font-size: 1.8rem;
  line-height: 2.6rem;
}

main.resolution section.search div.searchresult div.pagenum {
  margin: 40px 0;
}

main.resolution section.search div.searchresult div.pagenum ol {
  text-align: center;
  font-size: 0;
}

main.resolution section.search div.searchresult div.pagenum ol li {
  margin: 0 2.5px;
  display: inline-block;
  min-width: 40px;
}

main.resolution section.search div.searchresult div.pagenum ol li a {
  text-align: center;
  display: block;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 40px;
  background-color: #df1f67;
  text-decoration: none;
  vertical-align: baseline;
}

main.resolution section.search div.searchresult div.pagenum ol li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

main.resolution section.search div.searchresult div.pagenum ol li a img {
  display: inline-block;
  vertical-align: middle;
}

main.resolution section.search div.searchresult div.pagenum ol li span {
  display: block;
  height: 10px;
  vertical-align: middle;
  background: transparent url("/assets_before/shared/img/ellipsis.png") center center
    no-repeat;
}

main.resolution section.search div.searchresult div.pagenum ol li.current a {
  border: 1px solid #df1f67;
  background-color: #fff;
  color: #df1f67;
  line-height: 38px;
}

main.resolution section.search div.searchresult div.textlist ul li a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #cfcfcf;
  padding: 0 0 0 1.4em;
  background: url("/assets_before/shared/img/icon_arrow_link_16.png") 0 center no-repeat;
  color: #1356a2;
  font-size: 1.4rem;
  line-height: 3.5rem;
}

main.resolution section.search div.searchresult div.photolist ul {
  margin-top: -25px;
}

main.resolution section.search div.searchresult div.photolist ul li {
  margin-top: 25px;
}

main.resolution
  section.search
  div.searchresult
  div.photolist
  ul
  li
  a
  figure
  div.photo {
  position: relative;
}

main.resolution
  section.search
  div.searchresult
  div.photolist
  ul
  li
  a
  figure
  div.photo::after {
  content: "";
  padding-bottom: 80.76923%;
  width: 100%;
  display: block;
}

main.resolution
  section.search
  div.searchresult
  div.photolist
  ul
  li
  a
  figure
  div.photo
  img {
  max-height: 100%;
}

main.resolution section.search.chemical div.searchtit a,
main.resolution section.search.pest div.searchtit a,
main.resolution section.search.disease div.searchtit a {
  background-color: rgba(45, 110, 182, 0.05);
  border-bottom: 2px solid #2d6eb6;
}

main.resolution section.search.chemical div.searchtit a i,
main.resolution section.search.pest div.searchtit a i,
main.resolution section.search.disease div.searchtit a i {
  background-color: #2d6eb6;
  background: #2d6eb6 url("/assets_before/cultivation/img/open.png") 8px center no-repeat;
}

main.resolution section.search.chemical div.searchtit a i.on,
main.resolution section.search.pest div.searchtit a i.on,
main.resolution section.search.disease div.searchtit a i.on {
  background: #2d6eb6 url("/assets_before/cultivation/img/close.png") 8px center
    no-repeat;
}

main.resolution section.search.chemical div.searchtit a:hover i,
main.resolution section.search.pest div.searchtit a:hover i,
main.resolution section.search.disease div.searchtit a:hover i {
  background-color: #4587d1;
}

main.resolution
  section.search.chemical
  div.searchcontent
  > div.row.searchword
  div.left,
main.resolution
  section.search.chemical
  div.searchcontent
  > div.row.searchinitial
  div.left,
main.resolution
  section.search.pest
  div.searchcontent
  > div.row.searchword
  div.left,
main.resolution
  section.search.pest
  div.searchcontent
  > div.row.searchinitial
  div.left,
main.resolution
  section.search.disease
  div.searchcontent
  > div.row.searchword
  div.left,
main.resolution
  section.search.disease
  div.searchcontent
  > div.row.searchinitial
  div.left {
  background-color: rgba(45, 110, 182, 0.05);
}

main.resolution
  section.search.chemical
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  input.left,
main.resolution
  section.search.pest
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  input.left,
main.resolution
  section.search.disease
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  input.left {
  border: 2px solid #2d6eb6;
}

main.resolution
  section.search.chemical
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  button.right,
main.resolution
  section.search.pest
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  button.right,
main.resolution
  section.search.disease
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  button.right {
  background-color: #2d6eb6;
}

main.resolution
  section.search.chemical
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  a,
main.resolution
  section.search.pest
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  a,
main.resolution
  section.search.disease
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  a {
  background-color: #2d6eb6;
}

main.resolution section.search.chemical div.searchcontent h3 + div.pink,
main.resolution section.search.pest div.searchcontent h3 + div.pink,
main.resolution section.search.disease div.searchcontent h3 + div.pink {
  background-color: rgba(45, 110, 182, 0.05);
}

main.resolution
  section.search.chemical
  div.searchcontent
  h3
  + div.pink
  div.row
  h4.left,
main.resolution
  section.search.pest
  div.searchcontent
  h3
  + div.pink
  div.row
  h4.left,
main.resolution
  section.search.disease
  div.searchcontent
  h3
  + div.pink
  div.row
  h4.left {
  background-color: rgba(45, 110, 182, 0.1);
}

main.resolution
  section.search.chemical
  div.searchcontent
  h3
  + div.pink
  div.submit
  button,
main.resolution
  section.search.pest
  div.searchcontent
  h3
  + div.pink
  div.submit
  button,
main.resolution
  section.search.disease
  div.searchcontent
  h3
  + div.pink
  div.submit
  button {
  background-color: #2d6eb6;
}

main.resolution section.search.chemical div.searchresult div.pagenum ol li a,
main.resolution section.search.pest div.searchresult div.pagenum ol li a,
main.resolution section.search.disease div.searchresult div.pagenum ol li a {
  background-color: #2d6eb6;
}

main.resolution
  section.search.chemical
  div.searchresult
  div.pagenum
  ol
  li.current
  a,
main.resolution
  section.search.pest
  div.searchresult
  div.pagenum
  ol
  li.current
  a,
main.resolution
  section.search.disease
  div.searchresult
  div.pagenum
  ol
  li.current
  a {
  background-color: #fff;
  border: 1px solid #2d6eb6;
  color: #2d6eb6;
}

main.resolution section.search.nuisance div.searchtit a {
  background-color: rgba(223, 31, 103, 0.05);
  border-bottom: 2px solid #df1f67;
}

main.resolution section.search.nuisance div.searchtit a i {
  background-color: #df1f67;
  background: #df1f67 url("/assets_before/cultivation/img/open.png") 8px center no-repeat;
}

main.resolution section.search.nuisance div.searchtit a i.on {
  background: #df1f67 url("/assets_before/cultivation/img/close.png") 8px center
    no-repeat;
}

main.resolution section.search.nuisance div.searchtit a:hover i {
  background-color: #e64b85;
}

main.resolution
  section.search.nuisance
  div.searchcontent
  > div.row.searchword
  div.left,
main.resolution
  section.search.nuisance
  div.searchcontent
  > div.row.searchinitial
  div.left {
  background-color: rgba(223, 31, 103, 0.05);
}

main.resolution
  section.search.nuisance
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  input.left {
  border: 2px solid #df1f67;
}

main.resolution
  section.search.nuisance
  div.searchcontent
  > div.row.searchword
  div.right
  div.row
  button.right {
  background-color: #df1f67;
}

main.resolution
  section.search.nuisance
  div.searchcontent
  > div.row.searchinitial
  div.right
  ul.row5
  li
  a {
  background-color: #df1f67;
}

main.resolution section.search.nuisance div.searchcontent h3 + div.pink {
  background-color: rgba(223, 31, 103, 0.05);
}

main.resolution
  section.search.nuisance
  div.searchcontent
  h3
  + div.pink
  div.row
  h4.left {
  background-color: rgba(223, 31, 103, 0.1);
}

main.resolution
  section.search.nuisance
  div.searchcontent
  h3
  + div.pink
  div.submit
  button {
  background-color: #df1f67;
}

main.resolution section.search.nuisance div.searchresult div.pagenum ol li a {
  background-color: #df1f67;
}

main.resolution
  section.search.nuisance
  div.searchresult
  div.pagenum
  ol
  li.current
  a {
  background-color: #fff;
  border: 1px solid #df1f67;
  color: #df1f67;
}

main.resolution section .resolution2 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

main.resolution section .resolution2 h4 {
  text-align: center;
}

main.resolution section .resolution2 .pest {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ece8df;
}

main.resolution section .resolution2 .pest ul.row {
  margin: 10px 15px 0 15px;
}

main.resolution section .resolution2 .pest ul.row li {
  float: left;
  width: 33.33333%;
  padding: 5px;
}

main.resolution section .resolution2 .pest ul.row li:nth-of-type(3n + 1) {
  clear: left;
}

main.resolution section .resolution2 .disease {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #d3e7f8;
}

main.resolution section .resolution2 .disease ul.row {
  margin: 10px 15px 0 15px;
}

main.resolution section .resolution2 .disease ul.row li {
  float: left;
  width: 50%;
  padding: 5px;
}

main.resolution section .resolution2 .disease ul.row li:nth-of-type(2n + 1) {
  clear: left;
}

main.resolution section .resolution2 a {
  text-decoration: none;
  position: relative;
  display: block;
}

main.resolution section .resolution2 a.on::after {
  content: "";
  position: absolute;
  width: 100%;
  padding-bottom: 80.76923%;
  display: block;
  top: -3px;
  left: -3px;
  border: 3px solid #079a00;
}

main.resolution section .resolution2 a figure div.photo::after {
  content: "";
  padding-bottom: 80.76923%;
  width: 100%;
  display: block;
}

main.resolution section .resolution2 a figure figcaption {
  display: block;
  margin-top: 10px;
  border: 1px solid #12902c;
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0.75rem 0.5rem 0.75rem 2.8rem;
  -moz-border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  border-radius: 1.6rem;
  background: url("/assets_before/cultivation/shared/img/icon_arrow_link.png") 0.65rem
    0.65rem no-repeat;
}

main.resolution section .resolution2 a.on figure img,
main.resolution section .resolution2 a:hover figure img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

main.resolution section .resolution2 a.on figure figcaption,
main.resolution section .resolution2 a:hover figure figcaption {
  background-color: #079a00;
  color: #fff;
}

main.resolution section div.products {
  background-color: #fff;
  margin-top: 20px;
  padding: 20px 20px 0 20px;
}

main.resolution section div.products h4 {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
  padding: 0 0 0.7rem 0;
  border-bottom: 3px solid rgba(223, 31, 103, 0.5);
}

main.resolution section div.products ul {
  margin-top: 10px;
  min-height: 100px;
}

main.resolution section div.products ul li {
  float: left;
  width: 25%;
  padding: 10px;
}

main.resolution section div.products ul li:nth-of-type(3n + 1) {
  clear: left;
}

main.resolution section div.products ul li a {
  text-decoration: none;
}

main.resolution section div.products ul li a figure div.photo {
  min-height: 150px;
  position: relative;
}

main.resolution section div.products ul li a figure div.photo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
}

main.resolution section div.products ul li a figure figcaption {
  display: block;
  margin-top: 10px;
  border: 1px solid #12902c;
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0.75rem 0.5rem 0.75rem 2.8rem;
  -moz-border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  border-radius: 1.6rem;
  background: url("/assets_before/cultivation/shared/img/icon_arrow_link.png") 0.65rem
    0.65rem no-repeat;
}

main.resolution section div.products ul li a:hover figure img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

main.resolution section div.products ul li a:hover figure figcaption {
  background-color: #079a00;
  color: #fff;
}

main.resolution section div.products ul li.off {
  position: relative;
}

main.resolution section div.products ul li.off::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

main.resolution section div.products ul li.off figure {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

main.resolution section div.productstable {
  background-color: #fff;
  border-collapse: collapse;
  overflow: hidden;
}

main.resolution section div.productstable table {
  /*min-height: 100%;*/
  margin: 0;
}

main.resolution section div.productstable table thead tr th {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  border-bottom: 1px solid #2d6eb6;
  background: url("/assets_before/resolution/shared/img/line.png") 0 0 no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  max-width: 150px;
  max-height: 150px;
}

main.resolution section div.productstable table thead tr th::before {
  content: "";
  display: block;
  width: 150px;
}

main.resolution section div.productstable table thead tr th span {
  position: absolute;
}

main.resolution
  section
  div.productstable
  table
  thead
  tr
  th
  span:nth-of-type(1) {
  top: 1em;
  right: 1em;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}

main.resolution
  section
  div.productstable
  table
  thead
  tr
  th
  span:nth-of-type(2) {
  left: 1em;
  bottom: 1em;
}

main.resolution section div.productstable table thead tr td {
  border-bottom: 1px solid #2d6eb6;
  border-left: 1px solid #2d6eb6;
  vertical-align: middle;
  position: relative;
  padding-top: 7.56rem;
  min-width: 100px;
  width: 100px;
}

main.resolution section div.productstable table thead tr td::before {
  content: "";
  display: block;
  position: absolute;
  height: 7.56rem;
  background-color: rgba(45, 110, 182, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 0 auto 0;
}

main.resolution section div.productstable table thead tr td a {
  display: block;
}

main.resolution section div.productstable table thead tr td span.name {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 700;
  position: absolute;
  left: 0;
  right: 0;
  top: 3.78rem;
  padding: 0 0.4rem;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

main.resolution section div.productstable table thead tr td div.photo {
  max-width: 75px;
  height: 100px;
  padding: 10px 0;
  text-align: center;
}

main.resolution section div.productstable table thead tr td div.photo img {
  max-height: 100%;
}

main.resolution section div.productstable table tbody tr th {
  padding: 0.5em;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  border-bottom: 1px solid #2d6eb6;
  white-space: nowrap;
}

main.resolution section div.productstable table tbody tr td {
  border-bottom: 1px solid #2d6eb6;
  border-left: 1px solid #2d6eb6;
  color: #2d6eb6;
  text-align: center;
  font-size: 2rem;
}

main.resolution .caution {
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 28px;
  background: url("/assets_before/cultivation/shared/img/caution.png") left top no-repeat;
  padding: 0 0 0 40px;
}

#pest001,
#disease001,
#product001 {
  background-color: #fff;
  width: auto;
  padding: 30px;
  overflow: hidden;
}

#pest001 figure,
#disease001 figure,
#product001 figure {
  float: left;
  width: 48.5%;
}

#pest001 figure img,
#disease001 figure img,
#product001 figure img {
  width: 100%;
}

#pest001 figure figcaption,
#disease001 figure figcaption,
#product001 figure figcaption {
  font-weight: bold;
  font-size: 1.4rem;
  margin-top: 15px;
  display: none;
}

#pest001 div.text,
#disease001 div.text,
#product001 div.text {
  float: right;
  width: 48.5%;
}

#pest001 div.text strong,
#disease001 div.text strong,
#product001 div.text strong {
  display: block;
  font-size: 1.6rem;
  line-height: 1.4em;
  margin-top: 0.5em;
  font-weight: bold;
}

#pest001 div.text p,
#disease001 div.text p,
#product001 div.text p {
  margin-top: 1rem;
  padding-bottom: 3rem;
}

#pest001 div.text div.link,
#disease001 div.text div.link,
#product001 div.text div.link {
  position: absolute;
  bottom: 30px;
  right: 30px;
  text-align: right;
}

#pest001 div.text div.link a,
#disease001 div.text div.link a,
#product001 div.text div.link a {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  padding: 1em 1.5em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#pest001 div.text div.link a::before,
#disease001 div.text div.link a::before,
#product001 div.text div.link a::before {
  content: "> ";
  font-size: 1.2rem;
  font-weight: bold;
}

#calendar {
  background-color: #fff;
  padding: 30px;
}

#calendar img:nth-of-type(2) {
  margin-top: 30px;
}

#pest001 div.link a,
#disease001 div.link a {
  background-color: #2d6eb6;
}

#pest001 div.link a:hover,
#disease001 div.link a:hover {
  background-color: #4587d1;
}

#product001 div.link a {
  background-color: #4a3c94;
}

#product001 div.link a:hover {
  background-color: #5d4cb7;
}