@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}
body,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
form,
input,
textarea,
header,
footer,
nav {
	margin: 0;
	padding: 0;
	zoom: 1;
	color : #000000;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}

ul,
ol {
	list-style-type: none;
}

img {
	border: none;
}

hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}

a {
	outline: none;
	text-decoration: none;
}
a.televe {
    pointer-events: none;
}
@media only screen and (max-width: 480px) {
	a.televe {
		pointer-events: auto;
	}
}
a.group1 {
	transition: 0.4s;
}
a.group1:hover {
	opacity : 0.7;
}

body {
	line-height: 1.6;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	background-color: #ffffff;
	overflow: hidden;
}

#container {
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
}

@media only screen and (max-width: 400px) {
	#container {
		overflow: hidden;
	}
}

#nonimages,
#opnimages {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

#nonimages div {
	display: none;
}

#nonimages div img {
	display: none;
}

#opnimages div {
	display: none;
}

#opnimages div img {
	display: none;
}

main {
	position : relative;
	z-index : 4;
	background-color : #ffffff;
}
main.top {
	margin-top : 0;
}
main.else {
	margin-top : 0px;
	background-color : #f1f1f1;
}

/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* For IE 6/7 */
.clearfix {
	zoom: 1;
}

#wrapper {
	height: 883px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin-top: 100px;
}

#wrapHeaderTop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 90;
	height: 160px;
	transition: all .3s;
}
#wrapHeaderTop .headMenuInner {
	width : 100%;
	position : relative;
}
#wrapHeaderTop .headMenuInner.else {
	top : 20px;
	transition: 0.3s;
}
#wrapHeaderTop .headLogo {
	display: inline-block;
	position: relative;
	text-align: left;
	margin : 40px 0 0 40px;
	line-height : 1;
	z-index: 12;
	width : 530px;
	height : 109px;
	transition: 0.5s;
}
#wrapHeaderTop .headLogo img {
	width : 387px;
	height : 139px;
}
#wrapHeaderTop .headLogo.else img {
	width : 340px;
	height : auto;
}
.admin_headMenuInner {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	position: relative;
}
#wrapHeaderTop #header {
	display: block;
	position: relative;
	width: 100%;
	top: 0px;
	max-width: 1980px;
	margin: 0 auto;
	height: 100%;
	z-index: 10;
	transition: all .3s;
}
#wrapHeaderTop.active {
	height: 72px;
	background-color : #000000;
}
#wrapHeaderTop.active #header {
	height: 72px;
}
#wrapHeaderTop.active .headLogo {
	margin : 10px 0 0 40px;
}
#wrapHeaderTop.active .headLogo img {
	width : auto;
	height : 54px;
}
#wrapHeaderTop.active .headMenuInner.else {
	top : 0;
}
#smp_header {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 78px;
	text-align: right;
	padding-top: 6px;
	background-color: #ffffff;
	z-index: 10;
}
#wrapHeaderTop .headMenu {
	display: inline-block;
	position: absolute;
	top: 90px;
	right: 80px;
	text-align: right;
	z-index: 9;
	transition: .5s;
}
#wrapHeaderTop.active .headMenu {
	top : 28px;
}
#wrapHeaderTop .headMenu .main li {
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	font-size: 16px;
	transition: .5s;
}
#wrapHeaderTop .headMenu .main li a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	padding: 0 20px;
	position: relative;
	transition: .5s;
}
#wrapHeaderTop .headMenu .main li a::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #ffffff;
	transition: .5s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#wrapHeaderTop .headMenu .main a:hover {
	color : #e1e1e1;
}
#wrapHeaderTop .headMenu .main a:hover::after {
	width: 60%;
}

#wrapHeaderTop .headSns {
	display: inline-block;
	position: absolute;
	top: 40px;
	right: 80px;
	text-align: right;
	z-index: 9;
	transition: .5s;
}
#wrapHeaderTop.active .headSns {
	display: none;
}
#wrapHeaderTop .headSns .main li a {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	padding: 0 20px;
	position: relative;
	transition: .5s;
}

#wrapHeaderTop .headInqu {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9;
	width: 130px;
	height: 72px;
}
#wrapHeaderTop .headInqu a {
	display: block;
	text-align: center;
	width: 100%;
	height: 90px;
	padding: 40px 0 0 0;
	font-size: 16px;
	line-height : 1.4;
	color: #ffffff;
	font-weight : bold;
	text-decoration: none;
	background: #01a0cb url(../img/mail_mark.png) no-repeat center left 30px;
	transition: .5s;
}
#wrapHeaderTop.active .headInqu a {
	height: 62px;
	padding: 10px 0 0 0;
}
#wrapHeaderTop .headInqu a:hover {
	background-color : #014886;
}

.headInqu a:hover {
	background-color: #757575;
}

#wrapHeaderTop .headTel {
	display: block;
	position: absolute;
	top: 55px;
	right: 170px;
	z-index: 9;
	width: 164px;
	text-align: center;
}
#wrapHeaderTop.active .headTel {
	top: 25px;
}
#wrapHeaderTop .headTel a {
	display: inline-block;
	margin: 0 12px;
	transition: 0.3s;
}
#wrapHeaderTop .headTel a:hover {
	opacity : 0.7;
}
#wrapHeaderTop .headTel span {
	display: block;
	width: 26px;
	height : 26px;
	transition: .5s;
}
#wrapHeaderTop .headTel #snsicon01 {
	background: url(../img/ins.png) no-repeat center center;
}
#wrapHeaderTop .headTel #snsicon02 {
	background: url(../img/tw.png) no-repeat center center;
}
#wrapHeaderTop .headTel #snsicon03 {
	background: url(../img/fb.png) no-repeat center center;
}
#wrapHeaderTop .headTel #snsicon01_sub {
	background: url(../img/ins2.png) no-repeat center center;
}
#wrapHeaderTop .headTel #snsicon02_sub {
	background: url(../img/tw2.png) no-repeat center center;
}
#wrapHeaderTop .headTel #snsicon03_sub {
	background: url(../img/fb2.png) no-repeat center center;
}
#wrapHeaderTop.active .headTel #snsicon01 {
	background: url(../img/ins2.png) no-repeat center center;
}
#wrapHeaderTop.active .headTel #snsicon02 {
	background: url(../img/tw2.png) no-repeat center center;
}
#wrapHeaderTop.active .headTel #snsicon03 {
	background: url(../img/fb2.png) no-repeat center center;
}
@media only screen and (max-width: 1450px) {
	#wrapHeaderTop .headLogo {
		margin : 40px 0 0 10px;
	}
	#wrapHeaderTop .headLogo_sub {
		margin : 40px 0 0 10px;
	}
	#wrapHeaderTop .headMenu {
		right: 50px;
	}
	#wrapHeaderTop.active .headMenu {
		top: 28px;
	}
	#wrapHeaderTop .headTel {
		top: 15px;
		right: 150px;
	}
	#wrapHeaderTop.active .headTel {
		top: 10px;
	}
	#wrapHeaderTop .headMenu .main li a {
		padding: 0 12px;
	}
	#wrapHeaderTop .headSns {
		right: 40px;
	}
}
@media only screen and (max-width: 1200px) {
	#wrapHeaderTop .headLogo {
		margin : 20px 0 0 10px;
	}
	#wrapHeaderTop .headLogo_sub {
		margin : 20px 0 0 10px;
	}
	#wrapHeaderTop.active .headLogo {
		margin : 10px 0 0 10px;
		background : url(../img/scl_logo.png) no-repeat 0 0;
		background-size : 280px;
	}
	#wrapHeaderTop.active .headLogo_sub {
		margin : 16px 0 0 10px;
		background-size : 280px;
	}
	#wrapHeaderTop .headMenu {
		top: 90px;
		right: 20px;
	}
	#wrapHeaderTop .headSns {
		right: 10px;
	}
	#wrapHeaderTop .headTel {
		top: 38px;
	}
	#wrapHeaderTop .headMenu .main li a {
		padding: 0 10px;
	}
	#wrapHeaderTop.active .headInqu {
		width: 90px;
	}
	#wrapHeaderTop.active .headMenu {
		right: 20px;
	}
	#wrapHeaderTop.active .headTel {
		right: 110px;
	}
	#wrapHeaderTop .headMenu .main_sub li a {
		padding: 0 10px;
	}
	#wrapHeaderTop .headLogo img {
		width : 340px;
		height : auto;
	}
}
@media only screen and (max-width: 860px) {
	#wrapHeaderTop .headMenuInner.else {
		top : 0px;
	}
	#wrapHeaderTop .headLogo {
		margin : 4px 0 0 10px;
	}
	#wrapHeaderTop .headLogo_sub {
		margin : 4px 0 0 10px;
	}
	#wrapHeaderTop.active .headLogo {
		margin : 4px 0 0 10px;
	}
	#wrapHeaderTop .headLogo_sub {
		background-size : 240px;
	}
	#wrapHeaderTop.active .headLogo_sub {
		background : url(../img/scl_logo.png) no-repeat 0 0;
		background-size : 240px;
	}
	#wrapHeaderTop .headMenu {
		display : none;
	}
	#wrapHeaderTop .headLogo img {
		width : 150px;
		height : auto;
	}
	#wrapHeaderTop .headLogo.else img {
		width : 150px;
		height : auto;
	}
	#wrapHeaderTop.active .headLogo img {
		width : 150px;
		height : auto;
	}
}
@media only screen and (max-width: 480px) {
	#wrapHeaderTop .headLogo {
		margin : 2px 0 0 10px;
	}
	#wrapHeaderTop .headLogo_sub {
		margin : 2px 0 0 10px;
	}
	#wrapHeaderTop.active .headLogo {
		margin : 2px 0 0 10px;
	}
	#wrapHeaderTop .headLogo img {
		width : 140px;
	}
	#wrapHeaderTop .headLogo.else img {
		width : 140px;
	}
	#wrapHeaderTop.active .headLogo img {
		width : 140px;
	}
}

.smp_headBtn {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	background-color: #ffffff;
	width: 100%;
	height: 51px;
	padding-top: 4px
}

.smp_headMenu {
	display: block;
	width: 100%;
	position: absolute;
	top: -600px;
	right: 0px;
	text-align: left;
	z-index: 9;
	background-color: #ffffff;
	transition: .5s;
}

.smp_headMenu li {
	display: block;
	border-bottom: 1px solid #c1c1c1;
}

.smp_headMenu li a.main {
	color: #464646;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 1.0;
	padding: 14px 0 12px 8px;
	position: relative;
	transition: .3s;
}

.smp_headMenu li a.main strong {
	display: inline-block;
	width: 130px;
	vertical-align: middle;
}

.smp_headMenu li a.main span {
	display: inline-block;
	color: #979797;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	margin-left: 30px;
	vertical-align: middle;
}

.subMenu {
	position: absolute;
	top: -200px;
	right: 80px;
	padding: 10px 16px;
	background-color: #ffffff;
	font-weight: bold;
	border: 2px solid #c1c1c1;
	z-index: 9;
	transition: all 0.3s;
}

.subMenu dl {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	line-height: 1.6;
}

.subMenu dt {
	padding-top: 6px;
}

.subMenu dt a {
	font-size: 14px;
	color: #646464;
	text-decoration: none;
	transition: all 0.2s;
}

.subMenu dd a {
	font-size: 13px;
	color: #868686;
	text-decoration: none;
	transition: all 0.2s;
}

.subMenu dt a:hover {
	color: #000000;
}

.subMenu dd a:hover {
	color: #3f3f3f;
}

.smp_subMenu {
	display: none;
	padding-bottom: 10px;
	transition: all .3s;
}

.openMenuArea {
	transition: all .3s;
}

.ttlimgWrap {
	text-align: center;
}

.ttlimgWrap img {
	width: 100%;
	max-width: 1678px;
}

.smp_menu {
	display : none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	text-align: center;
	background-color : #000000;
	z-index : 99;
}
.smp_menu p {
	display: block;
	position: absolute;
	top: 36px;
	left: 30px;
	width: 40px;
	text-align: center;
	height : 26px;
}
.smp_subMenu a {
	color: #646464;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 1.0;
	padding: 7px 0 7px 20px;
}
.menu-trigger {
	display: block;
	position: absolute;
	top: 24px;
	left: 20px;
	width: 24px;
	height: 12px;
	transition: all .4s;
}
#menu-trigger02 {
	display : block;
	height : 100px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #ffffff;
	transition: all .4s;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	bottom: 0;
}
.menu-trigger.is-open span:nth-of-type(1) {
	-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
	transform: translate3d(0, 8px, 0) rotate(45deg);
}
.menu-trigger.is-open span:nth-of-type(2) {
	-webkit-transform: translate3d(0, -12.5px, 0) rotate(-45deg);
	transform: translate3d(0, -12.5px, 0) rotate(-45deg);
}
.cp_overLeft {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 20;
}
.smplink {
	display :  none;
}

@media only screen and (max-width: 860px) {
	.smp_menu {
		display : block;
		width: 70px;
		height: 70px;
	}
	.smp_menu p {
		top: 24px;
		left: 20px;
		width: 30px;
		text-align: center;
		height : 20px;
	}
	.menu-trigger.is-open span:nth-of-type(1) {
		-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
		transform: translate3d(0, 6px, 0) rotate(45deg);
	}
	.menu-trigger.is-open span:nth-of-type(2) {
		-webkit-transform: translate3d(0, -9.5px, 0) rotate(-45deg);
		transform: translate3d(0, -9.5px, 0) rotate(-45deg);
	}
	#wrapHeaderTop.active {
		height: 70px;
	}
	#wrapHeaderTop.active #header {
		height: 70px;
	}
	#wrapHeaderTop .smp_topbg {
		background-color : rgba(0, 0, 0, 0.9);
	}
	#smp_header {
		display: block;
	}
	.headMenu {
		display: none;
	}
	.headTel {
		display: none;
	}
	.headInqu {
		display: none;
	}
	.smplink {
		display : block;
	}
}
@media only screen and (max-width: 480px) {
	#wrapHeaderTop.active {
		height: 60px;
	}
	#wrapHeaderTop.active #header {
		height: 60px;
	}
	.menu-trigger span {
		height: 4px;
	}
	.smp_menu {
		width: 60px;
		height: 60px;
	}
	.smp_menu p {
		top: 21px;
		left: 18px;
		width: 24px;
		height : 16px;
	}
	.menu-trigger.is-open span:nth-of-type(1) {
		-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
		transform: translate3d(0, 6px, 0) rotate(45deg);
	}
	.menu-trigger.is-open span:nth-of-type(2) {
		-webkit-transform: translate3d(0, -6.5px, 0) rotate(-45deg);
		transform: translate3d(0, -6.5px, 0) rotate(-45deg);
	}
}

.lineWindow {
	position : fixed;
	top : calc(100vh - 250px);
	right : -360px;
	z-index : 90;
	transition: 0.5s;
}
.lineWindow img {
	width : 45vw;
	max-width : 354px;
}
.lineWindow.active {
	right : 100px;
}
.lineWindow.scrolled {
	top : 150px;
}
.s_arrow {
	position : absolute;
	top : calc(50% - 20px);
	font-size : 1rem;
	color : #000000;
	background-color : rgba(255, 255, 255, 0.9);
	text-align : center;
	width : 40px;
	line-height : 40px;
	z-index : 9;
	border-radius : 50%;
}
.s_arrow.prev {
	left : 0;
}
.s_arrow.next {
	right : 14px;
}
@media only screen and (max-width: 1450px) {
	.lineWindow.active {
		right : 0px;
	}
}
@media only screen and (max-width: 1340px) {
	.s_arrow.next {
		right : 0;
	}
}
@media only screen and (max-width: 860px) {
	.lineWindow.scrolled {
		top : 80px;
	}
}
@media only screen and (max-width: 480px) {
	.s_arrow {
		top : calc(50% - 16px);
		width : 32px;
		line-height : 32px;
	}
}

.snsButtons {
	display: block;
}

.topimages {
	width: 100%;
	max-width: 1980px;
}

.slide_all {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.slide_wrap {
	left: 50%;
	margin-left: -1800px;
	position: absolute;
	width: 3600px;
}

.noslide {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}

.noslide img {
	width: 100%;
	max-width: 1200px;
}

#prev,
#next {
	display: block;
	height: 753px;
	position: absolute;
	top: 0px;
	width: 50%;
	z-index: 9999;
}

#prev {
	left: -600px;
}

#next {
	right: -600px;
}

#access {
	margin-top: -130px;
	padding-top: 130px;
}

#template {
	margin-top: -130px;
	padding-top: 130px;
}

#submit {
	margin-top: -130px;
	padding-top: 130px;
}

.submenu {
	background-color: #fff949;
	text-align: right;
	padding: 7px 0 16px 0;
}

