/* ---------------------------------------------
*   common.css override
--------------------------------------------- */
/*  body
--------------------------------------------- */
@media screen and (max-width: 738px) {
	body {
		min-width: 0;
		background-color: transparent;
	}
}


/*  menu-back
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#menu-back {
		position: absolute;
		top: 57px;
		right: 0;
		left: 0;
		z-index: 99999;
		box-sizing: border-box;
		display: none;
		width: 96%;
		height: auto;
		border: 1px solid #bfe4f3;
		background: #bfe4f3;
		margin: 0 auto;
	}
}

/* -- menu -- */
@media screen and (max-width: 738px) {
	#menu {
		width: auto;
		height: auto;
	}
}

/* nav */
@media screen and (max-width: 738px) {
	#menu ul#nav li#nav-b01,
	#menu ul#nav li#nav-b02,
	#menu ul#nav li#nav-b03,
	#menu ul#nav li#nav-b04,
	#menu ul#nav li#nav-b05,
	#menu ul#nav li#nav-b06,
	#menu ul#nav li#nav-b07 {
		float: none;
		width: auto;
		height: auto;
		background: none;
		margin-top: 1px;
		text-indent: 0;
	}
	#menu ul#nav li#nav-b01, {
		margin-top: 0;
	}
}

/* a / span */
@media screen and (max-width: 738px) {
	#menu ul#nav li#nav-b01 > a,
	#menu ul#nav li#nav-b02 > span,
	#menu ul#nav li#nav-b03 > span,
	#menu ul#nav li#nav-b04 > span,
	#menu ul#nav li#nav-b05 > span,
	#menu ul#nav li#nav-b06 > a,
	#menu ul#nav li#nav-b07 > a {
		position: relative;
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: auto;
		text-indent: 0;
		text-align: left;
		font-size: 13px;
		color: inherit;
		padding: 5px 10px;
		background: #d3ecf9;
		background: -moz-linear-gradient(top, #d3ecf9 0%, #f0f7fc 100%);
		background: -webkit-linear-gradient(top, #d3ecf9 0%,#f0f7fc 100%);
		background: linear-gradient(to bottom, #d3ecf9 0%,#f0f7fc 100%);
	}
	#menu li#nav-b01 a:hover,
	#menu li#nav-b02 span:hover,
	#menu li#nav-b03 span:hover,
	#menu li#nav-b04 span:hover,
	#menu li#nav-b05 span:hover,
	#menu li#nav-b06 a:hover,
	#menu li#nav-b07 a:hover {
		text-decoration: none;
		opacity: 0.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.8;
	}
	#menu ul#nav li#nav-b02 > span:after,
	#menu ul#nav li#nav-b03 > span:after,
	#menu ul#nav li#nav-b04 > span:after,
	#menu ul#nav li#nav-b05 > span:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 5px;
		width: 14px;
		height: 7px;
		background: url(../images/sp/arrow-menu-off.png) 0 0 no-repeat;
		margin-top: -3.5px;
	}
	#menu ul#nav li#nav-b02 > span.active:after,
	#menu ul#nav li#nav-b03 > span.active:after,
	#menu ul#nav li#nav-b04 > span.active:after,
	#menu ul#nav li#nav-b05 > span.active:after,
 {
		background-image: url(../images/sp/arrow-menu-on.png);
	}
}

/* ul */
@media screen and (max-width: 738px) {
	#menu ul#nav > li > ul {
		position: static;
		width: 100%;
	}
}

/* menu-level-2 - a / span */
@media screen and (max-width: 738px) {
	#menu .menu-level-2 > li > a,
	#menu .menu-level-2 > li > span {
		padding: 5px 15px;
		background: #b9e1e9;
	}
}

/* menu-level-3 - a */
@media screen and (max-width: 738px) {
	#menu .menu-level-3 > li > a,
	#menu .menu-level-3 > li > span {
		padding: 5px 25px;
		background: #7dc1d0;
	}
}


