@charset "utf-8";
/* 
10px/63%
11px/69%
12px/75%
13px/82%
14px/88%
15px/94%
16px/100%
17px/107%
18px/113%
19px/119%
20px/125%
21px/132%
22px/138%
23px/144%
24px/150%
25px/157%
26px/163%
27px/169%
28px/175%
29px/182%
30px/188%
31px/194%
32px/200%
33px/207%
34px/213%
*/

a {
	color:#0071E0;
}
.inner {
	width:960px;
	margin:0 auto;
	position:relative;
}
@media screen and (max-width: 767px) {
	.inner {
	width:95%;
	margin:0 auto;
	position:relative;
}
}

/* ==============================================================================
   wrapper
============================================================================== */
#wrapper {

}
/* ==============================================================================
   header
============================================================================== */
header {
	border-top:2px #007073 solid;
	width:100%;
	height:120px;
}
header .logo {
	background:url(../images/bk_header_logo01.jpg) no-repeat;
	float:left;
	padding:37px 0 0 0;
	margin:6px 0 0 0;
}
header .logo .txt {
	font-size:213%;
	color:#007073;
	font-weight:bold;
	line-height:1.0;
}
header .logo img {
	vertical-align:bottom;
}
header h1.ttl {
	font-weight:normal !important;
	color:#999;
	font-size:75%;
	margin: 3px 0 0 0;
}
header .headerFreedial {
	float:right;
	width:315px;
	margin: 22px 0 0 0;
}


@media screen and (max-width: 767px) {
header {
	width:100%;
	height:auto;
}
header .logo {
	background:url(../images/bk_header_logo01.jpg) no-repeat;
	float:none;
	width:60%;
	position:relative;
	padding:20px 0 0 0;
	margin:0 0 0 0;

}
header .logo .txt {
	font-size:120%;
	color:#007073;
	font-weight:bold;
	line-height:1.0;
	padding:0 0 0 170px;
	display: inline-block;
	width:100%;
	
}
header .logo img {
	width:100%;
	vertical-align:bottom;
	p
}
header h1.ttl {
	font-weight:normal !important;
	color:#999;
	font-size:75%;
	margin: 5px 0 0 0;
	width:100%;
}
header .headerFreedial {
	float:none;
	width:100%;
	margin: 5px 0 0 0;
	display:none;

}
header .headerFreedial img{
	width:60%;
}
}



/* ==============================================================================
  #mainimg
============================================================================== */	
	
#mainimg {
	background:url(../images/mainimg_top01.jpg) no-repeat;
	width:1000px;
	height:378px;
	position:relative;
	margin:0 auto;
}
#mainimg .ttl {
	position: absolute;
	top:3px;
	left:26px;
	color:#FFFFFF;
	font-size:107%;
}
#mainimg .point {
	position: absolute;
	top:230px;
	left:50px;
}
@media screen and (max-width: 767px) {
#mainimg {
	background:url(../images/mainimg_top01.jpg) no-repeat;
	background-size:100%;
	width:100%;
	height:290px;
	position:relative;
	margin:10px auto;
}
#mainimg .ttl {
	position: absolute;
	top:0px;
	left:10px;
	color:#FFFFFF;
	font-size:90%;
}
#mainimg .point {
	position: absolute;
	top: 180px;
	left: 0;
	text-align:center;
}	
#mainimg .point img{
	width:95%;
}		
}


/* ==============================================================================
  .maintxt
============================================================================== */		
.maintxt {
	margin:15px 0 50px 0;
	overflow:hidden;
}
.maintxt .fltL {
	width:250px;
}
.maintxt .fltR {
	width:680px;
}
@media screen and (max-width: 767px) {
.maintxt {
	margin:15px 0 20px 0;
	overflow:hidden;
}
.maintxt .fltL {
	width:250px;
	display:none;
}
.maintxt .fltR {
	width:100%;
	float:none;
}

}
/* ==============================================================================
  #contents
============================================================================== */	
	