.submenu h2 {
	text-align: center;
	color: #000000;
	margin: 20px 0;
	letter-spacing: 3px;
}

.submenu a {
	display: inline-block;
	padding: 0 8px 0 16px;
	background: url(../img/arrow.png) no-repeat left center;
	color: #303030;
	font-size: 12px;
	text-decoration: none;
}

.submenu a:hover {
	color: #000000;
	text-decoration: underline;
}

.pankuzu {
	font-size: 13px;
	color: #494949;
	padding: 6px 0 12px 4px;
	width: 100%;
	max-width: 1343px;
	margin: 0 auto;
	position: relative;
}

#wrapGlobalMenu {
	width: 100%;
	margin-bottom: 16px;
	margin-top: -17px;
	overflow: hidden;
	background-color: #4c4109;
	position: relative;
	z-index: 999;
}

#wrapTopMenu {
	width: 1183px;
	position: relative;
	margin: 0 auto;
}

.headMenu td a.bdnone {
	padding-left: 3px;
}

.smp_headbtn {
	display: none;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 6.5vw;
}

.smp_headbtn a img {
	width: 50%;
	min-width: 160px;
}

.pc_headbtn {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	bottom: 20px;
}

.wrapContents {
	width: 100%;
	position: relative;
	padding-top: 140px;
}

#p_points {
	display: block;
}

#s_points {
	display: none;
}

.pc_headline {
	display: inline;
}

.smp_headline {
	display: none;
}

.smp_centerbtn {
	display: none;
}

.pc_topimg {
	display: inline;
}

.smp_topimg {
	display: none;
}

.smp_headTel {
	display: inline-block;
	width: 49%;
	padding: 14px 0;
	text-align: center;
}

.smp_headTel a {
	font-size: 16px;
	color: #010101;
	text-decoration: none;
	font-weight: 500;
}

.smp_headTel a img {
	position: relative;
	height: 20px;
	margin-right: 8px;
	top: 4px;
}

.smp_headInqu {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 60px;
	z-index: 9;
	width: 60px;
	height: 60px;
}
.smp_headInqu a {
	display: block;
	text-align: center;
	width: 100%;
	height: 46px;
	padding: 14px 0 0 0;
	font-size: 10px;
	line-height : 1.4;
	color: #ffffff;
	font-weight : bold;
	text-decoration: none;
	background-color : #01a0cb;
	transition: .5s;
}
.smp_headInqu a:hover {
	background-color : #014886;
}
.smp_headInqu a img {
	width : 24px;
}

@media only screen and (max-width: 1200px) {
	.slide_wrap {
		left: 0;
		margin-left: 0;
		position: absolute;
		width: 100%;
	}
}
.smp_headSnsWrap  {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
}
.smp_headSnsWrap a {
	display : inline-block;
	margin-right : 20px;
}
.smp_headSns a img {
	height : 26px;
}
.innerSmpTels {
	position: fixed;
	width: 50%;
	height : 100vh;
	top: 0px;
	right : -100%;
	z-index: 97;
	background-color: #f5f5f5;
	transition: .5s;
	padding : 72px 0 0 90px;
	box-sizing : border-box;
}
.innerSmpTels ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 240px);
}
.innerSmpTels li a {
	text-decoration: none;
	font-size: 1rem;
	color: #1c1c1c;
	display: block;
	text-align: left;
}
.innerSmpTels li a strong {
	display : block;
	font-size: 24px;
	color: #000000;
	font-weight : 500;
	font-family: 'Oswald', sans-serif;
	transition: 0.3s;
}
.innerSmpTels li a span {
	display : block;
	transition: 0.3s;
}
.innerSmpTels li a:hover strong {
	color: #1c1c1c;
}
.innerSmpTels li a:hover span {
	color : #3e3e3e;
}
.sclLogo img {
	width : 54vw;
	max-width : 330px;
}
@media only screen and (max-width: 1200px) {
	.innerSmpTels {
		width: 70%;
		padding : 7vw 0 0 9vw;
	}
}
@media only screen and (max-width: 860px) {
	.innerSmpTels li a strong {
		font-size : calc(1.48vw + 11.3px);
	}
	.slide img {
		width: 100%;
		height: 60vw;
		object-fit: cover;
	}
	.pc_headline {
		display: none;
	}
	.pc_topimg {
		display: none;
	}
	.smp_topimg {
		display: inline;
	}
	.smp_headline {
		display: block;
		position: fixed;
		width: 100%;
		max-width: 100vw;
		height: 60px;
		top: 0;
		left: 0;
		box-sizing: border-box;
		transition: .5s;
	}
	.smp_headbtn {
		display: block;
	}
	.pc_headbtn {
		display: none;
	}
	.smp_centerbtn {
		display: block;
		text-align: center;
		margin-top: 36px;
	}
	.smp_centerbtn img {
		width: 60%;
		max-width: 386px;
	}
	#wrapHeaderTop {
		height: 60px;
	}
	#wrapHeaderTop #header {
		height: 60px;
	}
	#wrapHeaderTop .headLogo {
		top : 4px;
		left : 0;
		line-height: 28px;
		padding-top : 2px;
		padding-left : 4px;
		width : calc(100% - 120px);
	}
	.headLogo img {
		width : 180px;
	}
	#wrapHeaderTop .headLogo_sub {
		top : 4px;
		left : 0;
		line-height: 28px;
		padding-top : 2px;
		padding-left : 4px;
		width : calc(100% - 120px);
	}
	.headLogo_sub img {
		width : 180px;
	}
	.headMenuInner {
		z-index: 100;
		height: 60px;
	}
	.wrapContents {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 640px) {
	.innerSmpTels li {
		width : 100%;
	}
	.innerSmpTels {
		width: 100%;
		padding : 7vw 0 0 9vw;
	}
}

@media only screen and (max-width: 500px) {
	.bx-controls {
		display: none;
	}

	.headLogo strong {
		margin-bottom: 1px;
	}
}

@media only screen and (max-width: 400px) {
	.headLogo {
		top: 6px;
	}
	.headLogo_sub {
		top: 6px;
	}
	.slide img {
		width: 100%;
		height: 63vw;
	}
	#wrapHeaderTop .headLogo {
		top : 2px;
		background-size : 180px;
		width : calc(100% - 120px);
	}
	#wrapHeaderTop .headLogo_sub {
		top : 2px;
		background-size : 180px;
		width : calc(100% - 120px);
	}
	#wrapHeaderTop.active .headLogo_sub {
		top : 2px;
		background-size : 180px;
		width : calc(100% - 120px);
	}
}



/* トップページコンテンツ */

.mgtopmess {
	position : relative;
}
.topWrap {
	width : 100%;
	position : relative;
	top : -36px;
	left : 0;
}
.topInner {
	width : 100%;
	max-width : 1720px;
	margin : 0 auto;
}
.topNewsWrap {
	display : -webkit-flex;
	display : flex;
	width : calc(49% - 4px);
	border : 2px solid #cdcdcd;
}
.topNewsWrap dt {
	width : 20%;
	text-align : center;
	padding : 20px 0;
	color : #ffffff;
	font-size : 1rem;
	background-color : #3e3e3e;
}
.topNewsWrap dd {
	width : 80%;
	background-color : #ffffff;
}
.topNewsWrap dd a {
	display : block;
	width : 100%;
	text-align : left;
	padding : 20px 24px;
	color : #000000;
	font-size : 1rem;
	background-color : #ffffff;
	box-sizing: border-box;
	overflow : hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 0.3s;
}
.topNewsWrap dd a:hover {
	color : #ffffff;
	background-color : #c1c1c1;
}
.topFlex {
	position : relative;
}
.topFlex h2 {
	color : #ffffff;
	font-size : 72px;
	font-weight : 500;
	line-height : 1.4;
	position : relative;
	text-align : center;
	z-index : 1;
	font-family: 'Oswald', sans-serif;
}
.topFlex h3 {
	text-align : center;
	color : #ffffff;
	font-size : 20px;
	font-weight : 400;
	line-height : 1.0;
	position : relative;
	font-family: 'Oswald', sans-serif;
}
.mgt780 {
	padding-top : 600px;
}
@media only screen and (max-width: 1200px) {
	.topFlex h2 {
		font-size : calc(5.09vw + 9.3px);
	}
	.topFlex h3 {
		font-size : calc(0.8vw + 10.4px);
	}
}
@media only screen and (max-width: 640px) {
	.topWrap {
		top : calc(-3.6vw - 10px);
	}
	.topNewsWrap {
		width : calc(98% - 4px);
		margin-bottom : 4px;
	}
	.topNewsWrap dt {
		width : 28%;
		padding : calc(2vw + 8px) 0;
	}
	.topNewsWrap dd a {
		padding : calc(2vw + 8px) 2.4vw;
	}
	.topNewsWrap dd {
		width : 72%;
	}
}

.grayback {
	background-color : #f5f5f5;
}
.itemWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.itemWrap .item {
	border-right : 2px solid #c8c8c8;
	padding : 0 24px 24px 24px;
	width : calc(25% - 52px);
}
.itemWrap .item:first-child {
	border-left : 2px solid #c8c8c8;
}
.itemWrap .item img {
	width : 100%;
}
.itemWrap .worksInner {
	width : 60%;
	padding-left : 5%;
}
.itemWrap h3 {
	color : #000000;
	font-size : 20px;
	line-height : 1.8;
	font-weight : 500;
	text-align : center;
	position : relative;
	padding : 10px 0;
}
.itemWrap h3:after {
	content : "";
	position : absolute;
	bottom : -10px;
	left : calc(50% - 22px);
	width : 44px;
	height : 5px;
	background-color : #8d8d8d;
	font-size : 0;
}
.itemWrap .comm {
	color : #000000;
	font-size : 1rem;
	line-height : 2.2;
	margin-top : 12px;
	border-bottom : 1px dotted #c7c7c7;
}
@media only screen and (max-width: 1200px) {
	.itemWrap h3 {
		font-size : calc(0.68vw + 11.8px);
	}
	.itemWrap .item {
		border-right : 2px solid #c8c8c8;
		padding : 0 1.4vw 2.4vw 1.4vw;
		width: calc(25% - 2.8vw - 4px);
		margin-bottom : 20px;
	}
}
@media only screen and (max-width: 480px) {
	.itemWrap .item {
		padding : 0 1.4vw 2.4vw 1.4vw;
		width: calc(50% - 2.8vw - 4px);
	}
	.itemWrap .item:nth-child(3) {
		border-left : 2px solid #c8c8c8;
	}
}
@media only screen and (max-width: 400px) {
	.itemWrap h3 {
		font-size : 14px;
		line-height : 1.6;
		letter-spacing: 0px;
	}
	.itemWrap .comm {
		font-size : 12px;
		line-height : 1.8;
	}
}

.orderWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	width : 100%;
	max-width : 1140px;
}
.orderWrap div {
	width : 49%;
	max-width : 545px;
}
.orderLeft a {
	background : #ffffff url(../img/mail.png) no-repeat left 48px center;
	transition: 0.3s;
}
.orderLeft a:hover {
	background : #014888 url(../img/mail2.png) no-repeat left 48px center;
	color : #ffffff;
}
.orderRight a {
	background : #ffffff url(../img/tel.png) no-repeat left 48px center;
	transition: 0.3s;
}
.orderRight a:hover {
	background : #014888 url(../img/tel2.png) no-repeat left 48px center;
	color : #ffffff;
}
.orderRight a br {
	display : none;
}
.mailButton {
	display : block;
	font-size : 16px;
	color : #014888;
	font-weight : 600;
	border : 1px solid #014888;
	line-height : 1.0;
	padding : 40px 48px 42px 96px;
	width : 100%;
	position : relative;
	box-sizing: border-box;
	border-radius : 6px;
	transition: 0.3s;
}
.mailButton img {
	display : inline-block;
	position : relative;
	margin-right : 16px;
	top : 4px;
}
.orderLeft a.mailButton::after {
	content : "";
	position : absolute;
	top : 40px;
	right : 36px;
	width: 14px;
	height: 14px;
	margin: 0 10px;
	border-top: 2px solid #014888;
	border-right: 2px solid #014888;
	transform: rotate(45deg);
	transition: 0.3s;
}
.orderLeft a.mailButton:hover::after {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
@media only screen and (max-width: 960px) {
	.orderLeft a {
		background : #ffffff url(../img/mail.png) no-repeat left 24px center;
	}
	.orderLeft a:hover {
		background : #014888 url(../img/mail2.png) no-repeat left 24px center;
	}
	.orderRight a {
		background : #ffffff url(../img/tel.png) no-repeat left 24px center;
	}
	.orderRight a:hover {
		background : #014888 url(../img/tel2.png) no-repeat left 24px center;
	}
	.mailButton {
		font-size : 1rem;
		padding : 32px 0 34px 64px;
	}
	.mailButton img {
		margin-right : 16px;
		top : 4px;
	}
	.orderLeft a.mailButton::after {
		top : 32px;
		right : 24px;
	}
}
@media only screen and (max-width: 706px) {
	.orderRight a br {
		display : block;
	}
	.orderRight .mailButton {
		padding : 25px 0 27px 64px;
	}
}
@media only screen and (max-width: 640px) {
	.orderWrap {
		display : block;
	}
	.orderWrap div {
		width : 100%;
		max-width : 545px;
		margin-left : auto;
		margin-right : auto;
		margin-bottom : 12px;
	}
	.imgback.pdt80 {
		padding-top : 6vw !important;
	}
	.orderWrap.mgt80 {
		margin-top : 4vw !important;
	}
	.mailButton {
		font-size : 1.2rem;
	}
}
@media only screen and (max-width: 640px) {
	.orderLeft a.mailButton::after {
		top : 26px;
		right : 16px;
	}
	.orderLeft .mailButton {
		padding : 24px 0 26px 64px;
	}
	.orderRight a.mailButton::after {
		content : "";
		position : absolute;
		top : 24px;
		right : 16px;
		width: 14px;
		height: 14px;
		margin: 0 10px;
		border-top: 2px solid #014888;
		border-right: 2px solid #014888;
		transform: rotate(45deg);
		transition: 0.3s;
	}
	.orderRight a.mailButton:hover::after {
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	.orderRight .mailButton {
		padding : 16px 0 18px 64px;
	}
}

.addArrow_b {
	display : inline-block;
	font-size : 1.2rem;
	color : #000000;
	border : 2px solid #ffffff;
	background-color : #ffffff;
	text-align : center;
	line-height : 3.6;
	padding : 0 60px;
	border-radius : 40px;
	position : relative;
	transition: 0.4s;
}
.addArrow_w {
	display : inline-block;
	font-size : 1.2rem;
	color : #ffffff;
	border : 2px solid #000000;
	background-color : #000000;
	text-align : center;
	line-height : 3.6;
	padding : 0 60px;
	border-radius : 40px;
	position : relative;
	transition: 0.4s;
}
.normalWrap.galleryWrap {
	overflow : visible !important;
}
.addArrow_b:hover {
	color : #ffffff;
	background-color : #000000;
}
.addArrow_w:hover {
	color : #000000;
	background-color : #ffffff;
}

.pageTitle {
	position : relative;
	text-align : center;
}
.pageTitle strong {
	color : #000000;
	font-size : 64px;
	display : block;
	text-align : center;
	position : relative;
	line-height: : 1.4;
	font-weight : 500;
	font-family: 'Oswald', sans-serif;
}
.pageTitle span {
	color : #000000;
	font-size : 1.1rem;
	font-weight : 500;
	display : block;
	text-align : center;
	position : relative;
}
.pageTitle.rev strong {
	color : #ffffff;
}
.pageTitle.rev span {
	color : #ffffff;
}
.imgback {
	background : url(../img/top_custom.jpg) no-repeat center center;
	background-size : cover;
	width : 100%;
	height : calc(32vw + 200px);
	max-height : 650px;
}
@media only screen and (max-width: 720px) {
	.pageTitle strong {
		font-size : calc(2.73vw + 24px);
	}
}
@media only screen and (max-width: 720px) {
	.imgback {
		height : calc(40vw + 200px);
	}
}
@media only screen and (max-width: 480px) {
	.imgback {
		height : calc(40vw + 240px);
	}
}

.topImg  { 
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
	overflow : hidden;
	position : relative;
}
.pos-rel {
	position : relative;
	background-color : #c4b266;
}
.topImg  {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
	overflow : hidden;
	position : relative;
}
.pos-rel {
	position : relative;
	background-color : #c4b266;
}
.slide_all {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
}
.no_slide {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
}
.pict {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
	position : absolute;
	top : 0;
	left : 0;
}
.slide_all img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
.overWrap  {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	max-width : 1920px;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
}
.overWrap .overLeft {
	position : absolute;
	top : -60px;
	left : 0px;
}
.overWrap .overLeft img {
	width : 100%;
}
.bottomScroll {
	position : absolute;
	bottom : 0;
	left: calc(50% - 25px);
	transition: 0.7s;
}
.bottomScroll.hide {
	bottom : -80px;
	transition: 0.7s;
}
.bottomScroll img {
	width : 50px;
}
@media only screen and (max-width: 1400px) {
	.overWrap .overLeft {
		left : -40px;
	}
}
@media only screen and (max-width: 1200px) {
	.overWrap .overText {
		font-size : calc(2.05vw + 11.4px);
	}
	.overWrap .overRight {
		top: calc(50% - 10vw - 30px);
	}
	.overWrap .overLeft {
		left : -60px;
	}
}
@media only screen and (max-width: 800px) {
	.overWrap .overLeft {
		top : 60px;
		
	}
	.rtlPageTitle strong {
		font-size : calc(3.33vw + 9.4px);
	}
	.revPageTitle strong {
		font-size : calc(3.33vw + 9.4px);
	}
}

.top_container {
	position: absolute;
	font-size: 10px;
	color: #000000;
	padding: 0;
	top: 0px;
	right: 0px;
}


/*　ナビ包括-----------------------------*/
/* グローバルナビゲーション */
.panWrap  {
	width : 100%;
	max-width : 1348px;
	margin : 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
	padding : 16px 10px 0 0;
}
.panWrap li {
	display: inline-block;
	margin-right : 7px;
	font-size : 1rem;
	color : #000000;
	font-weight : 500;
}
.panWrap li a {
	display: inline-block;
	color : #000000;
	font-weight : 500;
	transition: 0.3s;
}
.panWrap li:first-child a {
	padding-left : 10px;
}
.panWrap li a:hover {
	opacity : 0.6;
}
@media only screen and (max-width: 1340px) {
	.panWrap  {
		padding : 10px 0 0 10px;
	}
}
@media only screen and (max-width: 960px) {
	.panWrap li {
		font-size : 13px;
	}
}
@media only screen and (max-width: 480px) {
	.panWrap li {
		font-size : 12px;
	}
	.panWrap li:first-child a {
		padding-left : 0px;
	}
}

/* コンテンツ包括
---------------------------------------------------------------------- */
.pcNavi {
	display: block;
}

.smpNavi {
	display: none;
}

.smp_mgb80 {
	margin-bottom: 0;
}

.top_images {
	position: relative;
}

.top_images p {
	position: absolute;
	top: 126px;
	left: 422px;
}

#news,
#commit,
#info {
	padding-top: 64px;
	margin-top: -64px;
}

/* メインコンテンツ包括---------------------------*/

.top_images {
	width: 100%;
	position: relative;
	z-index: 2;
	text-align: center;
	background: url(../img/top_image.jpg) repeat-x top center;
	max-height: 576px;
	font-size: 0;
	line-height: 0;
}


.normalTitle {
	text-align : left;
	font-size : 32px;
	font-weight : 500;
	color : #000000;
	line-height : 1.0;
	padding-bottom : 16px;
	border-bottom : 5px solid #ca0000;
	margin-bottom : 24px;
}
.normalTitle br {
	display : none;
}
.normalFlex {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.normalFlex div {
	width : 32%;
	height : 18vw;
	max-width : 380px;
	max-height : 150px;
	background-size : cover;
	color : #ffffff;
	font-weight : bold;
	font-size : 36px;
	text-align : center;
	line-height : 4.0;
}
.normalFlex .bgimg01 {
	background : url(../img/top_bnr01.png) no-repeat center center;
}
.normalFlex .bgimg02 {
	background : url(../img/top_bnr02.png) no-repeat center center;
}
.normalFlex .bgimg03 {
	background : url(../img/top_bnr03.png) no-repeat center center;
}
.reverceTitle {
	text-align : center;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
	font-size : 36px;
	font-weight : 500;
	letter-spacing: 2px;
	color : #ffffff;
	line-height : 1.4;
	height : 102px;
	padding-top : 38px;
}
.reverceTitle.t_news {
	background : url(../img/news_ttl.png) no-repeat center top;
}
.reverceTitle.e_profile {
	background : url(../img/profile_ttl.png) no-repeat center top;
	position : relative;
	left : 24px;
}
.reverceTitle.e_recruit {
	background : url(../img/recruit_ttl.png) no-repeat center top;
}
.contactTitle {
	text-align : center;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
	font-size : 36px;
	font-weight : 500;
	letter-spacing: 2px;
	color : #707070;
	line-height : 1.4;
	height : 82px;
	padding-top : 38px;
	background : url(../img/contact_ttl.png) no-repeat center top;
}
.contactTitle.e_essential {
	background : url(../img/essential_ttl.png) no-repeat center top;
}
@media only screen and (max-width: 1200px) {
	.normalTitle {
		font-size : calc(1.59vw + 12.9px);
		padding-bottom : calc(1vw + 4px);
		margin-bottom : calc(2vw + 4px);
	}
	.normalFlex div {
		font-size : calc(2.86vw + 1.7px);
	}
}
@media only screen and (max-width: 1050px) {
	.normalTitle br {
		display : block;
	}
}
@media only screen and (max-width: 1200px) {
	.normalTitle {
		font-size : calc(2.27vw + 4.8px);
	}
}
@media only screen and (max-width: 640px) {
	.normalFlex {
		display : block;
	}
	.normalTitle {
		font-size : calc(3.12vw + 4.0px);
	}
	.normalFlex div {
		width : 100%;
		height : 18vw;
		font-size : calc(3.75vw + 6.0px);
		margin : 12px auto 0 auto;
		border-radius : 6px;
		line-height : 3.2;
	}
	.normalTitle br {
		display : block;
	}
}
.newsWrap {
	width : 76%;
	max-width : 1000px;
}
.newsFlex {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	width : 100%;
	margin : 0 auto;
	min-height: 280px;
}
.newsRight {
	width : 18%;
	max-width : 300px;
}
.newsRight h3 {
	font-size : 20px;
	font-weight : 500;
	color : #000000;
	font-family: 'Oswald', sans-serif;
	position : relative;
	border-bottom : 1px solid #000000;
	padding-bottom : 8px;
	margin-bottom : 20px;
}
.newsRight a {
	font-size : 1rem;
	font-weight : 600;
	color : #1a1a1a;
	line-height : 2.0;
	transition: 0.3s;
}
.newsRight a:hover {
	color : #6a6a6a;
}
.newsRight a span {
	font-weight : 300;
}
.selecter {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
}
.selecter a {
	display : block;
	line-height : 2.0;
	font-size : 16px;
	color : #014886;
	background-color : #ffffff;
	border : 2px solid #014886;
	padding : 0 24px;
	margin : 0 10px;
}
.selecter a.active {
	color : #ffffff;
	background-color : #014886;
}
.newsItem {
	border-bottom : 1px dotted #d2d2d2;
}
.newsItem a {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : flex-start;
	justify-content : flex-start;
	padding : 24px 0 10px 0;
	border-bottom : 1px solid #ffffff;
	position : relative;
}
.newsItem p {
	font-size : 1rem;
	color : #000000;
	font-weight : 500;
	line-height : 1.6;
	text-align : left;
	margin-right : 20px;
}
.newsItem .cate {
	font-size : 14px;
	color : #ffffff;
	background-color : #535353;
	padding : 0 10px;
	line-height : 1.8;
	min-width : 58px;
}
.newsItem .comm {
	padding-left : 2%;
	height : 24px;
	overflow : hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsItem .new {
	width : 14%;
	padding-left : 4%;
}
.newsParts {
	display : -webkit-flex;
	display : flex;
}
.newsParts .date {
	font-size : 1rem;
	color : #000000;
	font-weight : 500;
	line-height : 1.6;
	text-align : left;
	margin-right : 20px;
}
.newsParts .cate {
	font-size : 14px;
	color : #ffffff;
	background-color : #535353;
	padding : 0 10px;
	line-height : 1.8;
}
.newsListWrap h2 {
	color : #000000;
	border-bottom : 1px solid #000000;
	padding : 0px 0 10px 0;
	line-height : 1.8;
	margin-bottom : 16px;
}
.newsListWrap .photo img {
	width : 100%;
}
.newsListWrap .detailComm {
	font-size : 1rem;
	color : #000000;
	font-weight : 400;
	line-height : 1.8;
	text-align : left;
}
#newsmenuTab {
	display : none;
}

.carWrap {
	width: calc(100% - 20px);
	max-width: 1450px;
	padding: 0 10px;
}
.galleryItem {
	width : 100%;
	position : relative;
	box-sizing: border-box;
}
.carItem {
	width : 31.5%;
	position : relative;
	box-sizing: border-box;
}
.galleryItem p.button {
	margin : -24px auto 0 auto;
}
.galleryInner {
	width : 100%;
	display : block;
	box-sizing: border-box;
	position : relative;
}
.galleryInner a {
	display : block;
	position : relative;
}
.galleryTrans {
	width : 23%;
	max-width : 428px;
	font-size : 0;
	height : 1px;
}
.galleryItem .img {
	width : 100%;
	max-width : 428px;
	height : 21vw;
	max-height : 279px;
	padding : 0 10px;
	box-sizing: border-box;
}
.galleryItem .img img {
	width : 100%;
	max-width : 428px;
	height : 21vw;
	max-height : 289px;
	object-fit : cover;
}
.galleryItem .out {
	position : absolute;
	top : 10px;
	left : 10px;
	width : 50%;
	max-width : 165px;
}
.galleryItem .out img {
	width : 100%;
	max-width : 165px;
}
.carItem a.inner {
	display : block;
	background-color : #f5f5f5;
	box-sizing: border-box;
	position : relative;
	height : 100%;
}
.carItem .img {
	width : 100%;
	max-width : 428px;
	height : 21vw;
	max-height : 289px;
}
.carItem .img img {
	width : 100%;
	max-width : 428px;
	height : 21vw;
	max-height : 289px;
	object-fit : cover;
}
.carItem .comm {
	position : relative;
	padding : 16px;
}
.carItem .date {
	font-size : 1rem;
	color : #757575;
	font-weight : 400;
	line-height : 1.8;
	text-align : left;
}
.carItem .name {
	font-size : 1rem;
	color : #000000;
	font-weight : 400;
	line-height : 1.8;
	text-align : left;
}
.carItem .price {
	font-size : 1rem;
	color : #b80211;
	font-weight : 500;
	line-height : 1.4;
	text-align : left;
	padding-left : 20px;
	padding-right : 20px;
}
.carItem .price strong {
	font-size : 2rem;
	font-weight : 600;
}
.carItem .out {
	position : absolute;
	top : 10px;
	left : 10px;
	width : 50%;
	max-width : 165px;
}
.carItem .out img {
	width : 100%;
	max-width : 165px;
}
.carItem p.button {
	margin-top : -24px;
}
@media only screen and (max-width: 1100px) {
	.galleryItem .img {
		height : 20vw;
	}
	.galleryItem .img img {
		height : 20vw;
	}
	.galleryItem .img span {
		height : 20vw;
	}
}
@media only screen and (max-width: 960px) {
	.newsWrapOuter .normalWrap {
		padding : 0 10vw;
	}
	.newsFlex .newsWrap {
		width : calc(82% - 6vw);
		padding-right : 6vw;
	}
	.newsWrap .imageTitle img {
		width : 50%;
		max-width : 269px;
	}
	.reverceTitle {
		font-size : 28px;
		height : 92px;
		padding-top : 30px;
	}
	.contactTitle {
		font-size : 28px;
		height : 70px;
		padding-top : 38px;
	}
	.newsRight h3 {
		font-size : calc(0.62vw + 14.0px);
		letter-spacing: 1px;
	}
	.newsListWrap h2 {
		font-size : calc(2.81vw + 9.0px);
		line-height : 1.6;
	}
	.carItem {
		width : 32%;
	}
	.carItem .img {
		height : 20vw;
	}
	.carItem .img img {
		height : 20vw;
	}
	.carItem .img span {
		height : 20vw;
	}
	.carItem .comm {
		padding-bottom : 2vw;
	}
	.carItem p.button {
		margin-top : -4vw;
	}
}
@media only screen and (max-width: 760px) {
	.newsFlex .newsWrap {
		width : calc(76% - 6vw);
		padding-right : 6vw;
	}
	.newsFlex .newsRight {
		width : 24%;
	}
}
@media only screen and (max-width: 720px) {
	.galleryItem .img {
		height : 32vw;
	}
	.galleryItem .img img {
		height : 32vw;
	}
	.galleryItem .img span {
		height : 32vw;
	}
}
@media only screen and (max-width: 640px) {
	.selecter a {
		font-size : calc(1.25vw + 8.0px);
		border : 1px solid #014886;
		padding : 0 2.4vw;
		margin : 0 1vw;
	}
	.newsWrapOuter .rtlPageTitle {
  		top: 0;
	}
	.newsWrapOuter .normalWrap {
		padding : 0 4vw;
	}
	.carItem {
		width : 48%;
	}
	.carItem .img {
		height : 28vw;
	}
	.carItem .img img {
		height : 28vw;
	}
	.carItem .img span {
		height : 28vw;
	}
}
@media only screen and (max-width: 480px) {
	.newsWrapOuter {
		height : auto;
		padding-bottom : 12vw;
	}
	.reverceTitle {
		font-size : 24px;
		height : 48px;
		padding-top : 24px;
	}
	.contactTitle {
		font-size : 24px;
		height : 62px;
		padding-top : 36px;
	}
	.newsItem a {
		flex-wrap : wrap;
	}
	.newsItem a .comm {
		width : 100%;
		padding-left : 0;
		margin-top : 6px;
	}
	.newsItem .cate {
		font-size: 13px;
	}
	.newsItem p {
		font-size : 14px;
	}
	.newsFlex .newsWrap {
		width : 100%;
		padding-right : 0;
	}
	.newsFlex .newsRight {
		width : 160px;
		position : absolute;
		right : -228px;
		transition: 0.5s;
		padding : 10px 32px;
		background-color : #ffffff;
		border : 2px solid #4e4e4e;
	}
	#newsmenuTab {
		display : block;
		color : #ffffff;
		font-size : 16px;
		background-color : #4e4e4e;
		position : absolute;
		width : 24px;
		height : 24px;
		top : -2px;
		left : -36px;
		padding : 12px 4px 19px 8px;
		border-radius : 8px 0 0 8px;
	}
	.newsFlex .newsRight.active {
		right : -2px;
	}
	.carItem.mgb100 {
		margin-bottom : 16vw !important;
	}
}

.pager {
	width: 100%;
	text-align: center;
}
.pager li {
	display: inline-block;
	font-size: 16px;
	line-height: 1.0;
	vertical-align: top;
}
.pager li span {
	display: inline-block;
	margin: 0 4px;
	width : 36px;
	height : 33px;
	line-height : 33px;
	padding-bottom : 3px;
	color: #ffffff;
	background-color : #014886;
	font-weight: bold;
	vertical-align: middle;
	border-radius : 50%;
}
.pager li a {
	display: inline-block;
	margin: 0 4px;
	width : 36px;
	height : 33px;
	line-height : 33px;
	padding-bottom : 3px;
	color: #014886;
	font-weight: bold;
	vertical-align: middle;
	transition: 0.3s;
}
.pager li em {
	display: inline-block;
	margin: 0 14px;
	color: #014886;
	font-style: normal;
	vertical-align: top;
}
.pager li a.gray {
	background-color : #b3b3b3;
	border : 1px solid #b3b3b3;
	font-family: 'Arsenal', sans-serif;
	font-size : 36px;
}
.pager li a:hover {
	color: #000000;
	background-color : #e4e4e4;
}

.cp_overLight {
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 29;
	width : 100%;
}
.cp_overLightInner {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
}
.cp_overLightInner h2 {
	color : #ffffff;
	font-size : 60px;
	font-weight : 900;
	padding : 36px 0 0 36px;
	line-height : 1.2;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
.cp_overLightInner p {
	color : #ffffff;
	font-size : 30px;
	font-weight : 400;
	padding : 0px 0 0 36px;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

.flex50Wrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.profWrap {
	position: relative;
	width : 50%;
	height : 630px;
	padding-top : 20px;
	background : url(../img/bottom_left.jpg) no-repeat top center;
	background-size : cover;
	box-sizing: border-box;
}
.profWrapInner {
	width : 100%;
	max-width : 725px;
	position : absolute;
	top : 20px;
	right : 0;
}
.profMark {
	width : 90%;
	max-width : 440px;
	height : 443px;
	background-color : rgba(255, 255, 255, 0.7);
	padding : 30px;
	margin-top : -12px;
	box-sizing: border-box;
}
.profMark dl {
	display : table;
	width : 100%;
	border-top : 1px solid #000000;
}
.profMark dl.noborder {
	border-top-style : none;
}
.profMark dt {
	display : table-cell;
	vertical-align: middle;
	width : 28%;
	font-size : 14px;
	font-weight : 500;
	color : #000000;
	padding : 11px 2% 11px 5%;
}
.profMark dd {
	display : table-cell;
	vertical-align: middle;
	width : 61%;
	font-size : 14px;
	font-weight : 500;
	color : #000000;
	padding : 11px 2% 11px 2%;
}
.recWrap {
	position: relative;
	width : 50%;
	height : 630px;
	padding-top : 20px;
	background : url(../img/bottom_right.jpg) no-repeat top center;
	background-size : cover;
	box-sizing: border-box;
}
.recWrapInner {
	width : 100%;
	max-width : 725px;
	position : absolute;
	top : 20px;
	left : 0;
}
.recMark {
	width : 90%;
	max-width : 440px;
	height : 443px;
	padding : 30px;
	background : url(../img/recruit_inner.png) no-repeat top center;
	box-sizing: border-box;
	margin-top : -12px;
}
.recMark h3 {
	color : #085b33;
	font-size : 32px;
	font-weight : 700;
	line-height : 1.4;
	width : 260px;
	letter-spacing: 5px;
}
.recMark p {
	color : #000000;
	font-size : 14px;
	font-weight : 500;
	line-height : 27px;
	letter-spacing: 0px;
}
.recMark p.wid01 {
	width : 190px;
}
.recMark p.wid02 {
	width : 180px;
}
.detailBtn a {
	display : block;
	width : 205px;
	text-align : center;
	font-size : 1rem;
	color : #085b33;
	font-weight : 500;
	border : 1px solid #085b33;
	padding : 8px 0;
	position : relative;
	background-image : url(../img/br_arrow.png);
	background-position : right bottom;
	background-repeat: no-repeat;
	transition: 0.3s;
}
.detailBtn a.bg0 {
	background-color : transparent;
}
.detailBtn a.bg1 {
	background-color : rgba(255, 255, 255, 0.7);
}

.detailBtn a:hover {
	color :#000000;
	background-color : rgba(255, 255, 255, 0.9);
}

.companyText {
	text-align: left;
	color: #464646;
	font-size: 16px;
	line-height: 2.0;
	padding: 20px 0 12px 0;
}

.companyText span {
	display: block;
	margin-bottom: 24px;
}

.companyText .name {
	text-align: right;
	color: #464646;
	font-size: 16px;
	padding: 20px 0 0 0;
}
.recMark p.wid02 span {
	display : inline;
}

@media only screen and (max-width: 990px) {
	.recMark p.wid01 {
		width : 46%;
		margin-top : 0 !important;
		line-height : calc(3.68vw - 9.4px);
	}
	.recMark p.wid02 {
		width : 46%;
		line-height : calc(3.68vw - 9.4px);
	}
}
@media only screen and (max-width: 800px) {
	.flex50Wrap {
		display : block;
	}
	.profWrap {
		width : 100%;
		height : 630px;
	}
	.recWrap {
		width : 100%;
		height : 630px;
	}
	.profWrapInner {
		position : relative;
		top : 0;
		margin : 0 auto;
	}
	.recWrapInner {
		position : relative;
		top : 0;
		margin : 0 auto;
	}
	.recMark h3 {
		font-size : calc(2.5vw + 12.0px);
		width : 290px;
	}
	.companyText {
		font-size: calc(0.62vw + 11.0px);
		line-height: 1.8;
	}
	.companyText .name {
		font-size: calc(0.62vw + 11.0px);
		line-height: 1.8;
		padding: 20px 0 0 0;
	}
	.recMark p {
		font-size : 13px;
		line-height : 25px;
		letter-spacing: 0px;
	}
	.recMark p.wid01 {
		width : 70%;
		line-height : 25px;
		padding-top : 20px;
	}
	.recMark p.wid02 {
		width : 48%;
		line-height : 27px;
	}
	.recMark p.wid02 span {
		display : block;
		width : 90%;
		line-height : 27px;
	}
}
@media only screen and (max-width: 480px) {
	.profWrap {
		width : 100%;
		height : 610px;
	}
	.recWrap {
		width : 100%;
		height : 540px;
	}
	.profMark {
		padding : 16px;
		margin-top : 12px;
	}
	.recMark {
		padding : 16px;
		background : url(../img/recruit_inner_s.png) no-repeat top right;
		opacity : 0.9;
		margin-top : 12px;
	}
	.recMark h3 {
		letter-spacing: 2px;
		text-align : left !important;
		padding-bottom : 16px;
	}
	.recMark h3 br {
		display : none;
	}
	.recMark p {
		font-size : 13px;
		line-height : 25px;
		letter-spacing: 0px;
	}
	.recMark p.wid01 {
		width : 70%;
		line-height: 1.8;
		padding-top : 0px;
	}
	.recMark p.wid02 {
		width : 68%;
		line-height: 1.8;
	}
	.recMark p.wid02 span {
		display : block;
		width : 60%;
		line-height: 1.8;
	}
}
@media only screen and (max-width: 360px) {
	.recMark p.wid02 span {
		display : block;
		width : 45%;
		line-height: 1.8;
	}
}





/* 各ページ */

.aboutWrap {
	width : auto;
	display : table;
	margin : 0 auto;
}
.aboutWrapInner {
	width : 100%;
	display : table-cell;
}
.aboutWrap h2 {
	color : #014886;
	font-size : 34px;
	font-weight : 500;
	line-height : 1.4;
	letter-spacing: 1.5px;
}
.aboutWrap h2 br {
	display : none;
}
.aboutWrap h3 {
	color : #014886;
	font-size : 24px;
	font-weight : 500;
	line-height : 1.4;
}
.aboutWrap h4 {
	color : #014886;
	font-size : 14px;
	font-weight : 500;
	line-height : 1.4;
	letter-spacing: 1px;
	padding-left : 50px;
	position : relative;
}
.aboutWrap h4::before {
	content : "";
	border-top : 1px solid #014886;
	width : 40px;
	height : 1px;
	font-size : 0;
	position : absolute;
	top : 10px;
	left : 0;
}
.aboutWrap p {
	color : #1a1a1a;
	font-size : 1rem;
	font-weight : 500;
	line-height : 2.2;
	margin-top : 30px;
	letter-spacing: 1px;
}
.aboutWrap .titleImg {
	text-align : center;
}
.logoback {
	background : url(../img/back_logo.png) no-repeat top center;
	padding : 110px 0 40px 0;
}
@media only screen and (max-width: 1200px) {
	.aboutWrap h2 {
		font-size : calc(2.05vw + 11.4px);
	}
	.aboutWrap .titleImg img {
		width : 80%;
		max-width : 625px;
	}
	.logoback {
		padding : 11vw 4vw 4vw 4vw;
	}
}
@media only screen and (max-width: 1060px) {
	.aboutWrap h2 br {
		display : block;
	}
}
@media only screen and (max-width: 960px) {
	.aboutWrap h2 {
		font-size : calc(3.3vw + 4.0px);
		padding-top : 6px;
	}
	.aboutWrap h3 {
		font-size : calc(1.7vw + 8.0px);
	}
	.aboutWrap p {
		padding : 0 2vw;
		line-height : 2.0;
	}
	.aboutOuter .normalWrap {
		padding : 0 10vw;
	}
	.logoback {
		background-size : 40%;
	}
}
@media only screen and (max-width: 400px) {
	.aboutOuter .normalWrap {
		padding : 4vw 5vw 0 5vw;
	}
	.aboutWrap p {
		line-height : 1.8;
	}
	.aboutWrap h2 {
		letter-spacing: 0;
	}
}

/* 仕事内容 */

.pageTops {
	width : 100%;
	height : 569px;
}
.overTitle  {
	position : relative;
	top : 0px;
}
.overTitle h2 {
	text-align : center;
	font-size : 70px;
	font-weight : 500;
	line-height : 1.5;
	font-family: 'Oswald', sans-serif;
	color : #ffffff;
	padding-top : 210px;
}
.overTitle h3 {
	color : #ffffff;
	text-align : center;
	font-size : 18px;
	font-weight : 400;
	position : relative;
}
.topTitle {
	height : 47vw;
	max-height : 476px;
	background-repeat : no-repeat;
	background-position: center top;
}
.topTitle img {
	width : 95px;
}
.topTitle span {
	display : block;
}
@media only screen and (max-width: 1450px) {
	.topTitle {
		background-size : cover;
	}
	.overTitle h2 {
		font-size : calc(4.25vw + 18.4px);
	}
}
@media only screen and (max-width: 860px) {
	.overTitle h2 {
		padding-top: 18vw;
	}
	.overTitle h3 {
		font-size : 1.1rem;
	}
}
@media only screen and (max-width: 480px) {
	.topTitle {
		height : 62vw;
	}
	.overTitle h2 {
		padding-top: 24vw;
	}
}

.makerWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.makerSlider {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.makerWrap li.item {
	width : 23%;
	margin-bottom : 50px;
}
.makerWrap li.trans {
	width : 23%;
	margin-bottom : 0;
}
#makerSlider li.item {
	width : calc(23vw - 36px);
	max-width : 330px;
	margin : 0 18px 0 18px;
}
.slide-arrow {
	position : absolute;
	top : 36%;
	transition: 0.3s;
}
.prev-arrow {
	left : -12px;
}
.next-arrow {
	right : -12px;
}
.slide-arrow:hover {
	opacity : 0.7;
}
.selectCategori {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
	padding-bottom : 32px;
	border-bottom : 1px solid #e5e5e5;
}
.selectCategori a {
	display : inline-block;
	font-size : 1rem;
	font-weight : 400;
	letter-spacing: 1px;
	color : #ffffff;
	background-color : #009ac0;
	border : 1px solid #009ac0;
	line-height ; 1.0;
	padding : 4px 24px 6px 24px;
	border-radius : 22px;
	margin : 0 6px;
	transition: 0.3s;
}
.selectCategori a.active {
	color : #009ac0;
	background-color : #ffffff;
	border : 1px solid #009ac0;
}
.selectCategori a:hover {
	opacity : 0.7;
}
.selectCategori em {
	display : inline-block;
	font-style : normal;
	font-size : 1rem;
	font-weight : 400;
	letter-spacing: 1px;
	color : #000000;
	background-color : #e5e5e5;
	border : 1px solid #e5e5e5;
	line-height ; 1.0;
	padding : 4px 24px 6px 24px;
	border-radius : 22px;
	margin : 0 6px;
}
.makerBox {
	width : 100%;
}
.makerBox h4 {
	font-size : 1.3rem;
	color : #014886;
	font-weight : 400;
	margin : 0 0 24px 12px;
	line-height : 1.3;
	padding-left : 10px;
	border-left : 6px solid #009ac0;
}
.makerWrap li p.img {
	border : 1px solid #e5e5e5;
	width : calc(100% - 40px);
	height : 178px;
	padding : 0 20px;
	position : relative;
	font-size : 1.4rem;
	color : #014886;
	font-weight : 600;
	line-height : 1.4;
}
.makerWrap li p.img img {
	width : auto;
	max-width : 90%;
	max-height : 164px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.slick-slide {
	overflow: visible !important;
}
#makerSlider li p.img {
	border : 1px solid #e5e5e5;
	width : calc(100% - 40px);
	height : 178px;
	padding : 0 20px;
	position : relative;
	font-size : 1.4rem;
	color : #014886;
	font-weight : 600;
	line-height : 1.4;
}
#makerSlider li p.img img {
	width : auto;
	max-width : 90%;
	max-height : 164px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	object-fit : contain;
}
.makerWrap li p.title {
	font-size : 1rem;
	color : #014886;
	font-weight : 400;
}
.makerWrap li p.title span {
	display : block;
	font-size : 0.9rem;
	color : #a0a0a0;
	font-weight : 400;
}
#makerSlider li p.title {
	font-size : 1rem;
	color : #014886;
	font-weight : 400;
}
#makerSlider li p.title span {
	display : block;
	font-size : 0.9rem;
	color : #a0a0a0;
	font-weight : 400;
}