/*  menu-sp
--------------------------------------------- */
#menu-sp {
	display: none;
}
@media screen and (max-width: 738px) {
	#menu-sp {
		position: absolute;
		top: 57px;
		right: 0;
		left: 0;
		z-index: 99999;
		box-sizing: border-box;
		width: 96%;
		border: 1px solid #bfe4f3;
		background-color: #bfe4f3;
		margin: 0 auto;
	}
}

/* -- menu-sp-links -- */
@media screen and (max-width: 738px) {
	#menu-sp .menu-sp-links .menu-level-1,
	#menu-sp .menu-sp-links .menu-level-2 {
		margin-top: 1px;
	}
	#menu-sp .menu-sp-links .menu-level-1:first-child,
	#menu-sp .menu-sp-links .menu-level-2:first-child {
		margin-top: 0;
	}
}

/* span / a */
@media screen and (max-width: 738px) {
	#menu-sp .menu-sp-links span,
	#menu-sp .menu-sp-links a {
		box-sizing: border-box;
		display: block;
		width: 100%;
		font-size: 13px;
		color: inherit;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

/* a */
@media screen and (max-width: 738px) {
	#menu-sp .menu-sp-links a:hover {
		text-decoration: none;
		opacity: 0.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.8;
	}
}

/* menu-level-1 - span / a */
@media screen and (max-width: 738px) {
	#menu-sp .menu-level-1 > span,
	#menu-sp .menu-level-1 > a {
		padding-right: 10px;
		padding-left: 10px;
		border: 1px solid #c5e7f8;
		background: #d3ecf9;
		background: -moz-linear-gradient(top, #d3ecf9 0%, #f0f7fc 100%);
		background: -webkit-linear-gradient(top, #d3ecf9 0%,#f0f7fc 100%);
		background: linear-gradient(to bottom, #d3ecf9 0%,#f0f7fc 100%);
	}
}

/* menu-level-2 - span / a */
@media screen and (max-width: 738px) {
	#menu-sp .menu-level-2 > span,
	#menu-sp .menu-level-2 > a {
		padding-right: 15px;
		padding-left: 15px;
		border: 1px solid #bbe2f2;
		background: #b9e1e9;
	}
}

/* menu-level-3 - span / a */
@media screen and (max-width: 738px) {
	#menu-sp .menu-level-3 > span,
	#menu-sp .menu-level-3 > a {
		padding-right: 25px;
		padding-left: 25px;
		border: 1px solid #9ed1e0;
		background: #7dc1d0;
	}
}

/* ---------------------------------------------
*   layout.css override
--------------------------------------------- */


/*  header
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#header {
		height: auto;
	}
}


/*  header-main
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#header-main {
		width: auto;
		height: auto;
		padding: 6px 2% 8px;
		overflow: hidden;
	}
}

/* -- header-logo -- */
@media screen and (max-width: 738px) {
	#header-logo {
		width: 255px;
		height: auto;
	}
}

/* img */
@media screen and (max-width: 738px) {
	#header-logo img {
		max-width: 100%;
		height: auto;
	}
}

/* -- header-menubutton -- */
@media screen and (max-width: 738px) {
	#header-menubutton {
		float: right;
		width: 36px;
		height: 0;
		padding-top: 31px;
		background: url(../images/sp/btn_menu.png) center center no-repeat;
		background-size: 100% auto;
		overflow: hidden;
		margin: 5px 0 0;
		cursor: pointer;
	}
	#header-menubutton:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.8;
	}
}

/* -- header-right -- */
@media screen and (max-width: 738px) {
	#header-right {
		display: none;
	}
}


/*  titleimage
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#titleimage {
		height: auto;
	}
}

/* -- title -- */
@media screen and (max-width: 738px) {
	#title {
		width: 100%;
		height: auto;
	}
}

/* img */
@media screen and (max-width: 738px) {
	#title img {
		height: auto;
	}
}