#contents {
	clear:both;
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
@media screen and (max-width: 767px) {
#contents {
	clear:both;
	width:95%;
	margin:0 auto;
	overflow:hidden;
}

}
/* ==============================================================================
  #main
============================================================================== */	
#contents #main {
	float:left;
	width:720px;
	margin:0 0 105px 0;
}
#contents #main h2.ttl {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,e2e2e2+100 */
background: #f6f6f6; /* Old browsers */
	background: url(../images/ico_h2_bar01.jpg), -moz-linear-gradient(top, #f6f6f6 0%, #e2e2e2 100%); /* FF3.6-15 */
	background: url(../images/ico_h2_bar01.jpg), -webkit-linear-gradient(top, #f6f6f6 0%, #e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/ico_h2_bar01.jpg), linear-gradient(to bottom, #f6f6f6 0%, #e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat:no-repeat;
	background-position:left center;
	height:35px;
	margin:0 0 20px 0;
	font-size:125%;
	padding:10px 0 0 26px;
}
@media screen and (max-width: 767px) {
	#contents #main {
	float: none;
	width:100%;
	margin:0 0 15px 0;
}
#contents #main h2.ttl {
background: #f6f6f6; /* Old browsers */
	background: url(../images/ico_h2_bar01.jpg), -moz-linear-gradient(top, #f6f6f6 0%, #e2e2e2 100%); /* FF3.6-15 */
	background: url(../images/ico_h2_bar01.jpg), -webkit-linear-gradient(top, #f6f6f6 0%, #e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/ico_h2_bar01.jpg), linear-gradient(to bottom, #f6f6f6 0%, #e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 0 20px 0;
	font-size:100%;
	padding:8px 0 22px 20px;
	height:6px;
}	
	
	

}
/* ==============================================================================
service
============================================================================== */		
#main .service {
	overflow:hidden;
	margin:0 0 45px 0;
}
#main .service .box {
	width:228px;
	float:left;
	border:1px #CCCCCC solid;
	background:#EEE;
}
#main .service .boxInner {
	padding: 10px 14px 10px 10px;
}
#main .service .boxInner a {
	color:#333;
	text-decoration:none;
}
#main .service .boxInner .ttl {
	padding:0 10px 0 10px;
	margin:0 0 10px 0;
	font-size:94%;
	font-weight:bold;
	background:url(../images/ico_side_arrow01.jpg) no-repeat left center;
}
#main .service .boxInner p {
	padding: 0 0 0 10px;
	font-size: 75%;
}
#main .service .boxInner .price {
	text-align:right;
	color:#CC0000;
	font-weight:bold;
	font-size:107%;
}

@media screen and (max-width: 767px) {
	#main .service {
	overflow:hidden;
	margin:0 0 20px 0;
}
#main .service .box {
	width:31%;
	float:left;
	border:1px #CCCCCC solid;
	background:#EEE;
}
#main .service .box img{
	width:100%;
}
#main .service .boxInner .ttl {
	padding:0 10px 0 10px;
	margin:0 0 10px 0;
	font-size:83%;
	font-weight:bold;
	background:url(../images/ico_side_arrow01.jpg) no-repeat left center;
}
}


/* ==============================================================================
bnr
============================================================================== */	
#main .freedial {
	text-align:center;
	margin:0 0 35px 0;
}

@media screen and (max-width: 767px) {
#main .freedial {
	text-align:center;
	margin:0 0 35px 0;
}
#main .freedial img{
	width:100%;
}

}

/* ==============================================================================
bnr
============================================================================== */	
#main .areaSt {
	border: 2px #CCCCCC solid;
	padding:13px 22px;
	margin:0 0 45px 0;
}
#main .areaSt .ttl01 {
	display: inline-block;
	text-align:center;
	background:#000000;
	padding:5px 10px;
	margin:0 0 10px 0;
	color:#FFF;
	font-weight: bold;
	font-size:75%;
}
#main .areaSt p {
	font-size:75%;
}
/* ==============================================================================
flow
============================================================================== */	
#main .topflow {
	margin:0 0 45px 0;
}
#main .topflow h3.ttl {
	font-size:138%;
	font-weight:bold;
	margin:0 0 20px 0;
}

