.title01{ font-size: 50px; font-weight: bold; line-height: 1.5em; margin-bottom:20px;}
        .title02 { font-size: 28px; line-height: 1.4em; display: block; padding:10px 0 20px 0;  }
        .red{color:#E10800;}

        .pc{ display: block; width:100%;}
        .mb{display:none;}
        .box{position:relative; width:100%; text-align:center;} 
        .flex { display: flex;  flex-wrap: wrap; }
        .flex-column{flex-direction:column;}

        .title-img{width:90%; max-width:1200px; margin:0 auto; }
        .box-s{width:90%; max-width:1500px; margin:20px auto;}
        .box-s .title01{ text-align:center;}

        .box p, .box-s p{font-size:21px; line-height:30px; text-align:center; margin-bottom:10px;}
        .bg_color{background:#f8cbca;}

        @media only screen and (max-width: 1200px) {
          .title01{ font-size: 40px;}
          .box p, .box-s p{font-size:18px; line-height:28px;}
        }


        @media only screen and (max-width: 798px) {
            .pc{display:none;}
            .mb{ display: inline-block; width:100%;}
            .title01{ font-size: 30px; font-weight: bold; line-height: 1.5em;}
            .title02 { font-size: 20px; line-height: 1.2em; display: block; }
            .box-s{margin:10px auto;}
			

            .title_img{min-width: 85px; margin:auto;}
            .box-s{width:95%; max-width:600px;}
            .box p, .box-s p{font-size:13px; line-height:25px;}  

        }


        	.box1{position:relative; overflow:hidden;}
			.box1 .img-title{position:absolute; top:0; left:0; }
            .box1 .bg_person{top:11%; right:10%; width:40%; left:auto; }

            .box1-list { background: linear-gradient(to bottom, #fdefee 0%,#f8caca 100%); width:100%; padding:3% 15% 0 15%; }
            .box1-list .box1-info{width:45%; margin:2% 2.5%;}
            .box1-list .bottom{width:calc(100% - 20px);}

            @media only screen and (max-width: 798px) {
                .box1 .bg_person{top:11%; right:2%; width:50%; left:auto; }
                .box1-list{margin-top:-1%;}

                .box1-list { background: linear-gradient(to bottom, #fef4f3 0%,#f8caca 100%);  padding:3% 7.5% 0 7.5%; }
                .box1-list .box1-info{width:80%; margin:10% 10%;}
            }
             @media only screen and (max-width: 500px) {.box1-list{margin-top:-2%;}}


			.box2 .title{position:relative; z-index:1;}

			.box2 .title{color:#41a1be; text-align:center; font-size:70px; line-height:1.5em; margin-bottom:20px;}
			.box_info .info .title01{color:#fff; margin-bottom:10px; text-align:left; font-size:35px;}
			.box_img{width:90%; max-width:1500px; margin:0px auto;}
			.box_info{margin:0px auto 20px auto; width:100%; }
			.box_info li{margin-bottom:20px;}
			.box_info .info_img{width:50%; background:#fff; align-items:center;}

			.box_info .info{width:50%; padding:20px 40px; color:#fff; background:#404a4c; box-sizing:border-box; align-content:flex-start;flex-direction:column; }
			.box_info .info p{text-align:left; font-size:17px; }

			.bottom{ display:flex; background:#fff; text-align:center; border-radius:50px; margin:10px auto; padding:20px; font-size:30px; width:calc(50% - 20px); justify-content:center; box-sizing:border-box; }
			.bottom a{color:#024287; width:100%; height:100%; }


			.box3 .box_info .info{background:#2fa0a5;}
			.box4 .box_info .info{background:#c0b7a8;}
			.box5 .box_info .info{background:#819bca;}
			.box6 .box_info .info{background:#d8437b;}
			.box7 .box_info .info{background:#54b4dc;}
			.box8 .box_info .info{background:#063367;}
			.box9 .box_info .info{background:#b780bf;}
			.box10 .box_info .info{background:#80aebf;}
			.box11 .box_info .info{background:#9eceb9;}


			@media only screen and (max-width: 798px) {
				.box2 .title{font-size:40px;}
				.box_img{width:100%;}
                .box_info .info_img, .box_info .info{width:100%;}
				.box_info .info{padding:10px 20px; flex-direction :row; align-items:center;}
				.box_info .info .title01{width:100%; font-size:23px; margin-bottom:10px;}
				.box_info .info p{align-items:center; width: calc(100% - 45px); font-size:15px; margin-bottom:0px;}
                .box_info .info p:first-of-type{width:40px;}
                .bottom{width:80%; font-size:25px;}
			}
			@media only screen and (max-width: 500px) {
                .box2 .title{font-size:30px;}
                .bottom{ font-size:20px;}
			}

        .Notice{padding-left:3em;}
		.Notice ul li{list-style-type: decimal-leading-zero;}
		.Notice ul li ol>li{list-style-type:none;}
		.Notice table{width:50%; text-align:center;}
		.Notice table thead tr td{background:#3fa1be; color:#fff;}
		.Notice table, .Notice th, .Notice td{ border: 1px solid #ccc;}
        @media only screen and (max-width: 798px) {
			.Notice table{width:100%;}
        }