@media only screen and (max-width: 1450px) {
	.makerWrap li p.img {
		width : calc(100% - 4vw);
		height : 15vw;
		padding : 0 2vw;
	}
	.makerWrap li p.img img {
		max-height : 14vw;
	}
	#makerSlider li p.img {
		width : calc(100% - 5vw);
		height : 15vw;
		padding : 0 2vw;
	}
	#makerSlider li p.img img {
		max-height : 14vw;
	}
	#makerSlider li.item {
		width : calc(24vw - 36px);
		margin-bottom : 5vw;
		margin : 0 1vw 0 1vw;
	}
}
@media only screen and (max-width: 960px) {
	.makerWrap li.item {
		width : 32%;
		margin-bottom : 5vw;
	}
	.makerWrap li.trans {
		width : 32%;
		margin-bottom : 0;
	}
	.makerWrap li p.img {
		width : calc(100% - 4vw);
		height : 19vw;
		padding : 0 2vw;
	}
	.makerWrap li p.img img {
		max-height : 18vw;
	}
	#makerSlider li.item {
		width : calc(33.2vw - 50px);
		margin-bottom : 5vw;
	}
	#makerSlider li p.img {
		width : calc(100% - 4vw);
		height : 19vw;
		padding : 0 2vw;
	}
	#makerSlider li p.img img {
		max-height : 18vw;
	}
	.selectCategori a {
		letter-spacing: 0px;
		padding : 3px 2.4vw 5px 2.4vw;
		border-radius : 20px;
		margin : 0 4px;
	}
	.selectCategori em {
		letter-spacing: 0px;
		padding : 3px 2.4vw 5px 2.4vw;
		border-radius : 20px;
		margin : 0 4px;
	}
}
@media only screen and (max-width: 780px) {
	.selectCategori a {
		padding : 2px 2vw 4px 2vw;
		border-radius : 20px;
		margin : 0 3px;
		font-size : 0.9em;
	}
	.selectCategori em {
		padding : 2px 2vw 4px 2vw;
		border-radius : 20px;
		margin : 0 3px;
		font-size : 0.9em;
	}
}
@media only screen and (max-width: 720px) {
	#makerSlider li.item {
		width : calc(32.2vw - 40px);
		margin-bottom : 5vw;
	}
}
@media only screen and (max-width: 720px) {
	.selectCategori {
		padding-bottom : 3vw;
		flex-wrap : wrap;
	}
	.selectCategori a {
		width : calc(15% - 6px);
		margin-bottom : 10px;
		text-align : center;
	}
	.selectCategori em {
		width : calc(15% - 6px);
		margin-bottom : 10px;
		text-align : center;
	}
}
@media only screen and (max-width: 480px) {
	.makerWrap li.item {
		width : 48%;
		margin-bottom : 5vw;
	}
	.makerWrap li.trans {
		width : 48%;
		margin-bottom : 0;
	}
	.makerWrap li p.img {
		width : calc(100% - 4vw);
		height : 32vw;
		padding : 0 2vw;
	}
	.makerWrap li p.img img {
		max-height : 31vw;
	}
	#makerSlider li.item {
		width : calc(48vw - 40px);
		margin-bottom : 5vw;
	}
	#makerSlider li.trans {
		width : 48%;
		margin-bottom : 0;
	}
	#makerSlider li p.img {
		width : calc(100% - 4vw);
		height : 26vw;
		padding : 0 2vw;
	}
	#makerSlider li p.img img {
		max-height : 25vw;
	}
	.slide-arrow {
		top : calc(40vw - 20px);
	}
	.prev-arrow {
		left : -12px;
	}
	.next-arrow {
		right : -12px;
	}
}