/* bxslider (override) */
@media screen and (max-width: 738px) {
	#title .bx-wrapper {
		margin-bottom: 0;
	}
	#title .bx-wrapper .bx-controls-direction a {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	#title .bx-wrapper .bx-prev {
		left: 0;
		background: url(../images/sp/arrow-prev.png) center center no-repeat !important;
		background-size: 15.5px auto !important;
	}
	#title .bx-wrapper .bx-next {
		right: 0;
		background: url(../images/sp/arrow-next.png) center center no-repeat !important;
		background-size: 15.5px auto !important;
	}
}


/*  news
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#news {
		width: auto;
		height: auto;
		padding: 15px 2% 0;
		background: none;
		margin: 0 auto;
	}
}

/* -- news-main -- */
@media screen and (max-width: 738px) {
	#news-main {
		width: auto;
		height: auto;
		padding-top: 0;
	}
}

/* -- news-main -- */
@media screen and (max-width: 738px) {
	#news-list {
		width: auto;
		height: auto;
		padding-top: 0;
	}
}

/* -- news-left -- */
@media screen and (max-width: 738px) {
	#news-left {
		float: none;
		width: auto;
		height: auto;
		padding: 0;
	}
}

/* ul */
@media screen and (max-width: 738px) {
	#news-left ul {
		width: auto;
		overflow: hidden;
	}
}

/* ul - li */
@media screen and (max-width: 738px) {
	#news-left ul li:first-child {
		float: left;
		letter-spacing: 0.1em;
		font-size: 16px;
		font-weight: bold;
		color: #65a4af;
		margin-top: 0;
	}
	#news-left ul li:nth-child(2) {
		float: right;
		width: auto;
		height: auto;
		padding: 0;
	}
}


/* -- news-right -- */
@media screen and (max-width: 738px) {
	#news-right {
		float: none;
		width: auto;
		height: auto;
		padding: 0;
		margin-top: 11px;
	}
}

/* li */
@media screen and (max-width: 738px) {
	#news-right li,
	#news-right li.imp {
		height: auto;
		line-height: 1.5;
		font-size: 12px;
		padding: 0 0 0 40px;
		background-position: 0 0.2em;
		background-size: 35px auto;
		margin: 5px 0 0;
	}
	#news-right li:first-child {
		margin-top: 0;
	}
}

/* day */
@media screen and (max-width: 738px) {
	#news-right .day {
		display: block;
		font-size: 12px;
		padding: 0;
	}
}


/*  container
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#container {
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
	}
}


/*  main-space
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#main-space {
		float: none;
		width: auto;
		height: auto;
		padding-top: 25px;
	}
}


/*  sub-crwon
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#sub-crwon {
		display: none;
	}
}


/*  sub-main
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#sub-main {
		width: auto;
		height: auto;
		padding: 0 2%;
	}
}


/*  txt-main
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#txt-main {
		width: auto;
		height: auto;
		margin-bottom:0px;
	}
}


/* -- txt-left -- */
@media screen and (max-width: 738px) {
	#txt-left {
		float: none;
		width: auto;
		height: auto;
		margin-bottom: 13px;
	}
}

/* ul */
@media screen and (max-width: 738px) {
	#txt-left ul {
		width: auto;
		height: auto;
		padding: 0;
	}
}

/* -- txt-right -- */
@media screen and (max-width: 738px) {
	#txt-right {
		float: none;
		width: auto;
		height: auto;
	}
	
	#txt-right p
{
	font-size:12px;
	color:#333;
	margin-bottom:5px;
	line-height:25px;
}

#txt-right p.name
{
	font-size:20px;
	color:#333;
	line-height:20px;
}

}



/* -- photo-left -- */
@media screen and (max-width: 738px) {
	#photo-left {
		float: none;
		width: auto;
		height: auto;
		text-align: center;
	}
	
	#photo-left p
{
	font-size:12px;
	color:#333;
	margin-bottom:5px;
	line-height:25px;
}

#photo-left p.name
{
	font-size:20px;
	color:#333;
	line-height:20px;
}

}

/* img */
@media screen and (max-width: 738px) {
	#txt-right img {
		width: 100%;
		height: auto;
	}
}


