@charset "UTF-8";


.cha_box1_bg1{
	background-image: url("../img/charm/charm_box1_ph1@2x.jpg?20220701");
	background-position: top center;
	background-size: cover;
}
.cha_box1_bg2{
	background-image: url("../img/charm/charm_box2_ph1@2x.jpg?20220701");
	background-position: top center;
	background-size: cover;
}
.cha_box1_bg3{
	background-image: url("../img/charm/charm_box3_ph1@2x.jpg");
	background-position: top center;
	background-size: cover;
}
.cha_box1_bg4{
	background-image: url("../img/charm/charm_box4_ph1@2x.jpg?20220701");
	background-position: top center;
	background-size: cover;
}
.cha_main_copy1{
	width: 60%;
	height: auto;
	margin: auto;
}

.cha_fl1,.cha_fr1{
	width: 100%;
	height: auto;
	margin: auto;
}


.cha_lead1{
	font-size: 16px;
	line-height:2.5;
	text-align: left;
	color: #fff;
}
@media print, screen and (min-width: 1001px) {
.cha_lead1.bold{
	font-weight: bold;
}
}
@media print, screen and (min-width: 1001px) {
.cha_lead1{
	font-size: 16px;
	line-height: 4;
	text-align: left;
	color: #fff;
}
}

.cha_box3_fl1{
	width: 100%;
	height: auto;
	margin: auto;
}
.cha_box3_fr1{
	width: 100%;
	height: auto;
	margin: auto;
}



.cha_main_copy1{
	width: 42%;
	margin: auto;
}
.cha_main_copy2{
	width: 42%;
	margin: 0 auto 0;
}
.cha_main_copy3{
	width: 24%;
	margin: auto;
	margin: 0 auto 0;
}

.cha_head1{
	font-size: 21px;
	text-align: center;
}

@media print, screen and (min-width: 1001px) {
.cha_main_copy1{
	width: 20.6%;
	max-width: 206px;
	margin: auto;
}
.cha_head1{
	font-size: 24px;
	text-align: center;
}
.cha_main_copy2{
	width: 20.6%;
	max-width: 206px;
	float: right;
	margin: 0 0 0;
}
.cha_main_copy3{
	width: 11%;
	float: left;
	margin: 2% 0 0;
}
	
.cha_fl1{
	width:40.5%;
	float: left;
	margin: 10% 0 0;
}
.cha_fr1{
	width: 52.916%;
	float: right;
}
.cha_fl2{
	width: 52.916%;
	float: left;
}
.cha_fr2{
	width:40.5%;
	float: right;
}
.cha_fl3{
	width:44.583%;
	width:41.5%;
	float: left;
}
.cha_box3_fl1{
	width: 67%;
	max-width: 670px;
	float: left;
}
.cha_box3_fr1{
	width: 62%;
	max-width: 620px;
	float: right;
}
.cha_box4_ph1{
	width: 76.535%;
	float: left;
	margin: 8% 0 0;
}
}




.cha_btn_fl{
	width: 50%;
	height: auto;
	margin: auto;
}
@media print, screen and (min-width: 1001px) {
.cha_btn_fl{
	width: 26.865%;
	max-width: 180px;
	height: auto;
	float:left; 
}
}