.busiWrap {
	width : 100%;
	padding-top : 162px;
}
.busiWrap img {
	width : 100%;
}
.mgla {
	margin-left : auto;
}
.mgra {
	margin-right : auto;
}
.busiWrap .busiImg {
	width : 90%;
	max-width : 1682px;
	position : absolute;
	top : -280px;
	left : 0;
	z-index : 1;
}
.busiWrap .busiImg_r {
	width : 90%;
	max-width : 1682px;
	position : absolute;
	top : -280px;
	right : 0;
	z-index : 1;
}
.busiMain {
	width : 796px;
	position : relative;
	top : 1px;
	z-index : 2;
	background-color : #ffffff;
	padding : 0 50px 0 100px;
	box-sizing: border-box;
}
.busiMain_r {
	width : 796px;
	position : relative;
	top : 1px;
	z-index : 2;
	background-color : #ffffff;
	padding : 0 100px 0 50px;
	box-sizing: border-box;
}
.busiWrap dl {
	width : 100%;
}
.busiWrap dt {
	display : inline-block;
	vertical-align: top;
	width : 100px;
	font-size : 24px;
	font-weight : 500;
	color : #ffffff;
	line-height : 100px;
	text-align : center;
	background-color : #009ac0;
	letter-spacing: 2px;
}
.busiWrap dd {
	display : inline-block;
	vertical-align: bottom;
	font-size : 20px;
	font-weight : 500;
	color : #0a152b;
	letter-spacing: 2px;
	padding-left : 30px;
	width: calc(100% - 140px);
}
.busiWrap p.comm {
	font-size : 14px;
	font-weight : 500;
	color : #0a152b;
	line-height : 2.0;
	margin : 20px 0;
}
@media only screen and (max-width: 1650px) {
	.busiWrap {
		padding-top : 10vw;
	}
	.busiWrap .busiImg {
		width : 90%;
		top : -16vw;
	}
	.busiWrap .busiImg_r {
		width : 90%;
		top : -16vw;
	}
	.busiMain {
		width : 70%;
		max-width : 796px;
		padding : 0 3vw 0 6vw;
	}
	.busiMain_r {
		width : 70%;
		max-width : 796px;
		padding : 0 6vw 0 3vw;
	}
}

@media only screen and (max-width: 1200px) {
	.busiWrap img {
		width : 100%;
		height : 30vw;
		object-fit : cover;
	}
	.busiWrap .busiImg {
		width : 90%;
		top : -18vw;
	}
	.busiWrap .busiImg_r {
		width : 90%;
		top : -18vw;
	}
	.busiWrap dt {
		width : 9vw;
		font-size : calc(1.14vw + 10.4px);
		line-height : 9vw;
	}
	.busiWrap dd {
		font-size : calc(0.68vw + 11.8px);
		padding-left : 3vw;
		width: calc(100% - 13vw);
	}
	.busiWrap p.comm {
		font-size : calc(0.23vw + 11.3px);
	}
}
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 800px) {
	.busiWrap .busiImg {
		top : -24vw;
	}
	.busiWrap {
		padding-top : 12vw;
	}
	.busiMain {
		width : 90vw;
		padding : 0 5vw 0 8vw;
	}
	.busiMain_r {
		width : 84vw;
		padding : 0 8vw 0 5vw;
	}
}
@media only screen and (max-width: 480px) {
	.busiWrap {
		padding-top : 18vw;
	}
	.busiWrap img {
		height : 42vw;
	}
	.busiWrap .busiImg {
		top : -32vw;
	}
	.busiWrap .busiImg_r {
		top : -32vw;
	}
	.busiWrap dt {
		width : 46px;
		font-size : 13px;
		line-height : 46px;
	}
	.busiWrap dd {
		width: calc(100% - 70px);
		padding-top : 6px;
	}
	.busiWrap dd br {
		display : none;
	}
}

.ansinFlex {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
	align-items: center;
	margin-top : 20px;
}
.ansinTitle a: {
	opacity : 1;
	transition: 0.3s;
}
.ansinTitle a:hover {
	opacity : 0.7;
}
.ansinImgTtl img {
	width : 90%;
	max-width : 596px;
}
.ansinText {
	color : #0b162a;
	font-size : 18px;
	font-weight : 500;
}
.ansinTitle span {
	display : inline-block;
	vertical-align: middle;
	color : #ffffff;
	font-size : 24px;
	font-weight : 600;
	line-height : 30px;
	padding : 0 8px 3px 8px;
	background-color : #009ac0;
}
.ansinTitle a {
	display : inline-block;
	vertical-align: middle;
	position : relative;
	top : 6px;
}
.ansinWrap {
	color : #0b162a;
	font-size : 16px;
	font-weight : 400;
	line-height : 2.2;
	padding : 40px;
	background-color : #ffffff;
}
.uparrow {
	position : relative;
}
.uparrow::before {
	content: "";
	position: absolute;
	top: -150px;
	left: 50%;
	margin-left: -90px;
	border: 90px solid transparent;
	border-bottom: 70px solid #f5f5f5;
}
@media only screen and (max-width: 1200px) {
	.ansinOuter .normalWrap {
		padding : 0 5vw;
	}
}
@media only screen and (max-width: 960px) {
	.ansinFlex {
		-webkit-justify-content : center;
		justify-content : center;
		align-items: center;
		margin-top : 20px;
		flex-wrap : wrap;
	}
	.ansinFlex img {
		width : 33%;
		max-width : 
	}
	.ansinText {
		font-size : calc(0.78vw + 10.5px);
	}
	.uparrow::before {
		top: -105px;
		margin-left: -60px;
		border: 60px solid transparent;
		border-bottom: 47px solid #f5f5f5;
	}
	.ansinTitle span {
		font-size : calc(1.25vw + 12.0px);
		line-height : calc(1.25vw + 18.0px);
		padding : 0 8px 3px 8px;
	}
	.ansinWrap {
		font-size : 1rem;
		line-height : 2.0;
		padding : 4vw;
	}
}
@media only screen and (max-width: 680px) {
	.ansinTitle a {
		display : block;
		top : 0px;
		text-align : right;
	}
}
@media only screen and (max-width: 480px) {
	.uparrow::before {
		top: -75px;
		margin-left: -45px;
		border: 45px solid transparent;
		border-bottom: 35px solid #f5f5f5;
	}
}

.normalWrap_m {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.messageWrap .messageTitle {
	margin-top : -60px;
}
.messageWrap h2 {
	color : #014886;
	font-size : 42px;
	font-weight : 600;
	line-height : 1.8;
	position : relative;
}
.messageWrap h3 {
	text-align : center;
	color : #1c1c1c;
	font-size : 32px;
	font-weight : 600;
	line-height : 1.4;
	letter-spacing: 2px;
	position : relative;
}
.messageWrap h3::after {
	content : "";
	display : block;
	border-top : 4px solid #014886;
	width : 50px;
	height : 1px;
	font-size : 0;
	margin : 20px auto 0 auto;
}
.messageFlex {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.messageText {
	padding : 0 430px 38px 66px;
}
.messageText p {
	font-size : 1rem;
	font-weight : 400;
	line-height : 2.0;
}
.messageText p span {
	display : block;
	margin : 24px 0;
}
.messageImg {
	position : absolute;
	text-align : right;
	bottom : 0;
	right : 0;
	z-index : 2;
}
.messageImg img {
	width : 42vw;
	max-width : 416px;
}
.messageImgInner {
	width : 30%;
	max-width : 130px;
}
.messageImgInner p {
	color : #07162b;
	font-size : 1rem;
	font-weight : 400;
	line-height : 1.6;
}
.messageText h4 {
	color : #07162b;
	font-size : 1.5rem;
	font-weight : 600;
	line-height : 1.6;
	letter-spacing: 1px;
}
.compFlex {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.compItem {
	position : relative;
	width : 25%;
}
.compItem .image  {
	width : 100%;
}
.compItem .image img {
	width : 100%;
	max-width : 480px;
}
.mgt40x {
	margin-top : 40px;
}
.mgt160n {
	margin-top : -10px;
}
.mgt60n {
	margin-top : 60px;
}
@media only screen and (max-width: 1480px) {
	.normalWrap_m {
		padding: 0 5vw;
	}
	.messageWrap h2 {
		font-size : calc(2.07vw + 11.4px);
	}
	.messageWrap p {
		padding : 3vw 43vw 3vw 4vw;
		font-size : calc(0.34vw + 11.0px);
	}
	.messageWrap img.mesTtl {
		left : -4vw;
	}
	.messageWrap .messageTitle {
		margin-top : -4vw;
	}
	.messageText {
		padding : 0 32vw 38px 66px;
	}
	.mgt160n {
		margin-top : -40px;
	}
	.mgt60n {
		margin-top : 33px !important;
	}
}
@media only screen and (max-width: 1000px) {
	.messageWrap img.mesTtl {
		left : 4vw;
	}
	.messageImgInner {
		width : 80%;
	}
	.messageImgInner p {
		font-size : 13px;
	}
	.messageText {
		padding : 0 40vw 3.8vw 0;
	}
	.messageWrap h3 {
		font-size : calc(1.76vw + 14.4px);
		letter-spacing: 1px;
	}
}
@media only screen and (max-width: 640px) {
	.normalWrap_m {
		padding: 0 3vw;
	}
	.messageImg {
		position : relative;;
		text-align : right;
		top : -20px;
		right : 0;
		width : 100%;
		max-width : 850px;
		z-index : 2;
		margin : 4vw 0 0 0;
		font-size : 0;
	}
	.messageImgInner {
		width : 100%;
	}
	.messageText {
		padding : 0 0 0 0;
	}
	.messageWrap p {
		padding : 3vw 4vw 3vw 4vw;
		font-size : calc(0.34vw + 11.0px);
	}
	.messageImgInner p {
		font-size : 13px;
	}
	.mgt40x {
		margin-top : 4vw;
	}
	.messageWrap .messageTitle {
		padding-left : 0;
		margin-top : 0;
	}
	.messageImg img {
		width : 60vw;
		max-width : 416px;
	}
	.mgt60n {
		margin-top : 0 !important;
	}
	.mgt160n {
		margin-top : -20px;
	}
}
@media only screen and (max-width: 515px) {
	.messageWrap img.mesTtl {
		left : 1vw;
	}
	.messageImgInner p {
		font-size : 12px;
	}
}
.ubarTitle {
	font-size : 24px;
	letter-spacing: 5px;
	color : 07162b;
	font-weight : 600;
	padding-bottom : 10px;
	width : 300px;
	margin : 0 auto;
	text-align : center;
	border-bottom : 5px solid #0199be;
	position : relative;
}
.ubarTitle::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 18px solid #0199be;
}
.sdgsWrap  {
	width : 100%;
	max-width : 1100px;
	margin : 0 auto 0 auto;
	text-align : center;
}
.sdgsWrap .sdgsLogo {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.sdgsWrap .sdgsLogo p.border {
	border-right : 2px solid #000000;
	width : 1px;
	font-size : 0;
}
.sdgsWrap img.nslogo {
	width : 90%;
	max-width : 483px;
}
.sdgsWrap img.gslogo {
	width : 90%;
	max-width : 489px;
}
.sdgsWrap .sdgsComm {
	font-size : 1rem;
}
.sdgsAdd h4 {
	font-size : 0;
	margin : 0 0 40px 0;
	border-bottom : 1px solid #002c45;
	text-align : center;
	letter-spacing: 1px;
}
.sdgsAdd h4 strong {
	position : relative;
	font-size : 24px;
	color : #002c45;
	font-weight : 700;
	line-height : 1.4;
	display : inline-block;
	background-color : #ffffff;
	padding : 0 20px;
	top : 18px;
}
.sdgsBlock {
	display : -webkit-flex;
	display : flex;
	width : 100%;
	margin : 50px 0;
}
.sdgsBlock dt {
	width : 165px;
}
.sdgsBlock img {
	width : 100%;
}
.sdgsBlock dd {
	width : calc(100% - 205px);
	margin-left : 40px;
	box-sizing: border-box;
	padding : 20px 24px;
}
.sdgsBlock .bdr04 {
	border : 2px solid #c50f28;
}
.sdgsBlock .bdr08 {
	border : 2px solid #970b32;
}
.sdgsBlock .bdr09 {
	border : 2px solid #ec0b06;
}
.sdgsBlock .bdr11 {
	border : 2px solid #f6a20c;
}
.sdgsBlock .bdr13 {
	border : 2px solid #407935;
}
.sdgsBlock .bdr04 span {
	color : #c50f28;
}
.sdgsBlock .bdr08 span {
	color : #970b32;
}
.sdgsBlock .bdr09 span {
	color : #ec0b06;
}
.sdgsBlock .bdr11 span {
	color : #f6a20c;
}
.sdgsBlock .bdr13 span {
	color : #407935;
}
.sdgsBlock h5 {
	color : #002c45;
	font-size : 16px;
	text-align : left;
	line-height : 2.2;
	letter-spacing: 1px;
}
.sdgsBlock p {
	color : #002c45;
	font-size : 14px;
	text-align : left;
	line-height : 1.6;
	letter-spacing: 1px;
}
.sdgsTop {
	margin-top : 80px;
}
.sdgsTop ul {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
	margin-top : 40px;
}
.sdgsTop ul li {
	width : 14.6%;
	margin : 0 1%;
}
.sdgsTop ul li img {
	width : 100%;
	max-width : 137px;
}
.sdgsAbout  {
	margin-top : 0px;
	padding-bottom : 140px;
}
.sdgsAbout h3 {
	font-size : 32px;
	color : #000000;
	font-weight : 500;
	margin-bottom : 30px;
}
.sdgsAbout p {
	font-size : 13px;
	line-height : 2.0;
	color : #000000;
	font-weight : 400;
	width : calc(100% - 12px);
	text-align : left;
	margin : 0 auto;
	padding : 0 6px;
}
.sdgsAbout p span {
	display : block;
}
.sdgsFlex {
	padding-bottom : 40px;
	border-bottom : 3px solid #004a87;
}
.sdgsFlex .sdgsFlexItem {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.sdgsFlex dl {
	width : 48%;
	margin : 20px 0;
}
.sdgsFlex dt {
	display : inline-block;
	vertical-align: middle;
	width : 137px;
	font-size : 0;
}
.sdgsFlex img {
	width : 137px;
}
.sdgsFlex dd {
	display : inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width : calc(100% - 159px);
	height : 137px;
	padding : 2px;
	font-size : 0;
	margin-left : 16px;
	position : relative;
}
.sdgsFlex dd p {
	display: grid;
 	place-items: center;
	text-align : left;
	color : #000000;
	background-color : #ffffff;
	font-size : 16px;
	line-height : 1.6;
	font-weight : 400;
	height : 133px;
	padding : 12px;
	box-sizing: border-box;
}
.sdgsFlex dd.ptn1 {
	background-color : #c50f28;
}
.sdgsFlex dd.ptn2 {
	background-color : #970b32;
}
.sdgsFlex dd.ptn3 {
	background-color : #00a6da;
}
.sdgsFlex dd.ptn4 {
	background-color : #dc097a;
}
.sdgsFlex dd.ptn1:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -28px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 20px solid #c50f28;
}
.sdgsFlex dd.ptn2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -28px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 20px solid #970b32;
}
.sdgsFlex dd.ptn3:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -28px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 20px solid #00a6da;
}
.sdgsFlex dd.ptn4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -28px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 20px solid #dc097a;
}
.sdgsAdd  {
	width : 100%;
	max-width : 988px;
	margin : 80px auto 0 auto;
	text-align : center;
	padding : 0 10px;
	box-sizing: border-box;
}
.sdgsAdd .term {
	width : 100%;
	max-width : 883px;
}
.sdgsAdd h3 {
	margin-top: 40px;
	font-size : 30px;
	border-style : none;
	padding-bottom : 0;
	margin-bottom : 0;
	text-align : center;
}
.sdgsAdd h3 br {
	display : none;
}
.sdgstoha {
	margin : 0 0 50px 0;
	text-align : center;
	font-size : 30px;
	color : #002d44;
	font-weight : 700;
	letter-spacing: 5px;
}
.sdgsLogo {
	text-align : center;
}
.sdgsLogo img {
	width : 70%;
	max-width : 480px;
}
@media only screen and (max-width: 960px) {
	.ubarTitle {
		font-size : calc(0.94vw + 15.0px);
		letter-spacing: 0.5vw;
		padding-bottom : 10px;
		width : 50vw;
		max-width : 300px;
	}
}
@media only screen and (max-width: 890px) {
	.sdgsFlex dd p {
		font-size : calc(1.54vw + 2.1px);
		padding : 1.2vw;
	}
}
@media only screen and (max-width: 860px) {
	.sdgsWrap  {
		margin : 6vw auto 0 auto;
	}
}
@media only screen and (max-width: 890px) {
	.sdgsFlex dl {
		width : 100%;
		margin : 20px 0;
	}
	.sdgsFlex dd p {
		font-size : calc(0.94vw + 10.0px);
	}
}
@media only screen and (max-width: 768px) {
	.sdgsAdd h4 strong {
		font-size : calc(1.34vw + 13.7px);
		color : #002c45;
		padding : 0 16px;
		top : calc(1.34vw + 8.7px);
	}
	.sdgsBlock {
		margin : 5vw 0;
	}
	.sdgsBlock dt {
		width : 120px;
	}
	.sdgsBlock dd {
		width : calc(100% - 120px - 4vw);
		margin-left : 4vw;
		padding : calc(1.34vw + 13.7px);;
	}
	.sdgsBlock h5 {
		font-size : calc(0.67vw + 10.9px);
		line-height : 2.0;
		letter-spacing: 0px;
	}
	.sdgsBlock p {
		font-size : calc(0.45vw + 10.6px);
		line-height : 1.5;
		letter-spacing: 0px;
	}
	.sdgsAdd h3 {
		margin-top: 5vw;
		font-size : calc(1.87vw + 11.0px);
		letter-spacing: 0px;
	}
	.sdgstoha {
		margin : 0 0 5vw 0;
		font-size : calc(2.23vw + 12.9px);
		letter-spacing: 3px;
	}
}
@media only screen and (max-width: 500px) {
	.sdgsAdd h3 {
		line-height : 1.5;
	}
	.sdgsAdd h3 br {
		display : block;
	}
}
@media only screen and (max-width: 430px) {
	.sdgsTop {
		margin-top : 7vw
	}
	.sdgsTop ul li {
		width : 26vw;
		max-width : 111px;
	}
	.sdgsTop ul li img {
		width : 100%;
		max-width : 111px;
	}
	.sdgsAbout  {
		margin-top : 8vw;
		padding-bottom : 10vw;
	}
	.sdgsAbout h3 {
		font-size : 24px;
		margin-bottom : 6vw
	}
	.sdgsAbout p {
		font-size : 13px;
	}
	.sdgsAbout p span {
		display : inline;
	}
	.sdgsInner  {
		display : block;
		padding-top : 8vw;
	}
	.sdgsTitle {
		font-size : 16px;
	}
	.sdgsTitle strong {
		font-size : 20px;
	}
	.sdgsBlock {
		display : block;
	}
	.sdgsBlock dt {
		width : 120px;
	}
	.sdgsBlock dd {
		width : 100%;
		margin-left : 0vw;
	}
}
.recruitTable {
	width : 100%;
	margin-top : 48px;
	position : relative;
	padding-left : 48px !important;
	padding-right : 48px !important;
}
.recruitTable:before {
	content: '';
	position: absolute;
	left: calc(50% - 15px);
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #f5f5f5;
	border-left: 15px solid transparent;
}
.recruitTable dl {
	display : table;
	width : 100%;
	border-bottom : 1px solid #d3d3d3;
	font-size  : 18px;
	line-height : 1.8;
}
.recruitTable dl.first {
	border-top : 1px solid #d3d3d3;
}
.recruitTable dt {
	display : table-cell;
	vertical-align : top;
	text-align: left;
	font-weight : 500;
	color : #1c1c1c;
	width : 20%;
	max-width : 200px;
	min-width : 100px;
	padding : 18px 0 18px 0;
	letter-spacing: 6px;
}
.recruitTable dd  {
	display : table-cell;
	vertical-align : top;
	text-align: left;
	color : #1c1c1c;
	font-weight : 400;
	width : calc(80% - 4px);
	padding : 18px 0 18px 0;
}
@media only screen and (max-width: 1450px) {
	.recruitTable {
		padding-left : 4vw !important;
		padding-right : 4vw !important;
	}
}
.changeBtn  {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	width : 100%;
	max-width : 770px;
	padding : 0 10px;
	box-sizing: border-box;
}
.changeBtn p {
	width : 24%;
}
.changeBtn a {
	display : block;
	width : 100%;
	text-align : center;
	padding-left : 46px;
	font-size : 14px;
	color : #404040;
	text-decoration : none;
	padding : 12px;
	border : 1px solid #b2b2b2;
	box-sizing : border-box;
    transition: all .5s;
}
.changeBtn a span {
	display : inline-block;
	vertical-align : top;
	color : #0199be;
	width : 20%;
	padding-top : 10px;
}
.changeBtn a strong {
	display : inline-block;
	vertical-align : top;
	color : #0c142b;
	font-size : 16px;
	font-weight : 500;
	width : 80%;
}
.changeBtn a em {
	display : block;
	font-size : 14px;
	color : #0c142b;
	font-weight : 300;
	font-style : normal;
}
.changeBtn a.active {
	background-color : #bfe6f5;
	color : #014886;
}
@media only screen and (max-width: 960px) {
	.changeBtn a {
		padding-left : 46px;
		padding : calc(0.94vw + 3.0px);
	}
	.changeBtn a strong {
		font-size : 1rem;
		width : 80%;
	}
	.changeBtn a em {
		font-size : 0.9rem;
	}
}
@media only screen and (max-width: 660px) {
	.changeBtn  {
		-webkit-justify-content : center;
		justify-content : center;
		flex-wrap : wrap;
		padding : 0;
	}
	.changeBtn p {
		width : 47%;
		max-width : 200px;
		margin : 6px 0.5%;
	}
}
.recInner {
	width : 100%;
	overflow : hidden;
}
.miniWrapInner  {
	width : 400%;
	display : table;
	box-sizing: border-box;
	position : relative;
    transition: all .5s;
}
.infoblock  {
	display : table-cell;
	vertical-align : top;
	width : 25%;
	text-align : left;
	position : relative;
}
.infoblock h3  {
	color : #0c142b;
	text-align : left;
	border-bottom : 1px solid #dcdcdc;
	padding : 0 0 8px 0px;
	margin : 0 0 60px 0;
}
.infoblock dl  {
	font-size : 1rem;
	color : #0c142b;
	text-align : left;
}
.infoblock dt  {
	font-weight : bold;
	width : 15%;
	display : inline-block;
	text-align : center;
	vertical-align : top;
	margin-bottom : 30px;
	font-weight : 500;
}
.infoblock dt span {
	line-height : 1.0;
	width : 100%;
	display : inline-block;
	text-align : left;
}
.infoblock dd  {
	width : 78%;
	display : inline-block;
	text-align : left;
	vertical-align : top;
	padding-left : 4%;
	margin-bottom : 30px;
	font-weight : 400;
}
.infoblock h3 span {
	display : inline-block;
	font-size : 22px;
	line-height :1.0;
}
.infoblock .toFromBtn {
	width : 100%;
	padding : 40px 0 20px 0;
	text-align : center;
}
@media only screen and (max-width: 960px) {
	.infoblock h3  {
		padding : 0 0 8px 0px;
		margin : 0 0 6vw 0;
	}
	.infoblock dt  {
		width : 20%;
		margin-bottom : calc(1.56vw + 15.0px);
	}
	.infoblock dd  {
		width : 73%;
		margin-bottom : calc(1.56vw + 15.0px);
	}
	.infoblock h3 span {
		font-size : calc(0.78vw + 14.5px);
	}
	.infoblock .toFromBtn {
		padding : 4vw 0 2vw 0;
	}
}
.overImgTitle {
	text-align : center;
	position : relative;
	top : -145px;
}
.overImgTitle img {
	width : 80%;
	max-width : 548px;
}
.voiceWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
	margin : -80px auto 0 auto;
	width : 100%;
	max-width : 1200px;
	padding : 0 10px;
	box-sizing: border-box;
}
.voiceItem {
	width : 46.5%;
	background-color : #ffffff;
}
.voiceItem .img img {
	width : 100%;
	height : 30vw;
	max-height : 400px;
	object-fit: cover;
	border-radius : 6px;
}
.voiceItem .comm {
	padding : 0 0 40px 0;
	margin-top : -38px;
	position : relative;
	z-index : 2;
}
.voiceItem .comm .hukidasi {
	color : #ffffff;
	background-color : rgba(2, 42, 114, 0.9);
	width : 75%;
	font-size : 24px;
	font-weight : 500;
	padding : 12px 16px;
	box-sizing: border-box;
	position : relative;
}
.voiceItem .comm .names {
	color : #0c142b;
	font-size : 20px;
	font-weight : 500;
	padding-bottom : 12px;
	border-bottom : 1px solid #dcdcdc;
}
.voiceItem .comm .comment {
	color : #0c142b;
	font-size : 16px;
	font-weight : 400;
}
.voiceTrans {
	width : 45%;
	font-size : 0;
	height : 1px;
}
.shopWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
	margin : 0px auto 0 auto;
	width : 100%;
	max-width : 1200px;
	padding : 0 10px;
	box-sizing: border-box;
}
.shopItem {
	width : 22%;
	border : 1px solid #e5e5e5;
	padding : 20px 20px 4px 20px;
	box-sizing: border-box;
}
.shopItem .shopname {
	color : #0c142b;
	font-size : 1rem;
	font-weight : 500;
	padding-bottom : 6px;
	border-bottom : 1px solid #e5e5e5;
	letter-spacing: 1px;
}
.shopItem p {
	color : #0c142b;
	font-size : 0.9rem;
	font-weight : 400;
	padding-bottom : 6px;
	letter-spacing: 1px;
}
.shopItem .shopurl {
	text-align : right;
}
.shopTrans {
	width : calc(22% + 2px);
	box-sizing: border-box;
	font-size : 0;
	height : 1px;
}
@media only screen and (max-width: 1100px) {
	.shopItem {
		width : 24%;
		padding : calc(1.03vw + 8.7px) calc(1.03vw + 8.7px) 4px calc(1.03vw + 8.7px);
	}
}
@media only screen and (max-width: 960px) {
	.voiceOuter .normalWrap {
		padding : 0 4vw;
	}
	.areaOuter .normalWrap {
		padding : 0 4vw;
	}
	.areaOuter .ubarTitle {
		width : 60vw;
	}
	.overImgTitle {
		top : -14.5vw;
	}
	.voiceWrap {
		margin : -4vw auto 0 auto;
		padding : 0;
	}
	.voiceItem {
		width : 48%;
	}
	.voiceItem .comm {
		padding : 0 4vw 4vw 4vw;
		margin-top : -4vw;
	}
	.voiceItem .comm .hukidasi {
		font-size : calc(0.94vw + 11.0px);
		padding : 1.2vw 1.6vw
	}
	.voiceItem .comm .names {
		font-size : calc(0.94vw + 11.0px);
		padding-bottom : calc(0.94vw + 3.0px);
	}
	.voiceItem .comm .comment {
		font-size : 1rem;
	}
}
@media only screen and (max-width: 820px) {
	.shopItem {
		width : 32%;
	}
}
@media only screen and (max-width: 640px) {
	.voiceOuter .normalWrap {
		padding : 0 5vw;
	}
	.voiceItem {
		width : 100%;
	}
	.voiceItem .img img {
		height : 56vw;
	}
}
@media only screen and (max-width: 620px) {
	.shopItem {
		width : 48%;
	}
	.shopItem .shopurl img {
		width : 120px;
	}
	.voiceWrap {
		margin : 4vw auto 0 auto;
	}
}
@media only screen and (max-width: 350px) {
	.areaOuter .normalWrap {
		padding : 0;
	}
	.shopItem {
		padding-bottom : 0;
	}
	.shopItem .shopurl img {
		width : 100px;
	}
}



.worksWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
@media only screen and (max-width: 800px) {
	.flexRev {
		display : block;
		margin-left : 0;
	}
	.flexFor {
		display : block;
		margin-right : 0;
	}
	.busiWrap .busiImg {
		width : 95%;
	}
	.busiWrap .busiImgInner img {
		width : 100%;
	}
	.busiMain .normalTitle {
		margin-left : auto;
		margin-right : auto;
		padding-left : 0;
		padding-right : 10px;
		text-align : center;
	}
}
@media only screen and (max-width: 480px) {
	.worksWrap {
		padding-top : 30px;
	}
	.busiMain .normalTitle {
		font-size : 20px;
		width : 160px;
		padding-left : 1vw;
		letter-spacing: 0;
	}
}

/* 会社案内 */

.messageBlock {
	width : 100%;
	height : 769px;
	background : url(../img/preg_img.jpg) no-repeat center center;
	background-size : cover;
	padding-top : 74px;
	padding-left : 67px;
	box-sizing: border-box;
}
.messageWrap .messageInner {
	width : 60%;
	max-width : 736px;
	background-color : rgba(255, 255, 255, 0.8);
	padding : 48px 54px;
	box-sizing: border-box;
}
.messageInner p {
	font-size : 17px;
	color : #000000;
	font-weight : 500;
	line-height : 2.0;
}
.plofTable {
	width : 100%;
	max-width : 930px;
}
.plofTable table {
	width : 100%;
	border-collapse: collapse;
	font-size : 14px;
}
.plofTable table th {
	width : 25%;
	background-color : #f6f6f6;
	padding : 12px 24px;
	text-align : left;
	vertical-align: middle;
	font-weight : 500;
	color : #000000;
	border : 1px solid #d7d7d7;
}
.plofTable table td {
	width : 75%;
	background-color : #ffffff;
	padding : 12px 24px;
	text-align : left;
	vertical-align: middle;
	font-weight : 500;
	color : #6d6d6d;
	border : 1px solid #d7d7d7;
}

.serviceWrap .tel {
	text-align : center;
	margin-top : 20px;
}
.serviceWrap .tel p {
	display : inline-block;
	color : #000000;
	font-size : 36px;
	padding : 0 64px 0 32px;
	border : 1px solid #000000;
	letter-spacing: 2px;
}
.serviceWrap .tel p a {
	color : #000000;
	font-size : 48px;
	letter-spacing: 3px;
}
@media only screen and (max-width: 1300px) {
	.messageBlock {
		height : 68vw;
		max-height : 769px;
		padding-top : 7vw;
		padding-left : 6.5vw;
	}
	.messageWrap .messageInner {
		padding : 6vw 4vw;
	}
	.messageWrap .messageInner p {
		font-size : calc(0.41vw + 11.7px);
	}
}
@media only screen and (max-width: 1100px) {
	.messageBlock {
		height : 68vw;
		max-height : 769px;
		padding-top : 4vw;
		padding-left : 3vw;
	}
	.messageWrap .messageInner {
		padding : 4vw 3vw;
	}
	.messageWrap .messageInner p {
		line-height : 1.8;
	}
	.messageInner .mgb30 {
		margin-bottom : 2vw !important;
	}
	.messageInner .mgt50 {
		margin-top : 3vw !important;
	}
}
@media only screen and (max-width: 800px) {
	.serviceWrap .tel p {
		font-size : calc(4.33vw + 8.4px);
		padding : 0 6.4vw 0 3.2vw;
		letter-spacing: 1px;
	}
	.serviceWrap .tel p a {
		font-size : calc(4.58vw + 11.4px);
		letter-spacing: 1px;
	}
	.messageBlock {
		height : auto;
		padding-top : 0;
		padding-left : 0;
	}
	.messageWrap .messageInner {
		padding : 4vw 3vw;
	}
	.messageWrap .messageInner p {
		line-height : 1.8;
	}
	.messageInner .mgb30 {
		margin-bottom : 2vw !important;
	}
	.messageInner .mgt50 {
		margin-top : 3vw !important;
	}
	.plofTable table {
		font-size : calc(0.42vw + 10.7px);
	}
	.plofTable table th {
		padding : 1.2vw 2.4vw
	}
	.plofTable table td {
		padding : calc(1vw + 6px) 2.4vw
	}
}
@media only screen and (max-width: 760px) {
	.messageBlock {
		width : 100%;
		height : auto;
		max-height : auto;
		background : url(../img/preg_img.jpg) no-repeat top right;
		background-size : 100%;
		padding-top : 0;
		padding-left : 0;
	}
	.messageWrap .messageInner {
		width : 100%;
		max-width : 760px;
		background-color : transparent;
		padding : 56vw 4vw 8vw 4vw;
	}
	.messageInner p {
		font-size : calc(0.91vw + 10.1px);
		line-height : 1.8;
	}
}
@media only screen and (max-width: 400px) {
	.messageWrap .messageInner {
		padding : 56vw 0 8vw 0;
	}
	.messageWrap .messageInner div img{
		width : 180px;
	}
}