@media screen and (max-width: 767px) {
	
	#main .topflow {
	margin:0 0 45px 0;
}
	#main .topflow img{
		width:100%;
}

#main .topflow h3.ttl {
	font-size:138%;
	font-weight:bold;
	margin:0 0 20px 0;
}

}
/* ==============================================================================
yokuaru
============================================================================== */	
#main .yokuaru {
	margin:0 0 40px 0;
}
#main .yokuaru .head {
	background:url(../images/bk_yokuaru01.jpg) no-repeat;
	height:192px;
	position: relative;
}
#main .yokuaru .head .genre {
	position: absolute;
	top : 100px;
	left: 230px;
	font-weight:bold;
	font-size:94%;
	color:#24A063;
}
#main .yokuaru .head .ttl {
	position: absolute;
	top : 148px;
	left: 210px;
	font-size:125%;
	font-weight:bold;
}
#main .yokuaru img {
	vertical-align: top;
}
#main .yokuaru .box {
	border-right:1px #FF6707 solid;
	border-bottom:1px #FF6707 solid;
	border-left:1px #FF6707 solid;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
}
#main .yokuaru .box ul {
	padding:10px 30px 30px 30px;
}
#main .yokuaru .box li {
	list-style:disc;
	margin:0 0 10px 30px;
}

@media screen and (max-width: 767px) {
	
	#main .yokuaru .head {
	background:url(../images/bk_yokuaru01.jpg) no-repeat;
	background-size:100%;
	height: 150px;
	position: relative;
}
	
	#main .yokuaru .head .genre {
	position: absolute;
	top : 90px;
	left: 220px;
	font-weight:bold;
	font-size:94%;
	color:#24A063;

}
#main .yokuaru .head .ttl {
	position: absolute;
	top : 140px;
	left: 220px;
	font-size:94%;
	font-weight:bold;
}

	
	#main .yokuaru .box ul {
	padding:30px 10px 30px 10px;
}

}
/* ==============================================================================
mainbnr
============================================================================== */

#main .bnr {
	text-align:left;
}
@media screen and (max-width: 767px) {
#main .bnr img{
	width:100%;
	}

}
/* ==============================================================================
mainbnr
============================================================================== */

#main .mainbnr {
	background:url(../images/bnr_top01.jpg) no-repeat;
	width:720px;
	height:280px;
	position:relative;
	margin:0 0 30px 0;
}
#main .mainbnr .txt {
	position: absolute;
	top:5px;
	left:25px;
	font-weight:bold;
}


@media screen and (max-width: 767px) {

#main .mainbnr {
	background:url(../images/bnr_top01.jpg) no-repeat;
	background-size:100%;
	width:100%;
	height:300px;
	position:relative;
	margin:0 0 30px 0;
}
#main .mainbnr .txt {
	position: absolute;
	top:3px;
	left:10px;
	font-weight:bold;
}


}




/* ==============================================================================
company
============================================================================== */
.company {
	margin:0 0 20px 0;
}
.company table {
	width:100%;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}
.company th {
	width:194px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	background:#EEE;
	padding:8px 12px;
	text-align:left;
	font-weight: normal;
	font-size:75%;
}
.company td {
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	padding:8px 12px;
	font-size:75%;
}
@media screen and (max-width: 767px) {
.company th {
	width:100px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	background:#EEE;
	padding:8px 12px;
	text-align:left;
	font-weight: normal;
	font-size:75%;
}
}

/* ==============================================================================
sidebar
============================================================================== */

	
#contents #sidebar {
	float:right;
	width:210px;
}
@media screen and (max-width: 767px) {
	#contents #sidebar {
	float:right;
	width:210px;
	display:none;
}
	
}