/*  middle
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#sub-main .middle {
		width: auto;
		margin-bottom: 0;
	}
}


/*  list-space
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#list-space {
		width: auto;
		height: auto;
	}
}


/* -- ul -- */
@media screen and (max-width: 738px) {
	#list-space ul {
		width: auto;
		height: auto;
		padding-left: 8px;
	}
}

/* li */
@media screen and (max-width: 738px) {
	#list-space ul li {
		height: auto;
		line-height: 1.5;
	}
}

/* li */
@media screen and (max-width: 738px) {
	#list-space ul li.style {
		width: auto;
		height: auto;
		line-height: 1.5;
		background-image:none;
		margin:auto;
		margin-bottom:10px;
		color:#06C;
		text-align:left;
		padding-left:0px;
	list-style-type:none;
	font-size:15px;
	}
}


/*  caution
--------------------------------------------- */
#sub-main .caution br + span {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
}
@media screen and (max-width: 738px) {
	#sub-main .caution {
		width: auto;
		padding-left: calc(1em + 8px);
		text-indent: -1em;
	}
	#sub-main .caution br {
		display: none;
	}
	#sub-main .caution br + span {
		display: none;
	}
}



/*  st-link
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#st-link {
		width: auto;
		height: auto;
		letter-spacing: 0.1em;
		font-size: 16px;
		font-weight: bold;
		color: #65a4af;
		padding: 0 3.8%;
		background-image: none;
		text-indent: 0;
	}
}


/*  top-link
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#top-link {
		width: auto;
		height: auto;
		padding: 0 3.8%;
		overflow: hidden;
	}
}

/* -- top-link-01 / 02 / 03 / 04 -- */
@media screen and (max-width: 738px) {
	#top-link-01,
	#top-link-02,
	#top-link-03,
	#top-link-04 {
		width: 49%;
		height: auto;
		background-size: 100% auto;
		margin: 2.3% 0 0;
	}
	#top-link-01,
	#top-link-02 {
		margin-top: 0;
	}
	#top-link-01,
	#top-link-03 {
		float: left;
	}
	#top-link-02,
	#top-link-04 {
		float: right;
	}
	#top-link-01 > a,
	#top-link-02 > a,
	#top-link-03 > a,
	#top-link-04 > a {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 53.3632286996%;
	}
}


/*  st-site
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#st-site {
		width: auto;
		height: auto;
		letter-spacing: 0.1em;
		font-size: 16px;
		font-weight: bold;
		color: #65a4af;
		padding: 0 3.8%;
		background-image: none;
		text-indent: 0;
	}
}


/*  top-link (top-banner)
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#top-link.top-banner {
		width: auto;
		height: auto;
		padding: 0 2%;
		overflow: hidden;
	}
}

/* -- top-banner-01 / 02 / 03 / 04 -- */
@media screen and (max-width: 738px) {
	#top-banner-01,
	#top-banner-02,
	#top-banner-03,
	#top-banner-04,
	#top-banner-05,
	#top-banner-06 {
		width: 49.8%;
		height: auto;
		background-size: 100% auto;
		margin: 2.3% 0 0;
	}
	#top-banner-01,
	#top-banner-02 {
		margin-top: 0;
	}
	#top-banner-01,
	#top-banner-03
	#top-banner-05 {
		float: left;
	}
	#top-banner-02,
	#top-banner-04,
	#top-banner-06 {
		float: right;
	}
	#top-banner-01 > a,
	#top-banner-02 > a,
	#top-banner-03 > a,
	#top-banner-04 > a,
	#top-banner-05 > a,
	#top-banner-06 > a {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 70%;
	}
}


/*  service-all-pic
--------------------------------------------- */
@media screen and (max-width: 738px) {
	p.service-all-pic {
		width: auto;
	}
	p.service-all-pic img {
		max-width: 100%;
		height: auto;
	}
}


/*  service-all
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#service-all {
		width: auto;
	}
}


/*  radius radius1
--------------------------------------------- */
@media screen and (max-width: 738px) {
	.radius {
		padding: 15px 10px;
	}
}

/* -- title -- */
@media screen and (max-width: 738px) {
	.radius1 p.title {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 0;
	}
}

