@charset "UTF-8";



/* ----------------------------------------------------------------------------------- section1 */
#contents .section1 .faq .a .banner{
	padding: 50px 0 20px;
}
#contents .section1 .faq .a .banner img{
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------------------------- section3 */
#contents .section3 h3{
	margin: 0 0 40px;
}
#contents .section3 .table{
	text-align: left;
}
#contents .section3 .img{
	margin: 0 0 55px;
}
.otasuke_example {
    display: flex;
    align-items: center;
	font-family: 'Noto Sans JP', sans-serif;
	background: #ffffff;
	max-width: 980px;
	width: 100%;
	padding: 50px 20px;
	gap: 20px;margin-bottom: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 480px) {
	.otasuke_example {
		display: inherit;
		width: calc(100% - 20px);
		margin: 0 auto 20px;
	} 

	.otasuke_example_img {
		width: 80%;
		height: auto;
	} 
}

.otasuke_example .otasuke_example_before,
.otasuke_example .otasuke_example_after{
	width: calc((100% - 30px) /2);
}
@media screen and (max-width: 480px) {
	.otasuke_example .otasuke_example_before,
	.otasuke_example .otasuke_example_after{
		width: 100%;
	}
}

.otasuke_example .otasuke_example_before img,
.otasuke_example .otasuke_example_after img{
	width: 100%;
	height: auto;
	display: block;
}

.otasuke_example_headline{
	font-size: 32px;
	font-weight:bold;
	margin-bottom: 20px
}
@media screen and (max-width: 480px) {
	.otasuke_example_headline {
		font-size: 24px;
	} 
}
.otasuke_example_text{
	font-size: 18px;
	font-weight:bold;
	line-height: 1.5;
	padding: 20px 40px;
}
@media screen and (max-width: 480px) {
	.otasuke_example_text {
		font-size: 16px;
	} 
}

@media screen and (max-width: 480px) {
	.otasuke_example_to img{
		transform: rotate(90deg);
		width: 10%;
		margin-bottom: 20px;
	} 
}

p.btn {	
	max-width: 928px;
	margin: auto;
	display: block;}

p.btn img{
    width: 100%;
    height: auto;}