@charset "utf-8";


/* --------------------------------
   □ message-fp
-------------------------------- */

#message-fp p,
#message-fp > dl,
#message-fp ul > li{
    font-size: 16px;
    line-height: 1.7;
}

.center{
    text-align: center;
}

p.text{
    margin-bottom: 35px;
}

span.maker{
    font-size: 24px;
    font-weight: 700;
    color: #623333;
    background: linear-gradient(transparent 1.1em, #ffeba4 0, #ffeba4 calc(1.1em + 8px) , transparent 0); 
}

.readtext{
    margin-bottom: 130px;
}

.readtext p{
    text-align: center;
}

.readtext p.big{
    margin-bottom: 40px;
}

.readtext p.mb70{
    margin-bottom: 70px;
}

.readtext p.mb115{
    margin-bottom: 115px;
}

.readtext p.mb60{
    margin-bottom: 60px;
}

.readtext p.tax{
    margin-bottom: 50px;
}

.question ul.list{
    padding: 0 75px;
    margin-bottom: 65px;
}

.question ul.list li{
    overflow: hidden;
    margin-bottom: 30px;
}
.question ul.list li dl{
    width: 45%;
}

.question ul.list li dl dt{
    font-weight: 700;
    margin-bottom: 15px;
}

.question ul.list li dl dd{
    line-height: 1.8;
}

.question ul.list li.question dl{
    float: left;
    text-align: center;
}

.question ul.list li.answer dl{
    float: right;
    text-align: center;
}

.question ul.list li p.image{
    width: 35%;
}

.question ul.list li.question p.image{
    float: right;
}

.question ul.list li.answer p.image{
    float: left;
    text-align: right;
}

.question ul.list li.q1 dl{
    background: url("../../../images/message-fp/fukidashi1.png") no-repeat;
    padding: 35px 63px 45px 30px
}

.question ul.list li.a1 dl{
    background: url("../../../images/message-fp/fukidashi2.png") no-repeat;
    padding: 37px 40px 45px 55px;
}

.question ul.list li.q2 dl{
    background: url("../../../images/message-fp/fukidashi3.png") no-repeat;
    padding: 30px 65px 37px 30px
}

.question ul.list li.a2 dl{
    background: url("../../../images/message-fp/fukidashi4.png") no-repeat;
    padding:30px 60px 30px 75px;
    width: 55%;
}

.question ul.list li.a2 p.image {
    width: 28%;
    text-align: left;
}

.question ul.list li.q3 dl{
    background: url("../../../images/message-fp/fukidashi5.png") no-repeat;
    padding: 55px 61px 55px 10px;
}

.question ul.list li.a3 dl{
    background: url("../../../images/message-fp/fukidashi6.png") no-repeat;
    padding: 25px 40px 28px 55px;
    width: 62%;
}

.question ul.list li.a3 p.image {
    width: 26%;
    text-align: left;
}

.question ul.list li dl span.maker {
    background: linear-gradient(transparent 1.1em, #fff 0, #fff calc(1.1em + 8px) , transparent 0);
}

.bg_glay{
    background: #f6f6f6;
    border-radius: 10px;
    padding: 35px 40px;
    margin-bottom: 105px;
}

.bg_glay ul.q_list li{
    background: url("../../../images/message-fp/icon.png") no-repeat;
    padding-left: 35px;
    margin-bottom: 20px;
}

.bg_glay ul.q_list li:last-child{
    margin-bottom: 0;
}

.boxwrap{
    overflow: hidden;
    margin-bottom: 105px;
}

.boxwrap .explain{
    width: 47%;
    float: left;
}

.boxwrap .explain p{
    margin-bottom: 35px;
}

.boxwrap p.image{
    float: right;
    display: inline-block;
}

.question p.center-text{
    text-align: center;
    margin-bottom: 90px;
}

.question .center-image{
    text-align: center;
    margin-bottom: 60px;
}

.question .buttonStyle{
    text-align: center;
	margin-bottom: 80px;
}

.question .buttonStyle a{
    font-size: 112%;
}

/*
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/

@media only screen and (max-width : 767px) {
	

	.readtext p{
		text-align: left;
	}
	

	#main .underRes h2{
		line-height: 1.8;
	}
	
	#main .underRes h2 .en {
		line-height: 1.2;
	}
	
	#main .chapter .area .container{
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
	}
	
	.readtext,
	.readtext p.mb70,
	.readtext p.mb115,
	.readtext p.mb60{
    margin-bottom: 60px;
	}


	.readtext p.tax{
		margin-bottom: 50px;
	}

	.question ul.list {
		padding: 0;
		margin: 0 5% 65px;
	}
	
	.question ul.list li{
		position: relative;
		height: 100%;
		padding-top: 134px;
		margin-bottom: 0;
	}
	
	.question ul.list li dl{
		width: 100%;
		box-sizing: border-box;
	}
	
	.question ul.list li dl span.maker {
		font-size: 20px;
	}

	.question ul.list li.question dl{
		float: inherit;
		text-align: left;
	}

	.question ul.list li.answer dl{
		float: inherit;
		text-align: left;
	}

	.question ul.list li p.image{
		position: absolute;
		width: 38%;
		object-fit: scale-down;
		top: 5px;
		z-index: -10;
		margin: 0;
	}

	.question ul.list li.question p.image{
		float: inherit;
		right: 0;
	}

	.question ul.list li.answer p.image{
		float: inherit;
		text-align: center;
		top: 20px;
		left: 0;
	}

	.question ul.list li.q1 dl,
	.question ul.list li.a1 dl,
	.question ul.list li.q2 dl,
	.question ul.list li.a2 dl,
	.question ul.list li.q3 dl,
	.question ul.list li.a3 dl{
		background: none;
		background-color: #eae8dd;
		box-sizing: border-box;
		border-radius: 28px;
		padding: 28px;
		width: 100%;
	}


	.question ul.list li.a2 p.image {
		width: 38%;
	}

	.question ul.list li.a3 p.image {
		width: 38%;
	}
	
	/*boxwrap
	-------------------------------*/
	
	.boxwrap{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 35px;
		margin:0 5% 60px;
	}

	.boxwrap .explain{
		width: 100%;
		float: inherit;
	}

	.boxwrap .explain p{
		margin-bottom: 35px;
	}

	.boxwrap p.image{
		float: inherit;
		display: inline-block;
		width: 100%;
	}
	
		.boxwrap p.image > img{
			width: 100%;
			height: auto;
			object-fit: contain;
		}
	
	/*question
	-------------------------------*/
	
	.question p.center-text {
		text-align: left;
		margin: 0 5% 90px;
	}
	
	.question .center-image {
		margin: 0 5% 60px;
	}
	
	.question .buttonStyle {
		text-align: center;
		margin: 0 5% 80px;
	}

	.bg_glay {
		border-radius: 0;
		padding: 52px 28px;
		margin-bottom: 60px;
	}
	
}