@charset "utf-8";
/* CSS Document */

.titWp{
	background: url("../mikan/img/mainttl_mb.jpg") center top no-repeat;
background-size: cover;
}


.mainTit{
    padding: 8rem 0 0 1rem;
}

.titWp .creditNt{
position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 90%;
    color: #ddd;
    text-shadow: #000 1px 1px 2px;
}

.titWp .creditNt cite{
	font-style:normal;
}


.ttlCp{
	position: absolute;
	width: 40%;
	right: 5%;
	bottom: -50px;
}



.conteTtl01{
    font-size: clamp(24px, 5vw, 36px);
	margin-bottom: 1em;
}


@media screen and (min-width: 768px) , print {
	
.titWp{
	background: url("../mikan/img/mainttl.jpg") center top no-repeat;
background-size: contain;
}
	
.mainTit{
    padding:200px 0 0 1rem;
}
	
.titWp .creditNt{
    right: calc( 50% - 655px );
    bottom: 10px;
}	

}

/*********************************************/

.subTtl01 .num{
    color: #ec6687;
    font-size: 120%;
}

.phoBox{
margin-top: 20px;
	position: relative;
}	

.phoBox .creditNt{
	position: absolute;
	right:5px;
	bottom:5px;	
	font-size: 90%;
	color: #fff;
	text-shadow: #000 1px 1px 2px;	
}

.phoBox .creditNt cite{
		font-style: normal;
}

.wp02 .phoBox{
width: 60%;
margin: 20px 20% 0;
}

.wp03 .phoBox{
width: 60%;
margin: 20px 20% 0;
}

.wp04 .phoBox{
width: 40%;
float: right;
	margin: 20px 0 10px 20px;
}

#mikanSc1,
#mikanSc2,
#mikanSc3{
	padding-bottom: 0;
}


@media screen and (min-width: 768px) , print {
	
.wp01{
align-items: flex-start;
}

.wp02{
flex-direction: row-reverse; 
	margin-top: -80px;
}

.txBox{
width: 46%;
}	

.phoBox{
width: 46%;
margin-top: 0;
}	

.phoBox .creditNt{
	right:10px;
	bottom:10px;
}	
	
	
.wp01 .phoBox{
width: 64%;
	margin-right: -18%;
}
	
	
.wp02 .phoBox{
width: 42%;
margin: 0;
}
	
.wp02 .txBox{
width: 50%;

}	
	
.wp03{
align-items: flex-start;
}

.wp03 .txBox{
width: 52%;
}

.wp03 .phoBox{
width: 40%;
margin: 0;
}	
	
.wp04{
flex-direction: row-reverse;
}

.wp04 .txBox{
width: 70%;
}

.wp04 .phoBox{
width: 26%;
	margin: 30px 0 0 0;
}
	
.wp05{
align-items: flex-start;
}

.wp05 .txBox{
width: 47%;
}
	
	
}