/* CSS Document */
@media screen and (max-width: 780px) {
	body {}	

	.for_carousel {
		margin-top:60px;
		min-width:740px;
	}

	.for_carousel .carousel {
		width:740px;
	}	
	
	.for_carousel .carousel .carousel_item {
		width:740px;
	}
	
	.for_carousel .carousel .carousel_item .text_content {
		padding-left:80px;
	}
	
	.for_carousel .carousel .carousel_item .img_content {
		padding-right:80px;
	}
	
	.hp_package_select {
		width:720px;
	}
	
	.hp_package_select .for_package_select {
		width:auto;
		margin-right:0;
		padding-left:0;
	}
	
	.hp_package_select .for_package_select h1 {
		margin-left:0;
		padding-left:20px;
		padding-right:0;
	}
	
	.hp_package_select .for_package_select p {
		margin-left:0;
	}
	
	.bottom_boxes {
		width:720px;
	}
	
	.bottom_boxes .bottom_box:first-child {
		width:720px;
		float:none;
		margin-bottom:24px;
	}
	
	.bottom_boxes .bottom_box:first-child h4 {
		right:390px;
	}
	
	.bottom_boxes .bottom_box ul li {
		width:calc(50% - 40px);
		float:left;
	}
	
	.bottom_boxes .bottom_box {
		margin-left:0;
		width:350px;
	}
	
	.bottom_boxes .bottom_box.last_bottom_box {
		margin-left:20px;
	}
}

@media screen and (max-width: 420px) {
	body {}	
	
	.for_carousel {
		min-width:420px;
	}	
	
	.for_carousel .carousel {
		width:420px;
		height:425px;
	}
	
	.for_carousel .carousel.only_one {
		height:auto;
	}
	
	.for_carousel .carousel.only_one img {
		display:none;
	}
	
	.for_carousel .carousel .carousel_item {
		width:420px;
		height:425px;
	}
	
	.for_carousel .carousel.only_one .carousel_item {
		position:relative;
		height:auto;
		padding-bottom:20px;
	} 
	
	.for_carousel .carousel .carousel_item .img_content {
		float:none;
		padding-right:0;
	}
	
	.for_carousel .carousel .carousel_item .text_content {
		padding-left:0;
		float:none;
		margin:auto;
		text-align:center;
	}
	
	.for_carousel .carousel .carousel_item .text_content h2 {
		font-size:22px;
	}
	
	.for_carousel .carousel .points {
		margin-top:390px;
	}
	
	.for_carousel .carousel .arrow {
		top:160px;
	}
	
	.hp_package_select {
		width:400px;
	}
	
	.person_head {
		padding-top:0;
		width:150px;
	}
	
	.person_head img {
		width:94px;
	}
	
	.person_head .bubble {
		left:170px;
		font-size:18px;
	}
	
	.bubble.orange::before {
		width:29px;
		height:45px;
		background:url('/design/bubble_orange_right_mobile.png');
		left:-29px;
		top:45px;
	}
	
	.hp_package_select .for_package_select,
	.hp_package_select .for_package_select.with_h1 {
		height:auto;
	}
	
	.package_select li {
		float:none;
		display:inline-block;
		margin-bottom:18px;
	}
	
	.package_select li.m_no_border::before {
		display:none;
	}
	
	.package_select li a {
		font-size:16px;
	}
	
	.package_select li a img {
		padding-bottom:6px;
	}
	
	.bottom_boxes {
		width:400px;
	}
	
	.bottom_boxes .bottom_box:first-child,
	.bottom_boxes .bottom_box {
		width:400px;
	}
	
	.bottom_boxes .bottom_box:first-child h4,
	.bottom_boxes .bottom_box h4 {
		right:30px;
	}
	
	.bottom_boxes .bottom_box.last_bottom_box {
		margin-left:0;
		margin-top:24px;
	}
	
	.bottom_boxes .bottom_box ul li {
		width:calc(100% - 40px);
		float:none;
	}
	
	.hp_package_select .for_package_select.with_h1 {
		margin-top:20px;
	}
	
	.hp_package_select .for_package_select h1 {
		text-align:center;
		padding-left:0;
	}

	.hp_package_select .for_package_select p {
		text-align:center;
		padding-right:0;
	}
	
}