/* -- txt-b -- */
@media screen and (max-width: 738px) {
	.radius1 p.txt-b {
		line-height: 1.5;
		margin-bottom: 0;
	}
	.radius1 p.txt-1 + p.txt-b {
		margin-top: 15px;
	}
}

/* -- txt-1 -- */
@media screen and (max-width: 738px) {
	.radius1 p.txt-1 {
		line-height: 1.5;
		margin-bottom: 0;
	}
}


/*  point-s point-s1
--------------------------------------------- */
@media screen and (max-width: 738px) {
	.point-s {
		margin-bottom: 5px;
		margin-top:10px;
	}
	.point-s.point-s1 {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
}


/*  photo-space
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#photo-space {
		width: 49%;
		margin: 10px auto 0;
	}
	#service-all .photo-space:nth-child(-n+2) {
		margin-top: 0;
	}
	#service-all .photo-space:nth-child(2n+1) {
		float: left;
	}
	#service-all .photo-space:nth-child(2n) {
		float: right;
	}
}

/* -- a -- */
@media screen and (max-width: 738px) {
	#photo-space a {
		display: block;
	}
}

/* img */
@media screen and (max-width: 738px) {
	#photo-space a img {
		width: 100%;
		height: auto;
	}
}

/* img */
@media screen and (max-width: 738px) {
	#photo-space img {
		width: 100%;
		height: auto;
	}
}

/*  sub-space
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#sub-space {
		float: none;
		width: auto;
		height: auto;
		padding: 0;
		margin: 10px auto;
	}
}

/* -- #contact -- */
@media screen and (max-width: 738px) {
	#contact {
		box-sizing: border-box;
		width: 96%;
		height: auto;
		padding: 10px 3% 20px;
		background-position: -2px;
		background-size: 100% 100%;
		margin: 8px auto 0;
	}
}

/* ul */
@media screen and (max-width: 738px) {
	#contact ul {
		width: auto;
		line-height: 1.5;
	}
}

/* li */
@media screen and (max-width: 738px) {
	#contact ul li {
		line-height: 1;
	}
}

/* name */
@media screen and (max-width: 738px) {
	#contact p.name {
		letter-spacing: 0.25em;
		font-size: 14px;
		margin-bottom: 5px;
	}
}

/* address */
@media screen and (max-width: 738px) {
	#contact p.address {
		font-size: 10px;
		line-height: 1.5;
	}
}

/* number */
@media screen and (max-width: 738px) {
	#contact p.address.number {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.6em;
	}
}

/* inq */
@media screen and (max-width: 738px) {
	#contact p.inq {
		width: auto;
		height: auto;
		text-align: center;
	}
	#contact p.inq > a {
		display: inline-block;
		max-width: 222px;
		vertical-align: top;
	}
	#contact p.inq img {
		width: 100%;
		height: auto;
	}
}

/* caution */
@media screen and (max-width: 738px) {
	#contact p.caution {
		overflow: hidden;
		margin-bottom: -10px;
	}
}

/* caution - img */
@media screen and (max-width: 738px) {
	#contact p.caution img {
		display: block;
		margin-top: -10px;
	}
}


/*  side-menu-crown
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#side-menu-crown {
		display: none;
	}
}

/*  side-menu-space
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#side-menu-space {
		width: 94.5%;
		padding: 0;
		background: 0;
		margin: 12px auto;
	}
}

/* -- side-menu-bo -- */
@media screen and (max-width: 738px) {
	#side-menu-space .side-menu-bo {
		display: table;
		width: 100%;
		min-height: 48px;
		padding-left: 0;
		background: url(../images/sp/table-background.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
}

/* p */
@media screen and (max-width: 738px) {
	#side-menu-space .side-menu-bo p a:link {
		width: 100%;
		padding: 0 10px 0 30px;
		background: url(../images/sp/arrow-square-blue.png) 6px center no-repeat;
	}
	
	
	
}


