@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {width: 100%;overflow: hidden;}
#main {width: 100%;padding: 5vw 0 0;background-image:url("../img/m_main_bg.png");background-size: 100%;background-size: cover;background-repeat: no-repeat;}
.main {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 87%;margin: 0 auto;font-size: 0;}
.main_l {position: relative;width: 17%;}
.main_l_img {position: absolute;left: 0;bottom: 0;width: 100%;}
.main_01 {position: relative;display: flex;justify-content: center;align-items: center;text-align: center;width: 60%;min-height: 28vw;}
.main_01_t1 {padding: 5vw 0;font-size: 2.8vw;font-weight: 600;line-height: 150%;letter-spacing: 0.2vw;}
.main_r {position: relative;width: 17%;}
.main_r_img {position: absolute;left: 0;bottom: 0;width: 100%;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 6vw 0 7vw;}
.content01 {width: 67%;margin: 0 auto;}
/* content01_01 */
.content01_01 {width: 100%;}
/* content01_01_01 */
.content01_01_01 {width: 100%;}
.content01_01_t1 {display: inline-block;font-size: 1vw;color: #888;}
.content01_01_t1 i {margin-right: 0.5vw;font-size: 1.3vw;color: #888;}
.content01_01_a1 {display: inline-block;margin-right: 1vw;margin-top: 1vw;}
.content01_01_a1:hover .content01_01_t1 {text-decoration-line: underline;}
/* content01_01_02 */
.content01_01_02 {width: 100%;margin: 1.5vw 0 0;}
.content01_01_02 h2 {padding: 2vw 2.5vw;font-size: 1.2vw;font-weight: 500;line-height: 160%;background-color: #E7F2D8;box-sizing: border-box;}
.content01_01_02 img {display: block;width: 100%;max-width: 100%;margin-top: 3vw;}
/* content01_01_03 */
.content01_01_03 {width: 100%;margin: 0 auto;padding-top: 2vw;}
.content01_01_03 h3 {margin-top: 3vw;;font-size: 1.6vw;font-weight: 600;line-height: 160%;color: #399D25;}
.content01_01_03 h4 {padding-bottom: 1vw;margin-top: 3vw;font-size: 1.4vw;font-weight: 500;line-height: 160%;border-bottom: solid 1px;}
.content01_01_03 h5 {margin-top: 3vw;font-size: 1.3vw;font-weight: 500;line-height: 160%;}
.content01_01_03 h6 {margin-top: 3vw;font-size: 1.2vw;font-weight: 500;line-height: 160%;}
.content01_01_03 p {margin-top: 2vw;font-size: 1.1vw;line-height: 200%;}
.content01_01_03 img {display: block;width: 100%;max-width: 100%;margin-top: 3vw;}
.content01_01_03 b {font-weight: 600;}
.content01_01_03 i {font-style: italic;}
.content01_01_03 a {display: inline-block;margin: 4vw auto 0 0;font-size: 1.5vw;font-weight: 500;color: #FF8E0A;text-decoration-line: underline;}
.content01_01_03 a:hover {opacity: 0.8;}
.content01_01_03 ol {margin: 3vw 0 0;padding: 2vw 2.5vw 2vw 4vw;list-style-type: decimal;box-sizing: border-box;background-color: #F4F4F4;}
.content01_01_03 ul {margin: 3vw 0 0;padding: 0 0 0 1.5vw;list-style-type: square;box-sizing: border-box;}
.content01_01_03 li {font-size: 1.1vw;line-height: 200%;}
.content01_01_03 .vote-container {display: none;}
/* content01_02 */
.content01_02 {width: 100%;margin-top: 5vw;text-align: center;}
.content01_02_t1 {width: 100%;padding: 1vw 0;font-size: 1.6vw;font-weight: 600;background-color: #399D25;color: #fff;}
.content01_02_box {width: 100%;font-size: 0;border: solid 2px #399D25;text-align: left;}
.content01_02_box_a {display: block;padding: 0.6vw 1.5vw;font-size: 1.1vw;border-bottom: solid 1px #399D25;box-sizing: border-box;}
.content01_02_box_a:hover {color: #FF8E0A;text-decoration-line: underline;}
.content01_02_box_a:last-child {border-bottom: solid 0px #000;}
.content01_02_a1 {display: block;width: 30%;padding: 1vw 0;margin-top: 3vw;font-size: 1.1vw;font-weight: 600;background-color: #363737;color: #fff;border-radius: 10vw;border: solid 2px #363737;box-sizing: border-box;}
.content01_02_a1:hover {background-color: #fff;color: #363737;}
/*----- bt -----*/
.bt_top {width: 90%;margin: 0 auto;font-size: 0;text-align: center;}
.bt_top_t1 {display: inline-block;vertical-align: bottom;width: 5%;margin-right: 1%;font-size: 3vw;}
.bt_top_t2 {display: inline-block;vertical-align: bottom;font-size: 1.5vw;font-weight: 500;line-height: 160%;}
.bt_top_t3 {display: inline-block;vertical-align: bottom;width: 5%;margin-left: 1%;font-size: 3vw;}
#bt {width: 100%;margin-top: 1vw;background-image:url("../img/bt_bg.png");background-size: 100%;background-size: cover;background-repeat: no-repeat;}
.bt {position: relative;width: 100%;padding: 3.5vw 0 4vw;}
.bt_in {width: 45%;margin: 0 auto;text-align: center;}
.bt_t1_img {width: 70%;}
.bt_a {display: inline-block;width: 100%;margin-top: 1vw;}
.bt_a:hover {transform: scale(0.95,0.95);}
.bt_img {width: 100%;}
.bt_01_img {position: absolute;left: 10%;bottom: 0;width: 14%;}
.bt_02_img {position: absolute;right: 9%;bottom: 0;width: 15%;}


@media screen and (max-width:960px) {
/*----- main -----*/
#main {padding: 8vw 0 0;}
.main {width: 95%;}
.main_l {width: 15%;}
.main_01 {width: 65%;min-height: 25vw;}
.main_01_t1 {padding: 5vw 0;font-size: 3.3vw;line-height: 150%;letter-spacing: 0vw;}
.main_r {width: 15%;}
/*----- content01 -----*/
#content01 {padding: 5vw 0 7vw;}
.content01 {width: 90%;}
/* content01_01 */
/* content01_01_01 */
.content01_01_t1 {font-size: 1.6vw;}
.content01_01_t1 i {margin-right: 0.5vw;font-size: 1.9vw;}
.content01_01_a1 {margin-right: 1.5vw;margin-top: 1.5vw;}
/* content01_01_02 */
.content01_01_02 {margin: 2.5vw 0 0;}
.content01_01_02 h2 {padding: 3vw 3.5vw;font-size: 1.8vw;}
.content01_01_02 img {margin-top: 3vw;}
/* content01_01_03 */
.content01_01_03 {padding-top: 4vw;}
.content01_01_03 h3 {margin-top: 3vw;font-size: 2.2vw;}
.content01_01_03 h4 {margin-top: 3vw;font-size: 2.0vw;}
.content01_01_03 h5 {margin-top: 3vw;font-size: 1.9vw;}
.content01_01_03 h6 {margin-top: 3vw;font-size: 1.8vw;}
.content01_01_03 p {margin-top: 3vw;font-size: 1.7vw;line-height: 200%;}
.content01_01_03 img {margin-top: 5vw;}
.content01_01_03 b {font-weight: 600;}
.content01_01_03 i {font-style: italic;}
.content01_01_03 a {margin: 4vw auto 0 0;font-size: 2.1vw;}
.content01_01_03 ol {margin: 3vw 0 0;padding: 2vw 2.5vw 2vw 5.5vw;}
.content01_01_03 ul {margin: 3vw 0 0;padding: 0 0 0 3.5vw;}
.content01_01_03 li {font-size: 1.7vw;line-height: 200%;}
/* content01_02 */
.content01_02 {margin-top: 5vw;}
.content01_02_t1 {padding: 1vw 0;font-size: 2.2vw;}
.content01_02_box {border: solid 2px #399D25;}
.content01_02_box_a {padding: 1vw 1.5vw;font-size: 1.7vw;}
.content01_02_a1 {width: 50%;padding: 1.5vw 0;margin-top: 3vw;font-size: 1.7vw;}
/*----- bt -----*/
.bt_top {width: 90%;}
.bt_top_t1 {width: 5%;margin-right: 1%;font-size: 3.6vw;}
.bt_top_t2 {width: 88%;font-size: 2.1vw;font-weight: 500;line-height: 160%;}
.bt_top_t3 {width: 5%;margin-left: 1%;font-size: 3.6vw;}
#bt {margin-top: 1vw;}
.bt {padding: 1vw 0 2vw;}
.bt_in {width: 55%;}
.bt_t1_img {width: 70%;}
.bt_a {display: inline-block;width: 100%;margin-top: 1vw;}
.bt_a:hover {transform: scale(0.95,0.95);}
.bt_img {width: 100%;}
.bt_01_img {position: absolute;left: 5%;bottom: 0;width: 14%;}
.bt_02_img {position: absolute;right: 4%;bottom: 0;width: 15%;}
/*----- footer -----*/
footer {padding: 3vw 0 3vw;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
#main {padding: 11vw 0 0;}
.main {width: 95%;}
.main_l {width: 15%;}
.main_01 {width: 80%;min-height: 30vw;text-align: left;}
.main_01_t1 {width: 100%;padding: 5vw 0;font-size: 4.7vw;line-height: 150%;}
.main_r {display: none;}
/*----- content01 -----*/
#content01 {padding: 5vw 0 7vw;}
/* content01_01 */
/* content01_01_01 */
.content01_01_t1 {font-size: 3vw;}
.content01_01_t1 i {margin-right: 1vw;font-size: 3.3vw;}
.content01_01_a1 {margin-right: 2vw;margin-top: 1.5vw;}
/* content01_01_02 */
.content01_01_02 {margin: 2.5vw 0 0;}
.content01_01_02 h2 {padding: 5vw 5vw;font-size: 3.2vw;}
.content01_01_02 img {margin-top: 4vw;}
/* content01_01_03 */
.content01_01_03 {padding-top: 4vw;}
.content01_01_03 h3 {margin-top: 4vw;font-size: 3.6vw;}
.content01_01_03 h4 {margin-top: 4vw;font-size: 3.4vw;}
.content01_01_03 h5 {margin-top: 4vw;font-size: 3.3vw;}
.content01_01_03 h6 {margin-top: 4vw;font-size: 3.2vw;}
.content01_01_03 p {margin-top: 4vw;font-size: 3.3vw;line-height: 200%;}
.content01_01_03 img {margin-top: 5vw;}
.content01_01_03 b {font-weight: 600;}
.content01_01_03 i {font-style: italic;}
.content01_01_03 a {margin: 5vw auto 0 0;font-size: 3.5vw;}
.content01_01_03 ol {margin: 4vw 0 0;padding: 3vw 5vw 3vw 7.5vw;}
.content01_01_03 ul {margin: 4vw 0 0;padding: 0 0 0 5vw;}
.content01_01_03 li {font-size: 3vw;line-height: 200%;}
/* content01_02 */
.content01_02 {margin-top: 5vw;}
.content01_02_t1 {padding: 1vw 0;font-size: 3.6vw;}
.content01_02_box {border: solid 2px #399D25;}
.content01_02_box_a {padding: 2vw 2vw;font-size: 3.1vw;}
.content01_02_a1 {width: 100%;padding: 2.5vw 0;margin-top: 4vw;font-size: 3.1vw;}
/*----- bt -----*/
.bt_top {width: 90%;}
.bt_top_t1 {width: 9%;margin-right: 1%;font-size: 9vw;}
.bt_top_t2 {width: 80%;font-size: 3.5vw;line-height: 160%;}
.bt_top_t3 {width: 9%;margin-left: 1%;font-size: 9vw;}
#bt {margin-top: 1vw;}
.bt {padding: 1vw 0 2vw;}
.bt_in {width: 90%;}
.bt_t1_img {width: 50%;}
.bt_a {display: inline-block;width: 100%;margin-top: 1vw;}
.bt_a:hover {transform: scale(0.95,0.95);}
.bt_img {width: 100%;}
.bt_01_img {display: none;}
.bt_02_img {display: none;}
/*----- footer -----*/
footer {padding: 4vw 0 4vw;}
}