.contWrap {
	text-align: center;
	padding: 0 10px;
}
.contWrap .centerWord {
	margin: 50px 0 32px 0;
}
.contSlider {
	width: 100%;
	max-width: 790px;
	margin-left: auto;
	margin-right: auto;
	position : relative;
}
.contSlideInner {
	text-align: left;
	width: 100%;
	max-width: 790px;
}
.contSlideInner .image {
	font-size: 0;
	width : 100%;
	height : 60vw;
	max-height : 537px;
	position : relative;
}
.contSlideInner .image img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 60vw;
	max-height : 537px;
	object-fit: cover;
}
.contSlideInner .image span {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 60vw;
	max-height : 537px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.contSlideInner .comm {
	width: 100%;
	max-width: 790px;
	text-align: left;
	background-color: #ffffff;
	padding: 26px 36px 80px 36px;
	font-size: 0;
	box-sizing: border-box;
}
.contSlideInner .comm .check {
	font-size: 24px;
	line-height: 1.0;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 20px;
	color: #000000;
	border-bottom: 6px solid #000000;
}
.contSlideInner .comm p {
	font-size: 16px;
	color: #000000;
}
.feed-prev-btn {
	background-image: url(../img/pref.png);
	transition: 0.4s;
	left : -40px;
	z-index : 99;
}
.feed-next-btn {
	background-image: url(../img/next.png);
	transition: 0.4s;
	right : -40px;
	z-index : 99;
}
.feed-prev-btn:hover {
	opacity : 0.7;
}
.feed-next-btn:hover {
	opacity : 0.7;
}
.feed-prev-btn .bx-prev {
	opacity: 0;
	display: block;
}
.feed-next-btn .bx-next {
	opacity: 0;
	display: block;
}
.navi-btn {
	width: 78px;
	height: 78px;
	position : absolute;
	top : 380px;
}
.navi-btn a {
	display : block;
	height : 100%;
}

.co_feed-prev-btn {
	background-image: url(../img/prev_b.png);
	transition: 0.4s;
	z-index : 99;
}
.co_feed-next-btn {
	background-image: url(../img/next_b.png);
	transition: 0.4s;
	z-index : 99;
}
.co_feed-prev-btn:hover {
	opacity : 0.7;
}
.co_feed-next-btn:hover {
	opacity : 0.7;
}
.co_feed-prev-btn .bx-prev {
	opacity: 0;
	display: block;
}
.co_feed-next-btn .bx-next {
	opacity: 0;
	display: block;
}
.co-btn {
	position : relative;
	display : inline-block;
	width: 50px;
	height: 50px;
}
.co-btn a {
	display : block;
	height : 100%;
}
.rc_feed-prev-btn {
	background-image: url(../img/prev_w.png);
	transition: 0.4s;
	z-index : 99;
}
.rc_feed-next-btn {
	background-image: url(../img/next_w.png);
	transition: 0.4s;
	z-index : 99;
}
.rc_feed-prev-btn:hover {
	opacity : 0.7;
}
.rc_feed-next-btn:hover {
	opacity : 0.7;
}
.rc_feed-prev-btn .bx-prev {
	opacity: 0;
	display: block;
}
.rc_feed-next-btn .bx-next {
	opacity: 0;
	display: block;
}
.co-btn {
	position : relative;
	display : inline-block;
	width: 50px;
	height: 50px;
}
.co-btn a {
	display : block;
	height : 100%;
}
.rc-btn {
	position : relative;
	display : inline-block;
	width: 50px;
	height: 50px;
}
.rc-btn a {
	display : block;
	height : 100%;
}

.centerComm  {
	font-size : 16px;
	color : #000000;
	text-align : center;
	font-weight : 400;
}
.formButton  {
	text-align : center;
}
.formButton a {
	text-align : center;
	display : inline-block;
	font-size : 32px;
	color : #ffffff;
	font-weight : 700;
	width : 80%;
	max-width : 625px;
	padding : 20px 0 24px 0;
	line-height : 1.6;
	background-color : #000000;
	transition: 0.4s;
}
.formButton a img {
	position : relative;
	top : 10px;
	left : -12px;
}
.formButton a:hover {
	opacity : 0.7;
}
@media only screen and (max-width: 1060px) {
	.imgback {
		padding-top: 9vw;
	}
	.contWrap .centerWord {
		margin: 5vw 0 3vw 0;
	}
	.centerComm  {
		font-size : calc(0.41vw + 10.7px);
	}
	.contSlideInner .comm {
		padding: 4vw 3vw 8vw 3vw;
	}
	.contSlideInner .comm .check {
		font-size : calc(0.81vw + 15.4px);
		margin-bottom: 2vw;
		border-bottom: calc(0.4vw + 3px) solid #000000;
	}
	.contSlideInner .comm p {
		font-size : calc(0.41vw + 11.7px);
	}
	.navi-btn {
		width: calc(5.09vw + 23.9px);
		height: calc(5.09vw + 23.9px);
		background-size : cover;
		top : 38vw;
	}
	.feed-prev-btn {
		left : calc(-2.55vw - 12px);
	}
	.feed-next-btn {
		right : calc(-2.55vw - 12px);
	}
	.formButton a {
		font-size : calc(2.16vw + 9.1px);
		width : 90%;
		padding : calc(2vw + 6px) 0 calc(2vw + 8px) 0;
	}
	.formButton a img {
		position : relative;
		top : 0.6vw;
		left : -12px;
		width : calc(1.8vw + 18px);
	}
}

@media only screen and (max-width: 640px) {
	.mgb02 {
		padding-bottom: calc(4vw + 8px);
	}
	.map iframe {
		height : 400px;
	}
}

.compWrap {

}
.infoWrap {
	position : relative;
	background-color : #000000;
}
.infoInner {
	width : 100%;
	max-width : 1368px;
	position : relative;
}
.infoInner .infoImage {
	position : relative;
	top : -75px;
}
.infoInner .infoImage img {
	width : 70%;
	max-width : 921px;
}
.infoInner .infoList { 
	position : absolute;
	width : 40%;
	top: calc(50% - 37px);
	right: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	background-color : #ffffff;
	padding : 50px;
	box-sizing: border-box;
}
.infoInner .infoList dl {
	display : -webkit-flex;
	display : flex;
	width : 100%;
	font-size : 1rem;
}
.infoInner .infoList dt {
	width : 20%;
	border-right : 1px solid #e7e7e7;
	color : #838383;
	padding : 18px 0;
}
.infoInner .infoList dd {
	width : 80%;
	color : #000000;
	padding : 18px 0 18px 40px;
	box-sizing: border-box;
}
@media only screen and (max-width: 1200px) {
	.infoInner {
		height : calc(50vw + 100px);
	}
	.infoInner .infoList { 
		width : 50%;
		top: 240px;
		padding : 4vw;
	}
	.infoInner .infoList dd {
		width : 80%;
		color : #000000;
		padding : 1.8vw 0 1.8vw 4vw;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 640px) {
	.infoInner {
		height : auto;
	}
	.infoInner .infoImage {
		top : -7vw;
	}
	.infoInner .infoImage img {
		width : 100%;
	}
	.infoInner .infoList { 
		position : relative;
		width : 90%;
		top: -5vw;
		right: 0;
		transform: translateY(0%);
		-webkit- transform: translateY(0%);
		margin : -60px auto 0 auto;
	}
}
.compMap {
	width : 100%;
	padding : 0 5px;
	box-sizing: border-box;
	background-color : #000000;
}
.compMap iframe {
	width : 100%;
	height : 40vw;
	max-height : 445px;
	min-height : 300px;
}
.compImg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	width: 50%;
	z-index: 2;
}
.co_img.compImg {
	right : 0;
}
.rc_img.compImg {
	left : 0;
}
.compImg img {
	width: 100%;
	max-width : 671px;
	height : 32vw;
	max-height : 378px;
	object-fit: cover;
}
.compImgRec img {
	width: 100%;
}
.compMain {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	display: block;
	max-width: 746px;
	width: 55%;
	height : 38vw;
	max-height : 464px;
	box-sizing: border-box;
}
.compMain.co_main {
	margin-right : auto;
	padding : 4% 8% 4% 5%;
}
.compMain.rc_main {
	margin-left : auto;
	padding : 4% 5% 4% 8%;
}
.compMain.rc_main .imageTitle img {
	width: 100%;
	max-width : 548px;
}
.compMain.co_main .imageTitle img {
	width: 100%;
	max-width : 548px;
}
h2.normalTitleLeft {
	font-size: 32px;
	color: #000000;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.recTitle {
	font-size: 34px;
	color: #000000;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.leftWord {
	display: inline-block;
	font-weight: 400;
	line-height: 1.0;
	font-size: 18px;
	color: #ffffff;
	background-color: #000000;
	padding: 6px 12px 8px 12px;
	margin-top: 32px;
}
.pdl20 {
	padding-left : 20px;
}
.pdr20 {
	padding-right : 20px;
}
.rc_main .imageTitle {
	margin-top : -30px;
}
.co_main .imageTitle {
	margin-top : -10px;
}
.compMain .word {
	font-size: 1rem;
	color : #000000;
	font-weight : 500;
	line-height: 2.0;
}
@media only screen and (max-width: 1080px) {
	.compMain {
		height : 42vw;
	}
}
@media only screen and (max-width: 640px) {
	.compMain {
		height : auto;
		box-sizing: border-box;
	}
	.compMain.co_main {
		margin-left : auto;
		padding : 8%;
	}
	.compMain.rc_main {
		margin-left : auto;
		padding : 8%;
	}
	.compImg {
		position: relative;
		top: 0;
		transform: translateY(0%);
		-webkit- transform: translateY(0%);
		width: 100%;
		z-index: 2;
		font-size : 0;
	}
}
@media only screen and (max-width: 640px) {
	.blueback_l .normalWrap {
		padding: 0 0 0 10vw;
	}
	.compImg.rc_img {
		width: 100%;
	}
	.compImg.co_img {
		width: 100%;
	}
	.compMain.rc_main {
		width: 100%;
	}
	.compMain.co_main {
		width: 100%;
	}
	.compImg img {
		height : 62vw;
	}
	.compMain .imageTitle img {
		width: 80%;
		max-width: 548px;
	}
	.rc_main .imageTitle {
		text-align : center;
		margin-top: -20vw;
	}
	.co_main .imageTitle {
		text-align : center;
		margin-top: -20vw;
	}
	.compMain.rc_main .word {
		font-size : calc(0.94vw + 10.0px);
		line-height: 1.8;
		padding-top : 4vw;
		width : 100%;
	}
	.compMain.co_main .word {
		font-size : calc(0.94vw + 10.0px);
		line-height: 1.8;
		padding-top : 4vw;
	}
}

.centerMark {
	text-align: center;
}
.centerMark .mark01 {
	width : 25vw;
	max-width : 144px;
}
.centerMark .mark02 {
	width : 22vw;
	max-width : 109px;
}
.centerMark .mark03 {
	width : 33vw;
	max-width : 222px;
}

/* 中古車詳細 */

.dateTitle {
	color : #737373;
	font-size : 1rem;
	font-weight : 400;
	line-height : 1.4;
}
.detailTitle {
	color : #000000;
	font-weight : 500;
	line-height : 1.4;
	position : relative;
	padding-bottom : 8px;
}
.carTitle {
	color : #1c1c1c;
	font-size : 1.4em;
	font-weight : 500;
	line-height : 1.8;
}
.blackBack {
	background-color : #000000;
}
.detailWrap {
	width : 100%;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.detailWrap .photoWrap {
	width : 100%;
}
.detailWrap .photoMain {
	position : relative;
}
.detailWrap .photoMain img {
	width : 100%;
	height : 56vw;
	max-height : 764px;
	object-fit: cover;
}
.detailWrap .photoThumb {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
    list-style: none;
}
.detailWrap .photoThumb li {
	width : 24%;
	margin-bottom : 10px;
}
.detailWrap .photoThumb li.thumbTrans {
	width : 24%;
	height : 1px;
	font-size : 0;
}
.detailWrap .photoThumb img {
	width : 100%;
	max-width : 296px;
	height : 14vw;
	max-height : 184px;
	object-fit: cover;
}
.sizeTable {
	width : 100%;
	font-size : 1.2rem;
	color : #1a1a1a;
	font-weight : 400;
	margin-bottom : 4px;
	display : -webkit-flex;
	display : flex;
}
.sizeTable dt {
	width : 40%;
	text-align : center;
	font-size : 1rem;
	color : #ffffff;
	background-color : #535353;
	position : relative;
	padding : 16px 0;
}
.sizeTable dd {
	width : calc(50% - 4px);
	text-align : left;
	font-size : 1rem;
	color : #000000;
	background-color : #dbdbdb;
	padding : 16px 5%;
	border-left : 4px solid #f1f1f1;
}
.baseInner {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.baseTable {
	width : 49%;
	font-size : 1.2rem;
	color : #1a1a1a;
	margin-bottom : 8px;
	display : table;
}
.baseTable dt {
	display : table-cell;
	vertical-align: top;
	width : 35%;
	text-align : left;
	background-color : #eeeeee;
	position : relative;
	padding : 8px 0 8px 16px;
	font-weight : 500;
}
.baseTable dd {
	display : table-cell;
	vertical-align: top;
	width : 65%;
	text-align : left;
	background-color : #ffffff;
	padding : 8px 0 8px 20px;
	font-weight : 400;
}
.itemInner {
	font-size : 1.2rem;
	color : #1a1a1a;
	font-weight : 400;
}
.photoThumb > li {
    width: 22.5%;
}
.photoThumb > li > a {
    display: block;
    position: relative;
    padding-top: 75%;
	opacity : 0.7;
	transition: 0.3s;
}
.photoThumb > li > a.active {
    opacity : 1.0;
}
.photoThumb > li > a > img {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
	height : 15vw;
	max-height : 120px;
	object-fit: cover;
}
.photoThumb > li > a > span {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
	height : 15vw;
	max-height : 120px;
	display : block;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.bx-wrapper {
    background-color: transparent;
    margin: 0px auto 20px auto !important;
    border: none;
    box-shadow: none;
}
.bx-wrapper img {
    display: block;
    width: 100%;
}
.detailMore {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	border-top : 1px solid #afafaf;
	border-bottom : 1px solid #afafaf;
	padding : 16px 0;
}
.detailMore div {
	width : 33.3%;
}
.detailMore a {
	font-size : 1rem;
	font-weight : 500;
	color : #797979;
	text-decoration: underline;
	transition: 0.3s;
}
.detailMore a:hover {
	color : #000000;
}
.detailMore a span {
	display : inline;
}
@media only screen and (max-width: 1080px) {
	.detailTitle {
		font-size : calc(2.37vw + 10.4px);
	}
	.detailWrap .sizeWrap {
		padding : 0 2.5vw 1.2vw 0;
	}
	.detailPrice p {
		font-size : calc(1.05vw + 12.7px);
	}
	.detailPrice p br {
		display : block;
	}
	.detailPrice p strong {
		font-size : calc(3.16vw + 13.9px);
	}
	.detailWrap .sizeTable {
		font-size : calc(0.66vw + 10.9px);
	}
	.baseTable {
		font-size : calc(0.66vw + 10.9px);
	}
	.itemInner {
		font-size : calc(0.66vw + 10.9px);
	}
}
@media only screen and (max-width: 640px) {
	.detailWrap {
		display : block;
	}
	.detailWrap .photoWrap {
		width : 100%;
		padding : 0;
		box-sizing: border-box;
	}
	.detailWrap .sizeWrap {
		width : 100%;
		padding : 0 2vw 8vw 2vw;
		box-sizing: border-box;
	}
	.detailWrap .photoMain img {
		height : 64vw;
	}
	.detailWrap .photoThumb img {
		height : 12vw;
	}
}
@media only screen and (max-width: 480px) {
	.detailWrap .sizeTable {
		display : block;
		margin-bottom : 16px;
	}
	.detailMore a span {
		display : none;
	}
	.baseTable dt {
		width : 40%;
		padding : 6px 0 6px 1.6vw;
		font-weight : 500;
	}
	.baseTable dd {
		width : 60%;
		padding : 6px 0 6px 1.6vw;
	}
}

/* お問い合わせ */

.narrowWrap {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	padding: 0 8px;
	box-sizing: border-box;
}

.contactWrap  {
	width : calc(100% - 20px);
	max-width : 720px;
	margin : 0px auto 0 auto;
	padding : 0 10px;
	background-color : #ffffff;
}
.contactWrap h2 {
	font-size : 32px;
	color : #000000;
	line-height ; 1.8;
	font-weight : 700;
	margin-bottom : 24px;
	border-bottom : 1px solid #000000;
}
.contactForm {
	width : 100%;
	max-width : 1100px;
	margin : 0 auto;
}
.contactForm .precomm {
	font-size : 0.9rem;
	color : #1a1a1a;
	font-weight : 300;
	margin-bottom : 24px;
	padding-bottom : 8px;
	border-bottom : 2px solid #858585;
}
.progress .step {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.progress .step li {
	width : 29%;
	font-size : 1rem;
	color : #014886;
	background-color : #ffffff;
	border : 1px solid #014886;
	text-align : center;
	padding : 20px 0 24px 0;
	position : relative;
}
.progress .step li.n_arrow::after {
	content : "";
	position : absolute;
	top : 30px;
	right : -48px;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	border-top: 2px solid #014886;
	border-right: 2px solid #014886;
	transform: rotate(45deg);
}
.progress .step li span {
	font-weight : bold;
}
.progress .step li.is-current {
	color : #ffffff;
	background-color : #014886;
}
.contactForm dl {
	display : table;
	width : 100%;
	border-collapse: collapse;
	table-layout : fixed;
	border-bottom : 2px solid #e2e2e2;
	word-wrap: break-word;
}
.contactForm dl.first {
	border-top : 2px solid #e2e2e2;
}
.contactForm dt {
	display : table-cell;
	vertical-align: top;
	font-size : 1rem;
	color : #014886;
	font-weight : 500;
	width : 20%;
	padding : 30px 24px 18px 0;
	text-align : left;
}
.contactForm dt p {
	position : relative;
}
.contactForm dd {
	display : table-cell;
	vertical-align: top;
	font-size : 1rem;
	color : #014886;
	font-weight : 400;
	width : 80%;
	padding : 24px 0 24px 24px;
	word-wrap: break-word;
}
.contactForm dd select {
	font-size : 1rem;
	color : #1c1c1c;
	font-weight : 400;
	padding : 7px 0 7px 8px;
	border-style : none;
	background-color : #f6f6f7;
	border-radius : 4px;
}
.contactForm dd option {
	font-size : 1rem;
	color : #1c1c1c;
	font-weight : 400;
	background-color : #f6f6f7;
}
.contactForm dd label {
	display : inline-block;
	font-size : 0.85rem;
	width : 10em;
	color : #014886;
	border : 1px solid #aaaaaa;
	border-radius : 6px;
	padding : 8px;
	margin-right : 10px;
	margin-bottom : 6px;
}
.contactForm dd label input {
	display : inline-block;
	margin-right : 10px;
}
.contactForm dt span  {
	position : absolute;
	top : 0px;
	right : 10px;
	display : inline-block;
	padding : 4px 16px 6px 16px;
	font-size : 1rem;
	color : #ffffff;
	font-weight : bold;
	line-height : 1.0;
	background-color : #ff0000;
	border-radius : 6px;
}
.privWrap  {
	margin-top : 20px;
	background-color : #ffffff;
	padding : 30px;
	font-size : 16px;
	width : 100%;
	box-sizing: border-box;
}
.privWrap h3 {
	font-size : 24px;
	font-weight : 700;
	color : #000000;
	text-align : center;
	margin-bottom : 36px;
}
.privWrap h4 {
	font-size : 1.15rem;
	font-weight : 700;
	color : #000000;
	margin-top : 24px;
}
.privWrap p {
	font-size : 1rem;
	font-weight : 400;
	color : #000000;
}
.privWrap dt {
	display : inline-block;
	vertical-align: top;
	width : 20px;
	font-size : 1rem;
	font-weight : 400;
	color : #000000;
}
.privWrap dd {
	display : inline-block;
	vertical-align: top;
	width : calc(100% - 30px);
	font-size : 1rem;
	font-weight : 400;
	color : #000000;
}
.progress .step span {
	display : inline-block;;
	margin-right : 12px;
}
@media only screen and (max-width: 1200px) {
	.contactWrap h2 {
		font-size : calc(2.05vw + 11.4px);
		margin-bottom : 3.4vw;
	}
	.contactWrap p {
		font-size : calc(0.34vw + 11.9px);
	}
	.contactWrap p strong {
		font-size : calc(0.91vw + 13.1px);
	}
	.contactWrap p a {
		font-size : calc(0.68vw + 11.8px);
	}
	.progress .step li.n_arrow::after {
		right : calc(-3vw - 10px);
	}
}
@media only screen and (max-width: 860px) {
	.contactForm dt span  {
		top : 0px;
		right : -14px;
		font-size : 13px;
	}
}
@media only screen and (max-width: 800px) {
	.contactWrap  {
		width: calc(100% - 8vw);
		padding : 20px 4vw;
	}
	.contactWrap h3 {
		padding-bottom : 12px;
		margin-bottom : 40px;
	}
	.contactWrap h3 strong {
		font-size : 28px;
		padding-top : 6px;
	}
	.contactWrap .comm p {
		font-size : 18px;
		color : #000000;
		line-height : 1.8;
	}
	.compBottom  {
		margin-bottom : 12vw;
	}
	.contactForm dt span  {
		right : 6px;
	}
	.contactWrap dt {
		padding : 30px 50px 10px 0;
	}
	.contactForm dl {
		display : block;
	}
	.contactForm dl.first {
		border-top : 1px solid #000000;
	}
	.contactForm dt {
		display : block;
		width : 100%;
		padding : 10px 20px;
		border-left : 1px solid #000000;
		border-right : 1px solid #000000;
		text-align : left;
		box-sizing: border-box;
	}
	.contactForm dd {
		display : block;
		width : 100%;
		padding : 10px 20px;
		border-left : 1px solid #000000;
		border-right : 1px solid #000000;
		box-sizing: border-box;
	}
	.privWrap  {
		padding : 3vw;
		font-size : 1rem;
	}
}
@media only screen and (max-width: 680px) {
	.contactWrap dl {
		display : block;
		width : 100%;
		margin-bottom : 0px;
	}
	.contactWrap dt {
		display : block;
		width : calc(100% - 20px);
		padding : 10px;
		border-top : 1px solid #f9f9f9;
		text-align : left;
	}
	.contactWrap dd {
		display : block;
		width : calc(100% - 22px);
		padding : 10px;
		border-bottom : 1px solid #e5e8ed;
	}
	.contactForm dt span  {
		top : -3px;
	}
	.progress .step span {
		display : block;
		margin-right : 0;
	}
}
@media only screen and (max-width: 480px) {
	.contactWrap h3 {
		padding-bottom : 12px;
		margin-bottom : 32px;
	}
	.contactWrap h3 strong {
		font-size : 24px;
		padding-top : 6px;
	}
	.privWrap h3 {
		padding-bottom : 12px;
		margin-bottom : 32px;
	}
	.privWrap h3 strong {
		font-size : 24px;
		padding-top : 6px;
	}
	.contactWrap .comm p {
		font-size : 16px;
		color : #000000;
		line-height : 1.8;
	}
	.compBottom  {
		margin-bottom : 16vw;
	}
	.contactForm dt {
		padding : 10px 3vw;
	}
	.contactForm dd {
		padding : 10px 3vw;
	}
	.contactWrap dd div label {
		display : block;
		font-size : 13px;
		margin : 8px 0;;
		padding : 8px;
	}
	.contactForm dd label {
		margin : 8px 2px 10px 2px;
		padding : 8px 6px;
	}
	.progress .step li.n_arrow::after {
		right : calc(-3vw - 12px);
	}
}

/*お問い合わせ*/

.formTable option  {
	font-size : 14px;
	padding : 3px;
}
.formTable select  {
	font-size : 14px;
	padding : 3px;
}
.formBtn  {
	margin-bottom : 80px;
}
.form-field {
	border-style : none;
	background: #f6f6f8;
	color : #1a1a1a;
	padding : 8px 16px;
	font-size : 16px;
	width: calc(90% - 80px);
	border-radius : 6px;
}
input.form-field {
	max-width : 350px;
}
.form-name {
	border: 1px solid #ababab;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 16px;
	width: calc(70% - 80px);
	max-width: 300px;
}
.form-long {
	border: 1px solid #ababab;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 16px;
	width: calc(80% - 80px);
}
.inputarea1  {
	border: 1px solid #ababab;
	color : #333333;
	padding : 6px;
	font-size : 16px;
}
span.hissu {
	display : inline-block;
	vertical-align: top;
	padding-left : 8px;
	padding-top : 6px;
	font-size  : 14px;
	color : #fe0000;
}
.w120   {
	width: 120px !important;
}
.w240   {
	width: 240px !important;
}
#comment  {
	height : 110px;
	line-height : 22px;
}
.uploadArea  {
	border : 1px solid #cccccc;
	display : inline-block;
}
.uploadArea p.ttl {
	font-size : 13px;
	color : #ffffff;
	background-color : #0eb1dc;
	padding : 4px;
	display : inline-block;
}
.uploadArea div {
	padding : 8px 10px;
}
.thanks  { margin-bottom : 80px; }
.thanks h2  {
	font-size : 18px;
	line-height : 36px;
	text-align : center;
	color : #000000;
}
.thanks p  {
	width : 100%;
	max-width : 530px;
	margin : 10px auto;
	color : #000000;
}
a.hinbanbutton  {
	display : inline-block;
	padding : 8px 14px;
	background-color : #0eb1dc;
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}
a.hinbanbutton:hover  {
	background-color : #27caf3;
	color : #ffffaa;
}

.form-field:focus {
   background: #fff;
   color: #725129;
}
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
}
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
}
.submit-container {
	width: 240px;
	text-align: center;
	position : relative;
}
.submit-button {
	width: 240px;
	color: #FFF;
	border : none;
	padding: 16px 0 18px 0;
	font-size : 16px;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background-color : #bfbfbf;
	position : relative;
}
.submit-container::after {
	content : "";
	position : absolute;
	top : 23px;
	right : 16px;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg);
}
.submit-button:hover  {
	opacity : 0.7;
}
.submit-button2 {
	width: 304px;
	color: #FFF;
	border : none;
	padding: 20px 0 24px 0;
	font-size : 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background : url(../img/subm_back2.png) no-repeat 0 0;
}
.submit-button2:hover  {
	opacity : 0.7;
}
.contactTop dl {
	width : 100%;
}
.contactTop dl dt {
	font-size : 32px;
	font-weight : 600;
	color : #1a1a1a;
}
.contactTop dl dt::after {
	content : "";
	display : block;
	border-left : 2px solid #1a1a1a;
	width : 1px;
	height : 60px;
	margin : 20px auto;
}
.contactTop dl dd {
	font-size : 1rem;
	font-weight : 400;
	color : #1a1a1a;
	line-height : 1.8;
}
.contactTop dl dd a {
	color : #00b6ef;
	transition: 0.3s;
}
.contactTop dl dd a:hover {
	color : #0000ff;
}
.nallowWrap {
	width : 100%;
	max-width : 800px;
	padding : 0 10px;
	box-sizing: border-box;
	margin : 80px auto;
}
.telContactTitle {
	font-size : 1.3rem;
	font-weight : 600;
	color : #1a1a1a;
}
.topTelWrap a {
	font-size : 80px;
	font-weight : bold;
	color : #1a1a1a;
}
.topTelWrap span {
	display : block;
	font-size : 1rem;
	font-weight : 300;
	color : #1a1a1a;
}
.pp-container  {
	margin : 32px 0 12px 0;
	text-align : left;
	color : #000000;
	background-color : #f0f0f0;
	padding : 16px;
}
.pp-container h4 {
	font-size : 16px;
	text-align : center;
	margin-bottom : 16px;
	color : #000000;
}
.pp-container p {
	font-size : 14px;
	text-align : left;
	margin-bottom : 16px;
	color : #000000;
}
.pp-container a {
	display : block;
	font-size : 13px;
	text-align : left;
}
.pp-check  {
	text-align : center;
	font-size : 16px;
	font-weight : 500;
	color : #000000;
	margin : 0 20px 10px 0;
}
.pp-check input[type=checkbox] {
	width:			20px;
	height:			20px;
	-moz-transform:		scale(1.3);
	-webkit-transform:	scale(1.3);
	transform:		scale(1.3);
}
.pp-check label a {
	color : #000000;
	text-decoration: underline;
	text-decoration-color : #6d6d6d;
}
.pp-check span  {
	display : inline-block;
	vertical-align : top;
	margin-left : 6px;
	position : relative;
	top : -1px;
}
.errorText  {
	color : #ff0000;
	font-size : 13px;
}
.sendmes    {
	text-align : center;
	line-height : 1.6;
	margin-bottom : 120px;
}
.errorText  {
	font-size : 12px !important;
	color : #ff0000 !important;
}
.formLeft  {
	display : inline-block;
	vertical-align : top;
}
.formRight  {
	display : inline-block;
	font-size : 12px;
	color : #4b4b4b;
	padding-left : 24px;
}
.formRight a {
	display : inline-block;
	padding : 4px 0;
	color : #4b4b4b;
}
.formRight dt {
	display : inline-block;
	color : #4b4b4b;
	font-size : 12px;
	line-height : 20px;
	padding : 0px 0;
	width : 18px;
	text-align : left;
	vertical-align : top;
}
.formRight dd {
	display : inline-block;
	color : #4b4b4b;
	font-size : 12px;
	line-height : 20px;
	padding : 0px 0;
	width : calc(100% - 18px);
	text-align : left;
	vertical-align : top;
}
@media only screen and (max-width: 960px) {
	.nallowWrap {
		margin : 8vw auto;
	}
	.topTelWrap a {
		font-size : calc(5.09vw + 21.4px);
	}
	.contactTop dl {
		display : block;
		width : 100%;
	}
	.contactTop dl dt {
		display : block;
		width : 100%;
		padding : 0 0 1.5vw 0;
		border-right : none;
		border-bottom : 1px solid #000000;
		font-size : 1.4rem;
		
	}
	.contactTop dl dd {
		display : block;
		text-align : left;
		width : 100%;
		padding : 1.5vw 0 0 0;
	}
}
@media only screen and (max-width: 480px) {
	.form-field {
		padding : 5px;
		font-size : 14px;
		width: 96%;
	}
	.form-name {
		padding : 5px;
		font-size : 14px;
		width: calc(88% - 40px);
	}
	.form-long {
		padding : 5px;
		font-size : 14px;
		width: calc(92% - 40px);
	}
	.inputarea1  {
		padding : 5px;
		font-size : 14px;
	}
	.pp-check  {
		text-align : center;
		font-size : 14px;
		font-weight : 500;
		color : #000000;
		margin : 30px 0 40px 0;
	}
	.pp-check input[type=checkbox] {
		width:			20px;
		height:			20px;
		-moz-transform:		scale(1.2);
		-webkit-transform:	scale(1.2);
		transform:		scale(1.2);
	}
	.submit-container {
		width: 100%;
		text-align: center;
		position : relative;
	}
	.submit-button {
		width: 94%;
		padding: 14px 0 16px 0;
		font-size : 16px;
	}
}

/* フッター包括---------------------------*/
.map {
	font-size : 0;
}
footer {
	position: relative;
	z-index: 3;
	background-color: #000000;
}
.mgt0 {
	margin-top: 0 !important;
	padding: 0 !important;
}
.footMenu ul {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
}
.footMenu ul li {
	margin : 0 20px;
}
.footMenu ul li a {
	color : #ffffff;
	transition: 0.3s;
}
.footMenu ul li a:hover {
	color : #ffffaa;
}
.footMenu ul li a {
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	transition: .3s;
	color: #ffffff;
}
.footMenu ul li a::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	transition: .5s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #ffffff;
}
.footMenu ul li a:hover {
	color : #e1e1e1;
}
.footMenu ul li a:hover::after {
	width: 60%;
}
.footlogo img {
	width : 45%;
	max-width : 391px;
}
.footSns {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
}
.footSns a {
	display : inline-block;
	margin : 0 12px;
}
.footSns img {
	height : 22px;
}
.copyright {
	text-align: center;
	font-size: 1rem;
	font-weight : 300;
	color: #ffffff;
}
@media only screen and (max-width: 800px) {
	.footMenu ul li {
		margin : 0 10px;
	}
}
@media only screen and (max-width: 640px) {
	.footMenu  {
		display : none;
	}
	.footSns {
		padding-top : 60px;
		background-color : #000000;
		margin-top : 0 !important;
	}
}