/*  side-menu-bottom
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#side-menu-bottom {
		display: none;
	}
}

/*  txt-all
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#txt-all {
		width: auto;
		height: auto;
	}
}


/*  txt-all
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#txt-all ul {
		width: auto;
		height: auto;
	}
}


/*  txt-all
--------------------------------------------- */
@media screen and (max-width: 738px) {

#txt-all-inq
{
		width: auto;
		height: auto;
		margin-bottom:-30px;

}

}

@media screen and (max-width: 738px) {
li.circle-inq
{
	width: auto;
	height: auto;
	margin:auto;
	list-style-type:none;
	font-size:11px;
	background-repeat:no-repeat;
	line-height: 15px;
	color:#333;
	margin-bottom:10px;
	text-align:left;
	
}
}


/*  txt-all
--------------------------------------------- */
@media screen and (max-width: 738px) {

#txt-all-caution
{
		width: auto;
		height: auto;

}

}

@media screen and (max-width: 738px) {
#list-space li.small
{
	width: auto;
	height: auto;
	list-style:circle;
	font-size:13px;
	background-image:none;
	padding-left:0px;
	margin-left:15px;
	line-height:21px;
	margin-bottom:20px;
}
}


@media screen and (max-width: 738px) {
li.circle
{
	width: auto;
	height: auto;
	margin:auto;
	list-style-type:none;
	font-size:14px;
	background-image:url(../images/li-circle.png);
	background-repeat:no-repeat;
	padding-left:20px;
	line-height: 25px;
	color:#333;
	margin-bottom:10px;
	padding-right:15px;
	text-align:left;
	
}
}



/*  txt-all
--------------------------------------------- */
@media screen and (max-width: 738px) {

#txt-all-caution ul
{
		width: auto;
		height: auto;
	font-size:14px;
	line-height:25px;

}

}


/*  txt-all
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#txt-all-caution p {
		width: auto;
		height: auto;
	}
}



/*  service-left
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#service-left {
		float: none;
		width: auto;
		height: auto;
	}
}

/* -- service-b -- */
@media screen and (max-width: 738px) {
	#service-left .service-b {
		width: auto;
		margin-top:10px;
	}
	#service-left .service-b {
		width: auto;
			margin-top:10px;
	}
}

/* -- service-txt -- */
@media screen and (max-width: 738px) {
	#service-left .service-txt {
		width: auto;
	}
}


/*  service-right
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#service-right {
		float: none;
		width: auto;
		height: auto;
	}
}

/* -- service-b -- */
@media screen and (max-width: 738px) {
	#service-right .service-b {
		width: auto;
		margin-top:10px;
	}
	#service-right .service-txt {
		width: auto;
			margin-top:10px;
	}
}

/* -- service-txt -- */
@media screen and (max-width: 738px) {
	#service-right .service-txt {
		width: auto;
	}
}


/*  service-pic
--------------------------------------------- */
@media screen and (max-width: 738px) {
	p.service-pic {
		width: auto;
		text-align: center;
	}
	p.service-pic img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}


/*  service-all2
--------------------------------------------- */
@media screen and (max-width: 738px) {
	p.service-all2 {
		width: auto;
	}
}


/*  service-all-pic
--------------------------------------------- */
@media screen and (max-width: 738px) {
	p.service-all-pic {
		text-align: center;
	}
	p.service-all-pic img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}


/*  h2
--------------------------------------------- */
@media screen and (max-width: 738px) {
	h2 {
		width: auto;
		height: auto;
		margin-bottom: 25px;
	}
}


/*  subtitle
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#subtitle {
		width: auto;
		height: auto;
	}
}


/*  subtitle-main
--------------------------------------------- */
#subtitle-main_sp {
	display: none;
}
@media screen and (max-width: 738px) {
	#subtitle-main {
		display: none;
	}
	#subtitle-main_sp {
		display: block;
		width: auto;
		height: auto;
	}
}

/* -- img -- */
@media screen and (max-width: 738px) {
	#subtitle-main_sp img {
		max-width: 100%;
		height: auto;
	}
}


/*  pagetop
--------------------------------------------- */
@media screen and (max-width: 738px) {
	.pagetop {
		bottom: 30px;
		right: 10px;
	}
}

