/* + Amethod
*----------------------------------------------------------------------------*/
#Amethod02{
    position: relative;
    width: 100%;
}
#Amethod02:hover h2.top01{
    letter-spacing: 0.25em;
}
#Amethod02 h2.top01{font-size: 24px;color: #243454;text-align: center;position: relative;font-weight: 400;}
#Amethod02 h3{
	font-size: 18px;
	font-weight:300;
	text-align: center;
}
#Amethod02 h2.top01:before{
    content:"";
    width: 100%;
    height: 1px;
    background: #00000024;
    position: absolute;
    left: 0;
    top: 19px;
    z-index: -1;
}
#Amethod02 h2.top01:after{
	content:"";
	position: absolute;
	width: 370px;
	height: 30px;
	margin: 0 auto;
	top: 8px;
	left: calc(50% - 186px);
	background: white;
	z-index: -1;
}
#Amethod02 .imfo{
    position: relative;
    margin: 35px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    border-bottom: #0000002b 1px solid;
}
#Amethod02 .imfo .inintext{
    margin-bottom: 50px;
    width: 47%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#Amethod02 .imfo .inintext p.titllre{
    font-size: 24px;
    line-height: 180%;
    color: #2c4064;
    font-weight: 600;
    letter-spacing: 0.08em;
}
#Amethod02 .imfo .inintext span{
    font-weight: 300;
    color: #2b2b2b;
    line-height: 180%;
    font-size: 19px;
    width: 90%;
    margin-top: 20px;
}
#Amethod02 .imfo2 h2{
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    z-index: 2;
    color: white;
}
#Amethod02 .imfo2 {
	height: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(/images/40/BG.jpg);
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
#Amethod02 .imfo2:before{
	content:"";
	position:absolute;
	width: 100%;
	height: 100%;
	background: #283a5ea6;
	z-index: 0;
}
.imfo3{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}
#Amethod02 .bottoomm{
    display: flex;
    z-index: 3;
}
#Amethod02 .bottoomm .bo01{
    padding: 10px 30px;
    border-radius: 120px;
    background-color: indianred;
    color: aliceblue;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    letter-spacing: 0.15em;
}
#Amethod02 .bottoomm .bo01:hover{
	-webkit-filter: brightness(1.1);
}
#Amethod02 .bottoomm .bo02:hover{
	-webkit-filter: brightness(1.1);
}
#Amethod02 .bottoomm .bo02{
	padding: 10px 30px;
	border-radius: 120px;
	background-color: #06be82;
	color: aliceblue;
	margin: 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: 0.15em;
}

/************ = 適應性 = ************/
/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 888px) {
	#Amethod02{}
	#Amethod02 .imfo .inintext{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 5px;
}
}


/* +width:450 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#Amethod02{}
	#Amethod02 .imfo2 h2{padding:20px;font-size:16px;}
	#Amethod02 .imfo2{height:180px;}
	#Amethod02 h2.top01 ,#Amethod02 .imfo .inintext p.titllre{font-size:22px;font-weight: 500;}
    #Amethod02 h3{
    	margin-top: 35px;
    	word-wrap: unset;
    	word-break: keep-all;
    	background-color: #3c4c6d;
    	color: white;
    	text-align: center;
    	padding: 20px 0;
    }
    .imfo3{
    	margin-bottom:40px;
    }
    #Amethod02 .imfo .inintext span{
    	font-size:16px;
    }
    #Amethod02 .imfo2:before{
    	background-color:#0fa272;
    }
}