@charset "UTF-8";
@media screen and (min-width: 768px) { /*pc・タブレットcss*/
.h2-Box { background-image: url(../images/support/h2.jpg); }

.h3-ttl{ margin-bottom: 30px; }
#support .main-img{ width: 1100px; margin: 0 auto 70px;  }
#support .content01{ width: 1000px; margin: 0 auto 35px; text-align: center; font-family: Meiryo; }
#support .ttl-img{ margin-bottom: 40px; text-align: center; }
#support .ttl-txt{ font-size: 14px; line-height: 2.2; text-align: center; font-family: Meiryo; }
#support .con01-list{ width: 100%; background: #ededed; margin-bottom: 135px; }
#support .con01-list ul{ width: 1005px; margin: 0 auto; font-family: Meiryo; }
#support .con01-list li{ width: 500px; margin-right: 5px; background: #f5821f; float: left; padding: 35px 75px 40px; }
#support .con01-list li:last-child{ margin-right: 0px; padding-bottom: 30px; }
#support .con01-list .list-txt-bx{ width: 320px; background: #fff; margin: 0 auto }
#support .con01-list .list-txt{ padding: 25px 25px 35px; line-height: 2.2; font-size: 14px; }
#support .con01-list .list-ttl{ text-align: center; margin-bottom: 15px; }
#support .con01-list .list-img{ padding-top: 50px; }

#support .content02{ width: 1000px; margin: 0 auto 35px; text-align: center;  }
#support .con02-list{ width: 1000px; margin: 0 auto 85px; }
#support .con02-list li{ width: 1000px; padding-bottom: 330px; font-family: Meiryo; }
#support .con02-list li:nth-child(odd){ background: #f5821f; }
#support .con02-list .orange{ float: left; width: 450px; padding: 50px 40px; }
#support .con02-list .list-img02{ float: left; }
#support .con02-list .txtbx-ttl{ margin-bottom: 30px; }
#support .con02-list .list-txt1{ line-height: 1.7; font-size: 14px; }
#support .con02-list .list-txt02{ line-height: 1.7; font-size: 14px; color: #fff; }

#support .foot-list{ width: 1050px; margin: 0 auto 120px;  }
#support .foot-list li{ float: left; width: 347px; margin-right: 3px; }
#support .foot-list li:last-child{ margin-right: 0px; }


}
@media screen and (max-width: 767px) { /*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/ 

#support .main-img{ width:90%; margin: 0 auto 70px;  }
#support .content01{ width:100%; margin: 0 auto 35px; text-align: center; font-family: Meiryo; }
#support .ttl-img{ margin-bottom: 40px; text-align: center; }
#support .ttl-txt{ width: 90%; margin: 0 auto; font-size: 14px; line-height: 1.7; text-align: center; font-family: Meiryo; }
#support .con01-list{ width:100%; background: #ededed; padding: 5% 0; margin-bottom: 10%; }
#support .con01-list ul{ width:100%; margin: 0 auto; }
#support .con01-list li{ width:90%; background: #f5821f; padding: 10% 5%; margin: 0 auto 10%; font-family: Meiryo; }
#support .con01-list .list-txt-bx{ width:100%; background: #fff; margin: 0 auto }
#support .con01-list .list-txt{ padding: 5%; line-height: 2.2; font-size: 14px; }
#support .con01-list .list-ttl{ text-align: center; margin-bottom: 15px; }
#support .con01-list .list-img{ padding-top: 50px; }

#support .content02{ width:100%; margin: 0 auto 35px; text-align: center;  }
#support .con02-list{ width:100%; margin: 0 auto 85px; }
#support .con02-list li{ width: 90%; margin: 0 auto; font-family: Meiryo; }
#support .con02-list li:nth-child(odd){ background: #f5821f; }
#support .con02-list .orange{ padding: 5%;　}
#support .con02-list .txtbx-ttl{ margin-bottom: 30px; }
#support .con02-list .list-txt1{ line-height: 1.7; font-size: 14px; }
#support .con02-list .list-txt02{ line-height: 1.7; font-size: 14px; color: #fff; }

#support .foot-list{ width: 95%; margin: 0 auto ;  }
#support .foot-list li{ width:100%; margin: 0 auto 5%;  }
}
@media screen and (max-width: 380px) { /*pc・タブレット 6 css*/ }
@media screen and (max-width: 321px) { /*pc・タブレット 5 css*/ }