.wrapContact {
    cursor: pointer;
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
	width : 279px;
	height : 69px;
	font-size : 0;
	line-height : 0;
	z-index : 999;
}
.wrapContact {
	cursor: pointer;
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 279px;
	height: 69px;
	font-size: 0;
	line-height: 0;
	z-index: 999;
}
.footIns {
	position : relative;
	top : -4px;
}
.footEig br {
	display : none;
}
@media only screen and (max-width: 1060px) {
	.footMenu a {
		font-size: 13px;
		padding: 0 14px;
	}
}
@media only screen and (max-width: 640px) {
	.footlogo img {
		width : 40%;
		max-width : 422px;
	}
	.copyright {
		font-size : calc(1.25vw + 6.0px);
		padding: 6vw 0 12vw 0;
	}
}

/* 管理画面フッター */
#admin_contener {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.admin_footer {
	margin-top: auto;
	background-color: #474747;
	position: relative;
}

.admin_footer .footerCopy {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
	color: #ffffff;
	font-size: 12px;
	padding: 32px 0;
}

.admin_footer .safety {
	position: absolute;
	top: 4px;
	left: 4px;
}

.wrapPageTopPc  {
    position: fixed;
    bottom : 20px;
    right: -80px;
    z-index: 99;
	text-align : center;
    width : 34px;
	cursor : pointer;
	transition: 0.5s;
}
.wrapPageTopPc.active  {
    right: 10px;
}
.wrapPageTopPc p {
    text-align : center;
	transition: 0.4s;
}
.wrapPageTopPc p:hover {
	opacity : 0.7;
}

.bshadow {
	box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.cshadow {
	border: 3px solid #ffffff;
	box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.servWrap00 {
	width: 960px;
	margin: 0 auto;
}

.servWrap01 {
	width: 1080px;
	margin: 0 auto;
}