body {
	padding:0;
	margin:0;
}

.a{
	text-decoration: none;
}

.bg{
	width: 100%;
	background: #eef3f7;
}

.aj_wrap {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	font-family: "Noto Sans JP", sans-serif;
	color: #b3bfcc;
	background: #faf8f4;
	font-size: 14px;
	font-feature-settings: "palt";
	overflow: hidden;
	padding: 0 0 5% 0;
}

.aj_wrap p {
	padding:0;
	margin:0;
}

.aj_wrap img {
	width: 100%;
	vertical-align: bottom;
}

.head_wrap{
	position: relative;
}

.head{
	animation: blurFadeIn 1.8s ease-out forwards;
}

.lead{
	width: 90%;
	margin:  10% auto;
	text-align: center;
	line-height: 1.8;
	font-size: 16px;
	padding: 15px 0;
	border: 1px solid #b3bfcc;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
}

.item01_box{
	width: 90%;
	margin: 15% auto;
}

.item01_box .icon{
	width: 85px;
	margin: 3% auto;
}
.item01_box .icon_ttl{
	color: #ca9ea3;
}
.icon_ttl{
	font-size: 20px;
	letter-spacing: 2px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 600;
	text-align: center;
}

.item01_1{
    width: 100%;
    margin: 3% 0 0;
	border: 2px solid #ca9ea3;
}

.item01_2{
    width: 65%;
	margin: 5% 5% 0;
}

.item01_flex{
	display: flex;
}

.item01_3{
    width: 45%;
	margin: 25% -5% 0 5%;
}

.item01_4{
    width: 55%;
	margin: -3% 5% 0 0;
}

.item02_box .icon{
	width: 85px;
	margin: 3% auto;
}
.item02_box .icon_ttl{
	color: #b3bfcc;
}

.item02_box{
	width: 90%;
    margin: 0 auto 15%;
}

.item02_box .item02_1{
	width: 100%;
	margin: 3% 0 0;
	border: 2px solid #b3bfcc;
}

.item02_box .item02_2{
	width: 55%;
	margin: 5% 5% 0 auto;
}

.item02_box .item02_3{
	width: 75%;
	margin: 5% 5% 0;
}



.pc {
	display: block;
}
.sp {
	display: none;
}
.clear {
	clear: both;
}

.btn_all{
	text-align: center;
}

.btn_all a{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    background: #b3bfcc;
    color: #faf8f4;
	text-align: center;
    font-weight: 500;
    width: 90%;
    letter-spacing: 1.5px;
    margin: 15% auto 10%;
    display: inline-block;
    padding: 4.5% 0;
	text-decoration: none;
}

@keyframes fadeup {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes blurFadeIn {
    0% {
        filter: blur(15px);
        opacity: 0;
    }
    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes flowing {
  0% { 
	  transform: translateX(0); 
	}
  100% { 
	  transform: translateX(-100%); 
	}
}


@media only screen and (max-width: 768px) {
	
    .aj_wrap {
        width: 100%;
    }

    .lead{
        font-size: 15px;
    }
	
    .item01_box .icon,.item02_box .icon{
        width: 75px;
    }	
	
    .icon_ttl{
        font-size: 14px;
    }	


    .pc {
        display:none;
    }
    .sp {
        display:block;
    }

	
}