/* -- a -- */
@media screen and (max-width: 738px) {
	.pagetop a {
		padding: 5px 15px;
	}
	.pagetop a:hover {
		padding: 5px 15px;
	}
}


/*  table.brwsr1
--------------------------------------------- */
@media screen and (max-width: 738px) {
	table.brwsr1,
	table.brwsr1 tbody,
	table.brwsr1 tr,
	table.brwsr1 th.r1,
	table.brwsr1 td.r2 {
		box-sizing: border-box;
		display: block;
		width: 100%;
		font-size:14px;
	}
	table.brwsr1 th.r1,
	table.brwsr1 td.r2 {
		border: #999 1px solid;
		border-top-width: 0;
	}
	table.brwsr1 tr:first-child th.r1 {
		border-top-width: 1px;
	}
}

@media screen and (max-width: 738px) {
	table.brwsr2 {
		box-sizing: border-box;
		display: block;
		width: auto;
		font-size:14px;
	}
	table.brwsr2 th.x1,
	table.brwsr2 td.x2 {
		border: #999 1px solid;
		border-top-width: 0;
	}
	table.brwsr2 tr:first-child th.r1 {
		border-top-width: 1px;
	}
}

/*  footer
--------------------------------------------- */
@media screen and (max-width: 738px) {
	#footer {
		width: auto;
		height: auto;
		background-size: auto 100%;
	}
}

/* -- footer_main -- */
@media screen and (max-width: 738px) {
	#footer_main {
		width: auto;
		height: auto;
		padding-top: 12px;
	}
}

/* footer-b */
@media screen and (max-width: 738px) {
	#footer-b {
		width: auto;
	}
}

/* footer-main */
@media screen and (max-width: 738px) {
	#footer-main {
		width: 80%;
		height: 0;
		padding-top: 8.5%;
		overflow: hidden;
		background-image: url(../images/sp/footer-main.png);
		background-size: 100% auto;
		margin: 0 auto;

	}
}

/* footermenu */
@media screen and (max-width: 738px) {
	#footermenu {
		display: none;
	}
}

/* copyright */
@media screen and (max-width: 738px) {
	#copyright {
		width: auto;
		height: auto;
		text-align: center;
		font-size: 10px;
		padding: 0 2%;
	}
}


@media screen and (max-width: 738px) {
#list-line	{
	width:auto;
	height:48px;
	background-image:url(../images/list-line.png);
	margin:auto;
	padding-left:45px;
	padding-top:12px;
	margin-bottom:15px;

}

#list-line p	{
	font-size:12px;
	color:#333;
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;

}

#list-line p a:link	{
	font-size:12px;
	color:#333;
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;

}

#list-line2	{
	width:auto;
	height:48px;
	background-image:url(../images/list-line.png);
	margin:auto;
	padding-left:45px;
	padding-top:10px;
	margin-bottom:15px;
	margin-top:5px;

}

#list-line2 p.small	{
	font-size:12px;
	color:#333;
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;

}

#list-line2 p.small a:link	{
	font-size:12px;
	color:#333;
	font-weight: bold;
	line-height:15px;
	text-align:left;

}


}

@media screen and (max-width: 738px) {
#pdf-b	{
	width:100%;
	height:48px;
	margin:auto;s
	padding-top:12px;
	margin-bottom:35px;
	background-image:none;
	background-repeat:no-repeat;
	padding-left:0px;

	

}

#pdf-b p	{
	font-size:18px;
	color:#333;
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;
	padding:5px;
	background-color:#09C;

}

#pdf-b p a:link	{
	font-size:18px;
	color:#fff;
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;
	background-color:#09C;
}
}


/* copyright */
@media screen and (max-width: 738px) {
p.middle {
	text-align: left;
	font-size:18px;
	margin-bottom:20px;
	margin-top:15px;

	}
}

/* -- txt-left -- */
@media screen and (max-width: 738px) {
	#left-photo {
		float: none;
		width: auto;
		height: auto;
		margin-bottom: 13px;
	}
}