/* ==============================================================================
sbnr
============================================================================== */
#sidebar .sbnr {
	margin:0 0 5px 0;
}
/* ==============================================================================
sideService
============================================================================== */
#sidebar .sideService {
	margin:8px 0 10px 0;
}
#sidebar .sideService .ttl {
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background:#0C9;
	border-bottom:3px #00787B solid;
	padding:8px 0 5px 0;
	background: #00aebd; /* Old browsers */
	background: -moz-linear-gradient(top, #00aebd 46%, #009c9e 55%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00aebd 46%, #009c9e 55%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00aebd 46%, #009c9e 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#sidebar .sideService ul {
	background: #F6F6F6;
}
#sidebar .sideService ul li {
	border-bottom:1px #CCCCCC dashed;
	font-size:75%;
	font-weight:bold;
	background:url(../images/ico_side_arrow01.jpg) no-repeat 10px center;
}
#sidebar .sideService ul li a {
	display:block;
	padding:10px 10px 10px 20px;
	color:#333333;
	text-decoration:none;
}
#sidebar .sideService ul li a:hover {
	text-decoration: underline;
}
/* ==============================================================================
sidelinks
============================================================================== */

.sidelinks {
	margin:8px 0 10px 0;
}
.sidelinks li {
	border: 1px #CCCCCC solid;
	text-align:center;
	list-style: none;
	margin:0 0 6px 0;
}
.sidelinks li a {
	display:block;
	color: #00787B;
	font-size:83%;
	height:39px;
	padding:18px 77px 0 0;
	font-weight:bold;
	text-decoration:none;
}
.sidelinks li a:hover {
	text-decoration: underline;
}
.sidelinks li.links01 {
	background:url(../images/img_side_menu01.jpg) no-repeat right center;
}
.sidelinks li.links01 a {
	height:45px !important;
	padding:12px 77px 0 0 !important;
}
.sidelinks li.links02 {
	background:url(../images/img_side_menu02.jpg) no-repeat right center;
}
.sidelinks li.links03 {
	background:url(../images/img_side_menu03.jpg) no-repeat right center;
}
/* ==============================================================================
sideArea
============================================================================== */
.sideArea {
	margin:8px 0 10px 0;
	padding:10px;
	border:1px #CCCCCC solid;
	font-size:75%;
	line-height:1.8;
}
/* ==============================================================================
pagetop
============================================================================== */
	
.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/* ==============================================================================
footer
============================================================================== */
	
footer {
	clear:both;
}
/* ==============================================================================
.footerNav
============================================================================== */	
.footerNav {
	border-top : 1px #049EA0 solid;
	background:#EEE;
	padding:20px 0;
	overflow:hidden;
	font-size:75%;
}
.footerNav li {
	margin:0 0 5px 0;
}
.footerNav .left {
	float:left;
	width:317px;
	padding:0 0 0 50px;
}
.footerNav .center {
	float:left;
	width:330px;
}
.footerNav .right {
	float:left;
	width:260px;
}

@media screen and (max-width: 767px) {
.footerNav .left {
	display:none;
}
.footerNav .center {
	float:none;
	width:100%;
}
.footerNav .right {
	float:none;
	width:100%;
}

.footerNav li  {
	border-bottom:1px #999999 solid;
	width:100%
}
.footerNav li a {
	padding:15px 0;
	display:block;
}


}


/* ==============================================================================
.footerComm
============================================================================== */	
	
.footerComm {
	clear:both;
	background:#FFF;
	height:105px;
}
.footerComm .logo {
	background:url(../images/bk_header_logo01.jpg) no-repeat;
	float:left;
	padding:37px 0 0 0;
	margin:10px 0 0 0;
}
.footerComm .logo .txt {
	font-size:213%;
	color:#007073;
	font-weight:bold;
	line-height:1.0;
}
.footerComm .logo img {
	vertical-align:bottom;
}
.footerComm .headerFreedial {
	float:right;
	width:315px;
	margin: 27px 0 0 0;
}

