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

@media only screen and (min-width: 75em) {
#wrapping_box{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:8%;
	color:#333;
	line-height:0;
}
#wrapping_box .inner_box{
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

#info_headbox h1{
	width: 100%;
	margin-top:6%;
	margin-bottom:1.4%;
	font-size:15px;
	font-weight:bold;
	line-height:2.2;
	text-align:center;
	color:#FFF;
	background-color:#7789a5;
}
#pan_list{
	width: 100%;
	margin-bottom: 5%;
	font-size: 12px;
}
#pan_list a {
	color:#333;
}

#wrapping_box .images {
	width:100%;
	padding-bottom:1%;
}
#wrapping_box .images_s_box {
	overflow:hidden;
}
#wrapping_box .images_s {
	float:left;
	width:360px;
}
#wrapping_box .images_tx {
	float:right;
	width:346px;
	padding-top:20px;
	font-size:12px;
	line-height:1.8;
	color:#555;
}
#wrapping_box .images2 {
	width:100%;
	padding-bottom:1.5%;
}

#wrapping_box .title_L {
	padding-top:4%;
	font-size:24px;
	line-height:2.2;
	color:#666;
}
#wrapping_box .title_M {
	padding-bottom:2%;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#666;
}
#wrapping_box .title_S {
	padding-bottom:2%;
	font-size:18px;
	line-height:1.5;
	color:#666;
}
#wrapping_box .title_B {
	font-size:14px;
	line-height:2.4;
	color:#666;
}
#wrapping_box .text {
	font-size:13px;
	line-height:2;
	color:#555;
}
#wrapping_box .bold {
	font-size:13px;
	font-weight:bold;
}
#wrapping_box .caption {
	font-size:12px;
	line-height:1.8;
	color:#555;
}

#wrapping_box .space4 {
	padding-bottom:4%;
}
#wrapping_box .space7 {
	padding-bottom:7%;
}
#wrapping_box .space10 {
	padding-bottom:10%;
}
}


@media only screen and (max-width: 74.9375em) {
#wrapping_box{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:8%;
	color:#333;
	line-height:0;
}
#wrapping_box .inner_box{
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

#info_headbox h1{
	width:100%;
	margin-top:6%;
	margin-bottom:1%;
	font-size:1.25vw;
	font-weight:bold;
	line-height:2.2;
	text-align:center;
	color:#FFF;
	background-color:#7789a5;
}
#pan_list{
	width: 100%;
	margin-bottom: 5%;
	font-size: 1vw;
}
#pan_list a {
	color:#333;
}

#wrapping_box .images {
	width:100%;
	padding-bottom:1%;
}
#wrapping_box .images_s_box {
	overflow:hidden;
}
#wrapping_box .images_s {
	float:left;
	width:360px;
}
#wrapping_box .images_tx {
	float:right;
	width:346px;
	padding-top:20px;
	font-size:12px;
	line-height:1.8;
	color:#555;
}
#wrapping_box .images2 {
	width:100%;
	padding-bottom:1.5%;
}

#wrapping_box .title_L {
	padding-top:4%;
	font-size:24px;
	line-height:2.2;
	color:#666;
}
#wrapping_box .title_M {
	padding-bottom:2%;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#666;
}
#wrapping_box .title_S {
	padding-bottom:2%;
	font-size:18px;
	line-height:1.5;
	color:#666;
}
#wrapping_box .title_B {
	font-size:14px;
	line-height:2.4;
	color:#666;
}
#wrapping_box .text {
	font-size:13px;
	line-height:2;
	color:#555;
}
#wrapping_box .bold {
	font-size:13px;
	font-weight:bold;
}
#wrapping_box .caption {
	font-size:12px;
	line-height:1.8;
	color:#555;
}

#wrapping_box .space4 {
	padding-bottom:4%;
}
#wrapping_box .space7 {
	padding-bottom:7%;
}
#wrapping_box .space10 {
	padding-bottom:10%;
}
}


/*スマホ*/
@media only screen and (max-width: 39.9375em) {
#wrapping_box{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom:8%;
	color:#333;
	line-height:0;
}
#wrapping_box .inner_box{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

#info_headbox h1{
	width:100%;
	margin-top:6%;
	margin-bottom:1%;
	font-size:3.4vw;
	font-weight:bold;
	line-height:2.2;
	text-align:center;
	color:#FFF;
	background-color:#7789a5;
}
#pan_list{
	width: 96%;
	padding-top: 1%;
	padding-left:4%;
	margin-bottom: 3%;
	font-size: 3.2vw;
	line-height: 2;
}
#pan_list a {
	color:#333;
}

#wrapping_box .images {
	width:100%;
	padding-bottom:1.5%;
}
#wrapping_box .images_s_box {
	overflow:auto;
}
#wrapping_box .images_s {
	float:none;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:3%;
}
#wrapping_box .images_tx {
	float:none;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
	font-size:3vw;
	line-height:1.8;
	text-align:center;
	color:#555;
}

#wrapping_box .images2 {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.5%;
}

#wrapping_box .title_L {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:6%;
	padding-bottom:4%;
	font-size:5.6vw;
	line-height:1.5;
	color:#666;
}
#wrapping_box .title_M {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:3%;
	font-size:4.4vw;
	line-height:1.5;
	font-weight:bold;
	color:#666;
}
#wrapping_box .title_S {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:3%;
	font-size:4.2vw;
	line-height:1.5;
	color:#666;
}
#wrapping_box .title_B {
	width:90%;
	padding-bottom:2% !important;
	margin-left:auto;
	margin-right:auto;
	font-size:3.2vw;
	font-weight:bold;
	line-height:1.6;
	color:#666;
}
#wrapping_box .text {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:3.2vw;
	line-height:2;
	color:#555;
}
#wrapping_box .bold {
	font-size:3.2vw;
	font-weight:bold;
}
#wrapping_box .caption {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:2.8vw;
	line-height:1.8;
	color:#555;
}

#wrapping_box .space4 {
	padding-bottom:6%;
}
#wrapping_box .space7 {
	padding-bottom:10%;
}
#wrapping_box .space10 {
	padding-bottom:14%;
}
}