/* ul */
@media screen and (max-width: 738px) {
	#left-photo ul {
		width: auto;
		height: auto;
		padding: 0;
	}
}

@media screen and (max-width: 738px) {
	#left-photo {
		float: none;
		width: auto;
		height: auto;
		text-align: center;
	}

	
	#left-photo p
{
	font-size:12px;
	color:#333;
	margin-bottom:5px;
	line-height:25px;
}

#left-photo p.name
{
	font-size:20px;
	color:#333;
	line-height:20px;
}

}

/* -- txt-left -- */
@media screen and (max-width: 738px) {
	#right-txt {
		float: none;
		width: auto;
		height: auto;
		margin-bottom: 13px;
	padding-left:0px;
	}
}



/* ---------------------------------------------
*   style.css override
--------------------------------------------- */

@media screen and (max-width: 738px) {
table.brwsr2 {
	font-size: 13px;
	border-collapse: separate;
	border-spacing: 0px 0px;
	width:auto;
	margin-top:5px;
	margin-bottom:30px;
	border: #003366 1px solid;
	margin-right: auto;
	margin-left: auto;
}

}

/* -- txt-left -- */
@media screen and (max-width: 738px) {
	#txt-left {
		float: none;
		width: auto;
		height: auto;
		margin-bottom: 13px;
	}
}

/* ul */
@media screen and (max-width: 738px) {
	#txt-left ul {
		width: auto;
		height: auto;
		padding: 0;
	}
}

/* -- txt-right -- */
@media screen and (max-width: 738px) {
	#sitemap-left {
		float: none;
		width: auto;
		height: auto;
	}
	

}

/* -- txt-right -- */
@media screen and (max-width: 738px) {
	#sitemap-right {
		float: none;
		width: auto;
		height: auto;
	}
	

}


@media screen and (max-width: 738px) {
	
#list-member {
	width:auto;
	height:auto;
	background-image:url(../images/sp/list-line-w.png);
	margin:auto;
	padding-left:45px;
	line-height:15px;
}

#list-member p {
	font-size:13px;
	color:#333;
	font-weight: bold;
	margin-bottom:5px;
	text-align:left;
	line-height:15px;

}
}


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


#area-main
{
	width:auto;
	height:auto;
	margin:auto;
	font-size:14px;
}

#area
{
	width:19%;
	height:auto;
	float:left;
	font-size:15px;
	text-align:center;
	background-color:#CEF8FF;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:3px;
	margin-bottom:3px;
}

#area a {
	font-size:15px;
}
}


	
@media screen and (max-width: 738px) {
	
table.brwsr3 {
		box-sizing: border-box;
		display: block;
	width:auto;

		font-size:14px;
		padding: 0px;
	}

table.brwsr3 th {

		border: #999 1px solid;
		border-top-width: 0;

}
 
table.brwsr3 td {

		border: #999 1px solid;
		border-top-width: 0;


}


}

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

table.brwsr3 th.me1,
table.brwsr3 td.me1 {
	border-left: #003366 1px solid;
	width:10%;
	color:#333;
	background-color:#fff;
	text-align:left;
	line-height:17px;
	padding:5px;
}

table.brwsr3 th.me2,
table.brwsr3 td.me2 {
	border-left: #003366 1px solid;
	width:15%;
	color:#333;
	background-color:#fff;
	text-align:left;
	line-height:17px;
	padding:5px;
}
 
table.brwsr3 th.me3,
table.brwsr3 td.me3 {
	border-left: #003366 1px solid;
	width:20%;
	color:#333;
	background-color:#fff;
	text-align:left;
	line-height:17px;
	padding:5px;
}

table.brwsr3 th.me4,
table.brwsr3 td.me4 {
	width:20%;
	border-left: #003366 1px solid;
	color:#333;
	background-color:#fff;
	text-align:left;
	line-height:17px;
	padding:5px;
}


table.brwsr3 th.me5,
table.brwsr3 td.me5 {
	width:5%;
	border-left: #003366 1px solid;
	color:#333;
	background-color:#fff;
	text-align:center;
	padding:5px;
	line-height:17px;
}

}