@media screen and (max-width: 767px) {
.footerComm {
	clear:both;
	background:#FFF;
	height:100px;
}
.footerComm .logo {
	background:url(../images/bk_header_logo01.jpg) no-repeat;
	float:left;
	padding:37px 0 0 0;
	margin:10px 0 0 0;
	width:60%;
}
.footerComm .logo .txt {
	font-size:120%;
	color:#007073;
	font-weight:bold;
	line-height:1.0;
}
.footerComm .logo img {
	vertical-align:bottom;
	width:60%;
}
.footerComm .headerFreedial {
	float:right;
	width:40%;
	margin: 5px 0 0 0;
}
.footerComm .headerFreedial img {
	width:100%;
}	
}


/* ==============================================================================
.footerbar
============================================================================== */	
.footerbar {
	clear:both;
	height:50px;
	background:#049EA0;
	color:#FFF;
}
/* ==============================================================================
.breadcrumb{}
============================================================================== */	
.breadcrumb {
	width:960px;
	margin:10px auto;
	text-align:right;
	font-size:75%;
}
@media screen and (max-width: 767px) {
	.breadcrumb {
	width:95%;
	margin:10px auto;
	text-align:right;
	font-size:75%;
}
	
}


/* ==============================================================================
#pageH2
============================================================================== */	

#pageH2 {
	width:1000px;
	position:relative;
	margin:0 auto;
}
#pageH2 h2.ttl {
	text-align:left;
	font-size:213%;
	text-shadow: -2px -2px #FFF, 2px -2px #FFF, -2px 2px #FFF, 2px 2px #FFF;
}
@media screen and (max-width: 767px) {
#pageH2 {
	width:95%;
	position:relative;
	margin:0 auto;
	background-size:100%;
}
#pageH2 h2.ttl {
	text-align:left;
	font-size:123%;
	text-shadow: -2px -2px #FFF, 2px -2px #FFF, -2px 2px #FFF, 2px 2px #FFF;
}

}

/* ==============================================================================
#pagetitles
============================================================================== */	

.faqbk {
	background:url(../images/bk_faq_main01.jpg) no-repeat;
	padding: 92px 0 0 30px;
	height:128px;
}
.mediabk {
	background:url(../images/bk_media_main01.jpg) no-repeat;
	padding: 92px 0 0 30px;
	height:128px;
}
.flowbk {
	background:url(../images/bk_flow_main01.jpg) no-repeat;
	padding: 92px 0 0 30px;
	height:128px;
}
.kagiakebk {
	background:url(../images/bk_kagiake_main01.jpg) no-repeat;
	padding: 92px 0 0 30px;
	height:128px;
}
.doorbk {
	background:url(../images/bk_door_main01.jpg) no-repeat;
	padding: 60px 0 0 30px;
	height:160px;
}
.carbikebk {
	background:url(../images/bk_carbike_main01.jpg) no-repeat;
	padding: 60px 0 0 30px;
	height:160px;
}
.kinkobk {
	background:url(../images/bk_kinko_main01.jpg) no-repeat;
	padding: 92px 0 0 30px;
	height:128px;
}
.shutterbk {
	background:url(../images/bk_shutter_main01.jpg) no-repeat;
	padding: 60px 0 0 30px;
	height:160px;
}
.suitcasebk {
	background:url(../images/bk_suitcase_main01.jpg) no-repeat;
	padding: 60px 0 0 30px;
	height:160px;
}
@media screen and (max-width: 767px) {
.faqbk {
	background:url(../images/bk_faq_main01.jpg) no-repeat;
	padding: 60px 0 0 5%;
	height:90px;
}
.mediabk {
	background:url(../images/bk_media_main01.jpg) no-repeat;
	padding: 60px 0 0 5%;
	height:90px;
}
.flowbk {
	background:url(../images/bk_flow_main01.jpg) no-repeat;
	padding: 60px 0 0 5%;
	height:90px;
}
.kagiakebk {
	background:url(../images/bk_kagiake_main01.jpg) no-repeat;
	padding: 60px 0 0 5%;
	height:90px;
}
.doorbk {
	background:url(../images/bk_door_main01.jpg) no-repeat;
	padding: 40px 0 0 5%;
	height:110px;
}
.carbikebk {
	background:url(../images/bk_carbike_main01.jpg) no-repeat;
	padding: 40px 0 0 5%;
	height:110px;
}
.kinkobk {
	background:url(../images/bk_kinko_main01.jpg) no-repeat;
	padding: 60px 0 0 5%;
	height:90px;
}
.shutterbk {
	background:url(../images/bk_shutter_main01.jpg) no-repeat;
	padding: 40px 0 0 5%;
	height:110px;
}
.suitcasebk {
	background:url(../images/bk_suitcase_main01.jpg) no-repeat;
	padding: 40px 0 0 5%;
	height:110px;
}	
	
}



