*{
	margin: 0;
	padding: 0;
}
body{
	font-family:"Meiryo", "Minion Pro", "DFPHSMincho-W3", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
}
.top_pc{
	display: block;
}

.top_sp{
	display: none;
}
	.b {
		font-weight: bold;
	}
	.yellow_line {
	    background: linear-gradient(transparent 60%, yellow 60%);
	}
	.main_box{
		width: 966px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.img_box{
		margin-bottom: 20px;
		text-align: center;
	}
		.img_box img{
			width: 100%;
		}
	.comic-pic {
		width: 100%;
		margin: 0 auto 20px;
		display: block;
	}
	.conversation{
		margin-bottom: 50px;
	}
		.red{
			color: red;
		}
		.pink{
			color: #F74F73;
		}
		.persontext_line{
			background-color: #ffff00;
		}
		.personA{
			display: flex;
			justify-content: start;
			margin-bottom: 30px;
		}
		.personB{
			display: flex;
			justify-content: end;
			margin-bottom: 30px;
		}
				.personA_text{
					max-width: 725px;
					border: 5px solid #ffc000;
					background-color: #fff9e7;
					margin-left: 30px;
					margin-top: 40px;
					padding: 10px 12px;
					/* line-height: 55px; */
					font-size: 23px;
					position: relative;
					border-radius: 10px;
				}
					.personA_text:before{
						content: '';
						width: 0;
						height: 0;
						border: solid;
						position: absolute;
						top: 15px;
						left: -45px;
						border-width: 10px 40px 10px 0px;
						border-color: transparent #ffc000 transparent transparent;
					}
					.personA_text:after{
						content: '';
						width: 0;
						height: 0;
						border: solid;
						position: absolute;
						top: 15px;
						left: -30px;
						border-width: 10px 40px 10px 0px;
						border-color: transparent #fff9e7 transparent transparent;
					}
				.personB_text{
					max-width: 725px;
					border: 5px solid #70AD47;
					background-color: #E2F0D9;
					margin-right: 30px;
					margin-top: 40px;
					padding: 10px 12px;
					/* line-height: 55px; */
					font-size: 23px;
					position: relative;
					border-radius: 10px;
				}
					.personB_text:before{
						content: '';
						width: 0;
						height: 0;
						border: solid;
						position: absolute;
						top: 15px;
						right: -45px;
						border-width: 10px 0px 10px 40px;
						border-color: transparent  transparent transparent #70AD47;
						  
					}
					.personB_text:after{
						content: '';
						width: 0;
						height: 0;
						border: solid;
						position: absolute;
						top: 15px;
						right: -30px;
						border-width: 10px 0px 10px 40px;
						border-color: transparent transparent transparent #E2F0D9;
						  
					}
					
	.part01{
		width: 100%;
		margin-bottom: 100px;
	}
		.part01 .img_box {
			border-top: 10px solid #006fcf;
		}
		.part_title{
			width: 100%;
			margin-bottom: 20px;
		}
			.part_title img{
				width: 100%;
			}
	div.a_header{
		width: 100%;
		margin: 0 auto;
		display: flex;
		background: linear-gradient(to bottom, #006fdc, #004084);
		padding: 0.5% 1%;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
	}
		div.a_header div.crown{
			width: 10%;
		}
			div.a_header div.crown img{
				width: 100%;
			}
		div.a_header div.text{
			width: 88%;
		}
			div.a_header div.text h2{
				color: #fff;
				font-size: 35px;
			}
			div.a_header div.text a{
				color: #fff;
				font-size: 40px;
				font-weight: bold;
			}
	
	div.a_body{
		width: 100%;
		margin: 0 auto 20px;
		background-color: #f2f2f2;
	}
		.a_body_part01_box{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 20px;
			flex-wrap: wrap;
		}
		div.a_body div.pic{
			width: 40%;
			display: flex;
			/* justify-content: center; */
			align-items: center;
		}
		.pic_1{
			width: 100%;
			text-align: center;
			font-size: 0;
		}
			.pic_1 img{
				width: 80%;
			}
			div.a_body div.pic img{
				width: 100%;
			}
		div.a_body table{
			width: 58%;
			font-size: 16px;
		}
			div.a_body table th{
				width: 25%;
				background-color: #006fcf;
				color: #fff;
				padding: 5px 0;
			}
				/* div.a_body table tr:first-child th{
					border-bottom: 3px solid #ffffff;
				} */
			div.a_body table td{
				width: 25%;
				text-align: center;
				color: #000;
				padding: 5px 2px;
				background-color: #cfd5ea;
				font-weight: bold;
			}
				div.a_body table td img{
					max-width: 19%;
				}
		.part01_01_table1{
			width: 100%!important;
			margin: 0 auto;
			margin-top: 20px;
			border: 1px solid #006fcf;
		}
			.part01_01_table1 td{
				border: 1px solid #006fcf;
				background-color: #FFFFFF!important;
			}
			.part01_01_table1 tr:first-child th{
				border-bottom: 1px solid #006fcf;
			}
		.part01_table2{
			width: 100%!important;
			margin: 0 auto;
			margin-top: 20px;
			border: 2px solid #777777!important;
		}
			.part01_table2 tr:first-child th{
				border-bottom: none!important;
			}
			.part01_table2 th{
				background-color: #777777!important;
			}
			.part01_table2 td{
				border: #777777!important;
				background-color: #FFFFFF!important;
			}
				.table_bigtext{
					font-size: 30px;
				}
		.a_body_part02_box{
			border: 5px solid #006fcf;
			border-radius: 50px;
			padding: 20px 0 20px 50px;
			margin: 20px 0;
			background-color: #fff;
		}
			.a_body_part02_line{
				/* display: flex;
				align-items: center;
				height: 70px;
				line-height: 40px; */
				font-size: 30px;
				font-weight: bold;
				margin-bottom: 15px;
			}
				.a_body_part02_line img{
					width: 70px;
					margin-top: -20px;
					vertical-align: middle;
				}
		div.a_body div.text{
			width: 100%;
			padding: 2% 3%;
		}
			div.a_body div.text h3{
				color:#006fcf;
				margin: 10px 0;
				font-size: 25px;
			}
			div.a_body div.text p{
				font-weight: bold;
				font-size: 18px;
			}
		.btn{
			width: 100%;
			padding: 2% 3% 8% 3%;
			box-sizing: border-box;
			text-align: right;
		}
			.btn__title {
				text-align: center;
				font-size: 24px;
				margin-bottom: 5px;
				font-weight: bold;
			}
			.btn__main {
				display: block;
				width: 98%;
				font-size: 28px;
				font-weight: bold;
				text-align: center;
				background-color: #FF350D;
				color: #fff;
				border-radius: 15px;
				padding: 2% 0 2% 0;
				text-decoration: none;
				overflow: hidden;
				position: relative;
				box-shadow: 0px 10px 0 #d02300;
		    }
				.btn__notes{
					margin: 2em auto 0;
					font-size: 22px;
					font-weight: normal;
					text-align: center;
				}
				.reflection {
				    height:100%;
				    width:30px;
				    position:absolute;
				    top:-180px;
				    left:0;
				    background-color: #fff;
				    opacity:0;
				    transform: rotate(45deg);
				    animation: reflection 3s cubic-bezier(0, 0.3, 0.6, 0)infinite;
				}
				@keyframes reflection {
				    0% { transform: scale(0) rotate(45deg); opacity: 0; }
				    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
				    81% { transform: scale(4) rotate(45deg); opacity: 1; }
				    100% { transform: scale(50) rotate(45deg); opacity: 0; }
				}
			.btn__link {
				position: relative;
				top: 20px;
				right: 20px;
				color: blue;
			}
			.btn_bottomtext{
				color: red;
				font-size: 45px!important;
				position: relative;
				top: 20px;
				text-align: center;
				font-weight: bold;
			}
			.btn_smalltext{
				font-size: 16px!important;
				font-weight: 100!important;
				margin-top: 20px;
				text-align: center;
				font-weight: bold;
			}
			.left_text{
				text-align: left!important;
			}
	.part02{
		margin-bottom: 80px;
		background: url(../images/osusume.png) top center no-repeat;
		background-position: 0 50px;
		width: 100%;
		height: 520px;
		background-size: 100%;
	}
		.part02 h3 {
			text-align: center;
			font-size: 42px;
			width: 70%;
			background-color: #fff;
			margin: 0 auto 50px;
		}
			.part02 h3 span {
				background: linear-gradient(transparent 50%, yellow 50%, yellow 90%, transparent 0);
			}
		.part02 .a_body_part02_line{
			font-size: 40px;
			margin: 15px 0 15px 50px;
		}
	
	.toroku_img{
		width: 60%!important;
	}
	
	.part03{
		margin-top: 40px;
		margin-bottom: 80px;
	}
		.part03_title{
			width: 80%;
			margin: 0 auto 80px;
			background-color: #ff7da2;
			border-radius: 15px;
			text-align: center;
			font-size: 48px;
			color: white;
			font-weight: bold;
			padding: 20px 0;
			position: relative;
		}
			.part03_title span{
				font-weight: 100;
				font-size: 55px;
			}
			.part03_title::after{
				content: '';
				width: 0;
				height: 0;
				border: solid;
				position: absolute;
				bottom: -50px;
				left: 50%;
				transform: translate(-50%,0%);
				border-width: 50px 20px 0px 20px;
				border-color: #ff7da2 transparent transparent transparent ;
			}
		.person__talk {
		    width: 100%;
		    /* height: 160px; */
			margin-bottom: 40px;
		    display: flex;
			justify-content: space-between;
		}
		.person__talk:last-child{
			margin-bottom: 80px;
		}
			.person__talk__left {
			    width: 15%;
			    text-align: center;
			}
				.person__talk__left img {
				    width: 100%;
				}
			.person__talk__right {
			    width: 85%;
			    padding-left: 50px;
			    box-sizing: border-box;
			    position: relative;
			}
				.talk_icon1 {
				    width: 0;
				    height: 0;
				    border: 20px solid;
				    position: absolute;
				    top: 40px;
				    left: 13px;
				    border-color: #ffd041 #ffd041 transparent transparent;
				}
				.talk_icon2 {
				    width: 0;
				    height: 0;
				    border: 16px solid;
				    position: absolute;
				    top: 43px;
				    left: 21px;
				    border-color: #fff8e5 #fff8e5 transparent transparent;
				}
				.talk__message {
				    width: 100%;
				    height: auto;
				    border: 3px solid #ffd041;
					background-color: #fff8e5;
				    padding: 15px;
				    box-sizing: border-box;
				    line-height: 40px;
					font-size: 26px;
					font-weight: bold;
					color: #333;
					padding-right: 20px;
					padding-left: 20px;
				}
	
	.part04{
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 80px;
	}
		.part04_box{
			padding: 20px;
			background-color: #E2F0D9;
		}
			.part04_title{
				width: 80%;
				background-color: #FFFFF2;
				font-size: 45px;
				font-weight: bold;
				margin: 20px auto;
				text-align: center;
				padding: 10px;
			}
			.part04_body{
				width: 80%;
				background-color: #FFFFF2;
				margin: 0 auto;
				box-sizing: border-box;
				padding: 20px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				.part04_body a{
					display: block;
					width: 48%;
					border: 1px solid black;
					background-color: white;
					margin: 10px 0;
					text-align: center;
					text-decoration: none;
					border-radius: 15px;
					font-size: 35px;
					color: black;
				}
			.part04_a{
				display: block;
				width: 100%;
				margin-top: 10px;
				font-size: 20px;
				text-align: right;
			}
	
	div#la_footer {
	    background-color: #000;
	    width: 100%;
	    text-align: center;
	    padding: 20px 0;
	    color: #fff;
	    font-size: 18px;
	}
	
	div#la_footer a {
	    color: #fff;
	    font-size: 18px;
	}

	div.pop_img{
		display: none;
		width: 430px;
		max-width: 95%;
		overflow: hidden;
		border-radius: 10px;
	}
		div.pop_img div.popup_div_title{
			width: 100%;
			display: flex;
		}
			div.pop_img div.popup_div_title img{
				width: 100%;
			}
		div.pop_img div.popup_div_btn{
			width: 100%;			
			background-color: #fff;
			text-align: center;
		}
			div.pop_img div.popup_div_btn img{
				width: 80%;
			}
		

	.part_text{
		text-align: center;
		font-size: 18px;
	}
		.part_text_big{
			font-size: 25px;
		}
		.part_text_red{
			color: red;
		}
		.part_text_blod{
			font-weight: bold;
		}
		.part_text_yellow{
			background-color: yellow;
		}


		.text_box{
			border: 2px solid black;
		}
			.text_box_title{
				padding: 10px 20px;
				box-sizing: border-box;
				width: 100%;
				background-color: #6CB52D;
				display: flex;
				align-items: center;
			}
				.text_box_imgbox{
					width: 60px;
					display: flex;
				}
					.text_box_imgbox img{
						width: 100%;
					}
				.text_box_title p{
					color: white;
					font-weight: bold;
					font-size: 40px;
					margin-left: 20px;
					margin-top: 5px;
				}
			.text_box_p{
				padding: 15px;
				box-sizing: border-box;
				font-size: 25px;
			}

			.content_text-wrapper{
				margin: 2em auto 1em;
				padding: 2em 0;
			}
				.content_text{
					text-align: center;
					margin: 20px auto 0px;
					font-size: 25px;
					letter-spacing: 1px;
					line-height: 38px;		
				}
					.content_text:nth-of-type(1){
						margin: 0 auto;
					}

					
/* ---------------point--------------- */
	.point{
		text-align: left;
		font-weight: normal;
		margin: 2.5em auto;
	}
		.point__title{
			color: white;
			background: #c00000;
			font-size: 50px;
			display: flex;
			padding: 0 0.3em;
		}
			.point__title > img{
				width: 50px;
				object-fit: contain;
				margin-right: 9px;
			}
		.point__text{
			border: 8px solid #c00000;
			padding: 1em;
			line-height: 35px;
			font-size: 34px;
		}

		/* .content */
		.content_text-wrapper{
			margin: 2em auto 1em;
			padding: 2em 0;
		}
			.content_text{
				text-align: center;
				margin: 20px auto 0px;
				letter-spacing: 1px;
			}