@charset "utf-8";

.milce_page{
	overflow: hidden;
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.75;
}
.pcNone {
	display:none;
}
.ui_screen{
	display: block;
}
.milce_page a{
	transition: 0.3s;
}
.milce_page a:hover{
	opacity: 0.6;
}
.milce_main{
	position: relative;
	z-index: 3;
	margin-bottom: -90px;
}
.milce_main_debut{
	position: absolute;
	z-index: 4;
	right: 20.2%;
	top: 0;
	padding-top: 4.5%;
	width: 19.04%;
	opacity: 0;
	animation: debut 1.5s 1s forwards;
}
@keyframes debut {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.milce_main .milce_bnr{
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 118px;
	width: 100%;
}
.milce_bnr{
	position: relative;
	z-index: 4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.milce_bnr p{
	margin: 0 8px;
}
.milce_bnr a{
	display: block;
	max-width: 450px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.milce_seca{
	position: relative;
	z-index: 4;
	margin-bottom: -105px;
	padding: 80px 0 95px;
	height: 670px;
	background: url(../images/bg_a01_pc.png) no-repeat top center;
	background-size: auto 100%;
	color: #1f4496;
}
.milce_title{
	margin-bottom: 35px;
	font-size: 42px;
	line-height: 1.3;
	text-align: center;
}
.milce_title_small{
	font-size: 71.43%;
}
.milce_abox{
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 50px;
}
.milce_aitem{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 31.5%;
	margin: 0 0.5%;
	padding: 10px;
	min-height: 200px;
	background: #fff;
	border-radius: 100px;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	letter-spacing: -0.06em;
}
.milce_aitem h3{
	margin-bottom: 5px;
	font-size: 22px;
	line-height: 1.4;
}
.milce_aitem_ts{
	display: inline-block;
	font-size: 80%;
	font-feature-settings: "palt";
}
.milce_amore{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto;
	width: 300px;
	height: 50px;
	border-radius: 25px;
	background: #cda64b;
	color: #fff;
	font-weight: 400;
}
.milce_amore::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.milce_secb{
	position: relative;
	z-index: 1;
	padding: 110px 0 90px;
	background: linear-gradient(180deg , #11449b 37% , #7aa4d3 100%);
	color: #fff;
}
.milce_title_xs{
	font-size: 24px;
}
.milce_b01{
	display: inline-block;
	vertical-align: middle;
	width: 211px;
}
.milce_b01_box{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin: 5px 15px 5px 0;
	padding: 0 20px;
	font-weight: 400;
}
.milce_b01_box::before,.milce_b01_box::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 36px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
}
.milce_b01_box::after{
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
	border: none;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.milce_bbox{
	display: flex;
	justify-content: center;
	text-align: center;
}
.milce_secc{
	position: relative;
	z-index: 4;
	padding: 250px 0 45px;
	background: linear-gradient(180deg , #f8f7f5 0% , #fcfaf5 60%);
	color: #1f4496;
}
.milce_secc::before{
	content: '';
	position: absolute;
	z-index: 5;
	left: 50%;
	top: -40px;
	width: 200%;
	height: 500px;
	background: #f8f7f5;
	border-radius: 100% 100% 0 0;
	transform: translateX(-50%);
}
.milce_c01{
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 0;
	width: 510px;
	transform: translateX(-50%) translateY(-20px);
}
.milce_cbox{
	position: relative;
	z-index: 6;
	background: linear-gradient(180deg , 
	rgba(255,255,255,0) 0% , 
	rgba(255,255,255,0.5) 15% , 
	rgba(255,255,255,0.8) 25% , 
	rgba(255,255,255,1) 40% , 
	rgba(255,255,255,1) 60% , 
	rgba(255,255,255,0.8) 75% , 
	rgba(255,255,255,0) 100%);
}
.milce_c02{
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0 10px;
	width: 43px;
}
.milce_c03_box{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	padding-top: 62%;
	opacity: 1 !important;
	transform: translate(0px, 0px) !important;
}
.milce_c03_box p{
	position: absolute;
	right: 10px;
	bottom: -50px;
	text-align: right;
	font-size: 14px;
	font-weight: 400;
}
.milce_c04{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.milce_c05{
	position: absolute;
	left: 4.4%;
	top: 10%;
	width: 32.5%;
}
.milce_c06{
	position: absolute;
	right: 4.45%;
	top: 9.5%;
	width: 33.4%;
}
.milce_c07{
	position: absolute;
	left: 4.4%;
	bottom: 3%;
	width: 35.7%;
}
.milce_c08{
	position: absolute;
	right: 4.45%;
	bottom: 4%;
	width: 34.58%;
}
.milce_ctext{
	position: absolute;
	left: 0;
}
.milce_c05_t{
	top: 145px;
}
.milce_c06_t{
	left: auto;
	right: -13%;
	top: 145px;
}
.milce_c07_t{
	top: 210px;
}
.milce_c08_t{
	left: auto;
	right: 0;
	top: 150px;
}
.milce_secd{
	position: relative;
	z-index: 4;
	padding: 160px 0 270px;
	background: #ebdab1 url(../images/bg_d01_pc.png) no-repeat center top;
	color: #11449b;
}
.milce_secd::after{
	content: '';
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 180px;
	background: url(../images/bg_d02_pc.png) no-repeat center bottom;
	background-size: auto;
}
.milce_secd .js_milce_cir_wp{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	pointer-events: none;
}
.milce_d01{
	width: 158px;
	margin: 0 auto 20px;
	text-align: center;
}
.milce_d02{
	margin-left: -12.2%;
}
.milce_d04{
	margin-right: -12.2%;
}
.milce_dbox{
	margin-bottom: 75px;
	display: flex;
	justify-content: center;
}
.milce_ditem{
	margin: 0 -1px;
	width: 30.88%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 20px;
}
.milce_dr{
	position: relative;
	z-index: 4;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Helvetica,sans-serif;
	font-weight: 400;
}
.milce_d05{
	margin-right: 5px;
	width: 19px;
}
.milce_dpic{
	margin-bottom: -75px;
	transform: translateX(0) !important;
}
.milce_dtext{
	text-align: center;
}
.milce_ditem h3{
	position: relative;
	z-index: 4;
	font-size: 20px;
	line-height: 1.4;
}
.milce_dmore{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 20px auto 0;
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background: #fff;
	color: #11449b;
	font-size: 16px;
	font-weight: 400;
}
.milce_dmore::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.milce_ditem01>*{
	transform: translateX(-5px);
}
.milce_ditem03>*{
	transform: translateX(5px);
}
.milce_tlinks_box{
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}
.milce_tlinks{
	color: #11449b;
	text-decoration: underline;
}
.milce_tlinks::after{
	content: '';
	margin: -2px 0 0 5px;
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}
.milce_btn_search{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 300px;
	height: 80px;
	border-radius: 40px;
	border: 3px solid #fff;
	background: #f6f1e5 url(../images/img_d06.png) no-repeat;
	background-size: 100% 100%;
	color: #11449b;
	font-size: 20px;
	transition: 0.3s;
}
.milce_btn_search:hover{
	background-image: none;
}
.milce_cir01{
	position: absolute;
	z-index: 2;
	top: 110px;
	left: calc(50% + 216px);
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #fffcf7;
}
.milce_cir02{
	position: absolute;
	z-index: 2;
	top: 104px;
	left: calc(50% - 150px);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fcfaf5;
}
.js_milce_cir{
	position:fixed;
	z-index:2;
	top:50%;
	/* pointer-events:none; */
	opacity:0;
	transform:translateY(-120px);
	transition:
		transform 0.8s cubic-bezier(.22,1,.36,1),
		opacity 0.5s ease;
}
.js_milce_cir.is_on{
	opacity:1;
	transform:translateY(0);
}
.js_milce_cir.is_off{
	opacity:0!important;
	transform:translateY(200px);
	transition:
		transform 2s cubic-bezier(.22,1,.36,1),
		opacity 1s ease;
}
.inc_exc_footer{
	position: relative;
	z-index: 5;
	background: #fff;
}
.milce_secb .milce_title,.milce_secb .milce_bbox{
	position: relative;
	z-index: 4;
}
.ui_fade,.ui_fade_i{
	transition: all 1.3s;
}
.milce_ctext{
	opacity: 0;
	transform:scale(0.5) translate(0px, 5px);
	transition: 0.6s;
}
.ui_fadein .milce_ctext{
	opacity: 1;
	transform:scale(1) translate(0px, 0px);
}
.milce_cpic{
	opacity: 0;
	transform:translate(0px, 5px);
	transition: 1.1s;
}
.ui_fadein .milce_cpic{
	opacity: 1;
	transform:translate(0px, 0px);
}

@media only screen and (min-width: 768px){
	.milce_c05 .milce_cpic,.milce_c06 .milce_cpic{
		transition-delay: 0.5s;
	}
	.milce_c07 .milce_ctext,.milce_c08 .milce_ctext{
		transition-delay: 1.4s;
	}
	.milce_c07 .milce_cpic,.milce_c08 .milce_cpic{
		transition-delay: 1.9s;
	}
}
@media only screen and (max-width: 767px){
	.milce_c05 .milce_cpic{
		transition-delay: 0.5s;
	}
	.milce_c06 .milce_ctext{
		transition-delay: 1.3s;
	}
	.milce_c06 .milce_cpic{
		transition-delay: 1.8s;
	}
	.milce_c07 .milce_ctext{
		transition-delay: 2.6s;
	}
	.milce_c07 .milce_cpic{
		transition-delay: 3.1s;
	}
	.milce_c08 .milce_ctext{
		transition-delay: 3.9s;
	}
	.milce_c08 .milce_cpic{
		transition-delay: 4.4s;
	}
}


@media only screen and (min-width: 768px) and (max-width: 939px) { /*PAD*/
	.milce_bnr{
		bottom: 12.5vw;
	}
	.milce_bnr p{
		width: 40vw;
	}
	.milce_aitem{
		font-size: 1.6vw;
	}
	.milce_aitem h3{
		font-size: 2.3vw;
	}
	.milce_c05_t{
		top: 15.4vw;
		width: 24.8vw;
	}
	.milce_c06_t{
		left: auto;
		right: 2.13vw;
		top: 15.4vw;
		width: 22.76vw;
	}
	.milce_c07_t{
		top: 22.3vw;
		width: 14.6vw;
	}
	.milce_c08_t{
		left: auto;
		right: 0;
		top: 16vw;
		width: 21.9vw;
	}
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.milce_page{
		font-size: 3.86vw;
	}
	.spNone {
		display:none!important;
	}
	.pcNone {
		display:block!important;
	}
	.ui_screen{
		display: inline;
	}
	.milce_main{
		margin-bottom: -28vw;
	}
	.milce_main_debut{
		top: 76.5vw;
		right: 27.5vw;
		width: 46vw;
		padding: 0;
	}
	.milce_bnr{
		padding: 0 4.8vw;
		display: block;
	}
	.milce_main .milce_bnr{
		bottom: 43vw;
	}
	.milce_bnr p{
		display: block;
		margin: 3.4vw auto 0;
		width: 100%;
		text-align: center;
	}
	.milce_bnr img{
		width: 100%;
	}
	.milce_seca{
		padding: 28vw 0 0;
		margin-bottom: -32vw;
		min-height: 272.46vw;
		background-image: url(../images/bg_a01_sp.png);
		background-size: 100% 100%;
	}
	.milce_title{
		margin-bottom: 7.2vw;
		font-size: 10vw;
	}
	.milce_abox{
		margin-bottom: 14vw;
		flex-direction: column;
	}
	.milce_aitem{
		padding: 0 0 0 4.8vw;
		margin: 0 auto 4vw 0;
		width: 95.2vw;
		min-height: 45vw;
		border-radius: 0 22.5vw 22.5vw 0;
		font-size: 3.86vw;
		transition: all 1.2s;
		opacity: 0;
		visibility: hidden;
		transform:translateX(-105%);
	}
	.milce_abox>.milce_aitem:nth-child(2n){
		padding: 0 4.8vw 0 0;
		margin: 0 0 4vw auto;
		border-radius: 22.5vw 0 0 22.5vw;
		transform:translateX(105%);
	}
	.ui_fadehor{
		opacity: 1;
		visibility: visible;
		transform: translateX(0) !important;
	}
	.milce_aitem h3{
		font-size: 6vw;
		margin-bottom: 1.5vw;
	}
	.milce_aitem_ts{
		font-size: 90%;
		font-feature-settings: normal;
	}
	.milce_amore{
		width: 72vw;
		height: 12vw;
		border-radius: 6vw;
	}
	.milce_secb{
		padding: 50vw 0 24vw;
	}
	.milce_title_xs{
		font-size: 5.8vw;
	}
	.milce_b01_box{
		margin: 1vw 3vw 1vw 0;
		padding: 0 3vw;
	}
	.milce_b01_box::before, .milce_b01_box::after{
		width: 2.4vw;
		height: 8.6vw;
	}
	.milce_b01{
		width: 51vw;
	}
	.milce_secc{
		margin-bottom: -5vw;
		padding: 50vw 0 22vw;
		background: linear-gradient(180deg, #f8f7f5 0%, #fcfaf5 60%, #faf7f0 95%, #f7f3e8 100%);
	}
	.milce_c01{
		overflow: hidden;
		width: 100%;
		transform: translateX(-50%) translateY(-10vw);
	}
	.milce_cbox{
		margin-top: -8vw;
		padding-top: 8vw;
		background: linear-gradient(180deg ,
		rgba(255,255,255,0) 0% , 
		rgba(255,255,255,0.8) 5% , 
		rgba(255,255,255,1) 10% , 
		rgba(255,255,255,1) 65% , 
		rgba(255,255,255,0.8) 75% , 
		rgba(255,255,255,0) 100%);
	}
	.milce_c03_box{
		padding-top: 256%;
		margin-bottom: 10vw;
	}
	.milce_c03_box p{
		bottom: -2vw;
		font-size: 3.38vw;
	}
	.milce_c05{
		left: 4.8vw;
		top: 24vw;
		width: 64.4%;
	}
	.milce_c06{
		left: 4.8vw;
		top: 86vw;
		bottom: auto;
		width: 63.8%;
	}
	.milce_c07{
		left: 4.4vw;
		top: 118vw;
		width: 67.2%;
	}
	.milce_c08{
		left: 4.8vw;
		bottom: 0;
		width: 70.3%;
	}
	.milce_ctext{
		left: 0.4vw !important;
	}
	.milce_c05_t{
		top: 30.2vw;
		width: 58.3vw;
	}
	.milce_c06_t{
		top: 30.2vw;
		width: 44.9vw;
	}
	.milce_c07_t{
		top: 58vw;
		width: 36vw;
	}
	.milce_c08_t{
		top: 94vw;
		width: 51.7vw;
	}
	.milce_secd{
		padding: 31vw 0 60vw;
		background-image: url(../images/bg_d01_sp.png);
		background-size: 100% auto;
	}
	.milce_secd::after{
		height: 33.45vw;
		background-image: url(../images/bg_d02_sp.png);
		background-size: 100% 100%;
	}
	.milce_secd .js_milce_cir_wp{
		height: 140vw;
	}
	.milce_dbox{
		display: block;
		margin-bottom: 10vw;
	}
	.milce_ditem{
		position: relative;
		width: 100%;
		margin: 0;
	}
	.milce_dpic{
		margin: 0 !important;
	}
	.milce_dtext{
		position: absolute;
		left: 0;
		bottom: 8vw;
		width: 100%;
		transform: translateX(0) !important;
	}
	.milce_d01{
		margin-bottom: 1vw;
		width: 38.6vw;
	}
	.milce_ditem h3{
		font-size: 6.3vw;
	}
	.milce_dr{
		font-size: 6.8vw;
		line-height: 1.6;
	}
	.milce_d05{
		width: 5.3vw;
	}
	.milce_dmore{
		margin-top: 4vw;
		width: 48vw;
		height: 12vw;
		border-radius: 6vw;
	}
	.milce_tlinks_box{
		margin-bottom: 10vw;
	}
	.milce_btn_search{
		width: 72vw;
		height: 19vw;
		border-radius: 9.5vw;
		font-size: 4.8vw;
	}
	.milce_cir01{
		left: auto;
		right: 6vw;
		width: 4.8vw;
		height: 4.8vw;
		border-radius: 50%;
	}
	.milce_cir02{
		left: 13vw;
		width: 3.6vw;
		height: 3.6vw;
		border-radius: 50%;
	}
	
	
	
	
	
	
}