/* ==============================================================================
.faq
============================================================================== */	

.faq {
	margin:0 0 50px 0;
}
.faq ul {
	padding:0 0 20px 0;
}
.faq li {
	background: url(../images/ico_question01.jpg) no-repeat left top;
	padding:1px 0 10px 32px;
}
.faq .box {
	overflow:hidden;
	margin:0 0 30px 0;
}
.faq .box .question {
	background:url(../images/bk_question01.jpg) no-repeat;
	height:45px;
	padding:12px 0 0 55px;
	font-size:94%;
	font-weight:bold;
}
.faq .box .answer {
	background:url(../images/bk_anser01.jpg) no-repeat 12px center;
	padding:0 15px 0 55px;
	font-size:82%
}
.faq .box .answer p {
	padding:0 !important;
}
/* ==============================================================================
.media
============================================================================== */

.media {
	margin:0 0 50px 0;
}
/* ==============================================================================
.flow
============================================================================== */

.flow {
	margin:0 0 50px 0;
}
.flow h3.ttl {
	background:url(../images/bk_flowh301.jpg) no-repeat;
	height:35px;
	padding:14px 0 0 0;
	font-weight:bold;
	text-align:center;
	font-size:138%;
	margin:0 0 15px 0;
}
.flow p {
	text-align:left;
}
@media screen and (max-width: 767px) {
	
	.flow h3.ttl {
	background: #6CC;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:left;
	font-size:100%;
	margin:0 0 5px 0;
	height: auto;
}
	
	
}



/* ==============================================================================
.pageYokuaru
============================================================================== */

.pageYokuaru {
	background:url(../images/bk_pageyokuaru01.jpg) no-repeat;
	border:1px #999999 solid;
	margin:0 0 20px 0;
	padding:15px 0 15px 200px;
}
.pageYokuaru .box {
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
}
.pageYokuaru .box ul {
}
.pageYokuaru .box li {
	list-style:disc;
	margin:0 0 5px 30px;
	font-size:93%;
	font-weight:900;
}

@media screen and (max-width: 767px) {
.pageYokuaru {
	background:url(../images/bk_pageyokuaru01.jpg) no-repeat;
	border:1px #999999 solid;
	margin:0 0 20px 0;
	padding:90px 10px 15px 10px;
}
.pageYokuaru .box {
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
}
.pageYokuaru .box ul {
}
.pageYokuaru .box li {
	list-style:disc;
	margin:0 0 5px 30px;
	font-size:93%;
	font-weight:900;
}	

.pgbnr img{
	width:100%;
	}

.syosai img{
	width:50% !important;
	}

	
}

/* ==============================================================================
.spfreedial
============================================================================== */

.spfreedial{
	display:none;
	text-align:center;
	margin:0 0 35px 0;
	}


@media screen and (max-width: 767px) {
.spfreedial{
	display:block;
	}
.spfreedial img{
	width:90%;	
}
.media img{
	width:90%;	
	}


}