@charset "UTF-8";

/* =========================================================================

	PC Styling

============================================================================ */
/* --------------------------------------------------------------------- */
/* トップ (./) */
/* --------------------------------------------------------------------- */

/* banner */
#HEADER.top .banner {
	position: absolute;
	z-index: 9900;
	bottom: 55px;
	left: 72px;
}





@media screen and (max-width: 1020px) {
	#HEADER.top .banner {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	#HEADER.top .banner {
		display: none;
	}
}

#HEADER.top {
	height: 100%;
}
#HEADER.top #globalNav {
	z-index: 9999;
}
#HEADER.top .copybox {
	position: absolute;
	top: 135px;
	right: 13.9vw;
	z-index: 9000;
}
#HEADER.top .copybox .mainCopy img {
	max-width: 220px;
	height: auto;
}
#HEADER.top .copybox .sub {
	position: absolute;
	top:0;
	right: 246px;
}
#HEADER.top .copybox .sub img {
	max-width: 150px;
	position: relative;
}
#HEADER.top .copybox h2 {
	position: relative;
}
#HEADER.top .scrollTo a {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	width: 140px;
	display: block;
	color: rgba(250,250,250,0.7);
	text-align: center;
	margin: 0 auto;
	z-index: 9000;
	font-size: 1.2rem;
	border: 1px solid rgba(250,250,250,0.4);
	padding: 15px;
	border-radius: 2px;
	text-decoration: none;
}
#HEADER.top .scrollTo a:hover {
	color: #333;
	border: 1px solid #fff;
	background: #fff;
}

/* halfBlock */
.halfBlock {
	display: block;
}
.halfBlock ul {
	list-style: none;
	display: block;
	border-bottom: 1px solid #d8d8d7;
}
.halfBlock ul li a {
	width: 100%;
	display: block;
}
.halfBlock ul li a div.txtBlock,
.halfBlock ul li a figure {
	width: 48%;
	padding-left:1%;
	padding-right:1%;
	height: 350px;
}
.halfBlock ul li a div.txtBlock,
.halfBlock ul li:nth-child(2n) a figure {
	float: left;
}
.halfBlock ul li a figure,
.halfBlock ul li:nth-child(2n) a div.txtBlock {
	float: right;
}
.halfBlock ul li a div.txtBlock {
	display: table;
	text-align: center;
	background-color:#F3F3F3;
}
.halfBlock ul li a div.txtBlock div {
	display: table-cell;
	vertical-align: middle;
}
.halfBlock ul li a div.txtBlock div h2 {
	font-size: 3.6rem;
	margin-bottom: 18px;
}
.halfBlock ul li a div.txtBlock div .txt {
	font-size: 1.4rem;
	line-height: 1.714;
	margin-bottom: 20px;
}
.halfBlock ul li a div.txtBlock div .more {
	width: 198px;
	text-align: center;
	margin: 0 auto;
	padding: 18px 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1;
	background: #891c1c;
	display: block;
	position: relative;
	border-radius: 2px;
}
.halfBlock ul li a div.txtBlock div .more::after {
	content: "";
	width: 20px;
	height: 7px;
	background: url(../images/icon_link_01.png) no-repeat left top;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	display: block;
}
.halfBlock ul li a:hover div.txtBlock div .more {
	background: #891c1c;
}
.halfBlock ul li a:hover div.txtBlock div .more::after {
	right: 10px;
}
.halfBlock ul li a figure {
	pointer-events: none;
	-webkit-filter: grayscale(80%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(80%);
}
.halfBlock ul li a:hover figure {
	-webkit-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(0%);
}
.halfBlock ul li.l1 figure {
	background: url(../img/half_01.jpg) no-repeat center center / cover;
}
.halfBlock ul li.l2 figure {
	background: url(../img/half_02.jpg) no-repeat center center / cover;
}

/* 3links */
.linkBlock {
	background: url(../images/bg3.gif) repeat left top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2e2e2;
	padding: 60px 60px;
}
.linkBlockBody {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
}
.linkBlock ul {
	width: 100%;
	list-style: none;
	display: block;
}
.linkBlock ul li {
	float: left;
	width: 31.3%;
}
.linkBlock ul li:nth-child(2) {
	margin: 0 3.05%;
}
.linkBlock ul li a {
	text-decoration: none;
	display: block;
	position: relative;
}
.linkBlock ul li a figure img {
	width: 100%;
	height: auto;
}
.linkBlock ul li a:hover h2 {
	color: #891c1c;
}
.linkBlock ul li a h2 {
	font-size: 2rem;
	margin-top: 15px;
}
.linkBlock ul li a span {
	font-size: 1.2rem;
	position: absolute;
	right: 0;
	color: #cacac9;
}

/* banner */
.bannerBlock {
	padding-top: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e2e1e1;
}
.bannerBlock ul {
	list-style: none;
}
.bannerBlock .sp-image-container {
	border: 3px solid #f4f4f4;
	display: block;
	border-radius: 4px;
}
.bannerBlock .sp-mask {
	padding-bottom: 6px;
}
.bannerBlock .sp-button {
	background: url(../img/banner_icon_01.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	border: 0 !important;
}
.bannerBlock .sp-selected-button {
	background: url(../img/banner_icon_02.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	border: 0 !important;
}


/* socialLink */
.home_snsLinks {
	width: 100%;
	display: block;
	text-align: center;
	margin: 60px 0 80px 0;
}
.home_snsLinks li {
	display: inline-block;
}
.home_snsLinks li:first-child {
	margin-right: 3%;
}
.home_snsLinks li.fb {
	background: url(../img/sns_banner_01_on.jpg) no-repeat center top / cover;
}
.home_snsLinks li:hover img {
	opacity: 0;
}
@media screen and (max-width: 750px) {
	.home_snsLinks {
		width: auto;
		margin: 0 20px 40px 20px;
		text-align: center;
	}
	.home_snsLinks li {
		width: 80%;
		display: block;
		margin: 0 auto 10px auto;
		text-align: center;
		display: block;
	}
	.home_snsLinks li:first-child {
		margin-right: auto;
	}
	.home_snsLinks li:last-child {
		margin-bottom: 0;
	}
	.home_snsLinks li:hover img {
		opacity: 1;
	}
	.home_snsLinks li a {
		display: block;
	}
	.home_snsLinks li img {
		width: 100%;
	}
}


/* --------------------------------------------------------------------- */
/* TOP SLIDER */
/* --------------------------------------------------------------------- */

body.top {
	overflow: hidden;
}
.top #mainVisual,
.top #mainVisual2 {
	position: relative;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	z-index: 0;
}
.top #mainVisual:after,
.top #mainVisual2::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.top #mainVisual *,
.top #mainVisual2 * {
	max-width: inherit;
}
.top #mainVisual ul,
.top #mainVisual2 ul {
	width: 100%;
	height: 100%;
	list-style: none;
	display: block;
}
.top #mainVisual img.slideImg,
.top #mainVisual2 img.slideImg {
	height: 100%;
	width: auto;
	text-align: center;
	margin: 0 auto;
}
.top #mainVisual ul li img.slideImg,
.top #mainVisual2 ul li img.slideImg  {
   display: block;
}
@-webkit-keyframes scad {
   from {
      -webkit-transform:scale(1.15,1.15);
      transform:scale(1.15,1.15);
   }
   to {
      -webkit-transform:scale(1,1);
      transform:scale(1,1);
   }
}
@-moz-keyframes scad {
   from {
      -moz-transform:scale(1.15,1.15);
      transform:scale(1.15,1.15);
   }
   to {
      -moz-transform:scale(1,1);
      transform:scale(1,1);
   }
}
@keyframes scad {
   from {
      transform:scale(1.15,1.15);
   }
   to {
      transform:scale(1,1);
   }
}

/* pagenation */
.top #mainVisual .pagination {
	width: 11px;
	height: auto;
	position: fixed;
	top: 0;
	right: 30px;
	display: none !important;
	z-index: 9900;
	list-style: none;
}
.top #mainVisual .pagination li {
	width: 11px;
	height: 11px;
	margin-bottom: 7px;
}
.top #mainVisual .pagination li a {
	width: 11px;
	height: 11px;
	border: 1px solid #454545;
	border-radius: 100%;
	display: block;
	overflow: hidden;
	text-indent: 100%;
}
.top #mainVisual .pagination li:last-child a {
	margin-bottom: 0;
}
.top #mainVisual .pagination li.current a {
	border: none;
	background: #454545;
	position: relative;
	left: 1px;
}




/* pagenav */
nav.entryNav {
	margin-top: 30px;
}
nav.entryNav a {
	font-size: 1.2rem;
}
nav.entryNav .prev {
	float: left;
	padding-left: 15px;
	background: url(../../common/images/icon_02.gif) no-repeat left center;
}
nav.entryNav .next {
	float: right;
	padding-right: 15px;
	background: url(../../common/images/icon_01.gif) no-repeat right center;
}
nav.entryNav a:hover {
	color: #9b2020;
}




 
/*----------------------------------------------------
    .demo01
----------------------------------------------------*/

.demo01{
	font-size:125%;
	margin-top: 0px;
	width:80%
}


.demo01 th  {
	padding: 20px;
	width: 30%;
	text-align: left;
	background-color: #FBF7E6;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	line-height:22px;
}


.demo01 td  {
	padding: 20px;
	background-color: #FDFBF2;
	border-bottom: 1px solid #FFFFFF;
		line-height:22px;
}

.demo01  a,a:hover, a:active{
	text-decoration:underline;
}





/* slider */
#itemSlide {
	text-align: right !important;
}
#itemSlide * {
	cursor: default !important;
}
#itemSlide .sp-slides-container{
	display: block;
}
#itemSlide .sp-thumbnail-container {
	border: 1px solid #e5e5e5;
	border-radius: 2px;
}
#itemSlide .sp-mask {
	border: 1px solid #e5e5e5;
	border-radius: 2px;
}
#itemSlide .sp-thumbnail-container img {
	border: 1px solid #e5e5e5;
}
#itemSlide .sp-thumbnails-container {
	width: 100% !important;
	text-align: right !important;
}
#itemSlide .sp-thumbnail-container {
	margin-left: 8px !important; 
}
#itemSlide .sp-thumbnails {
	margin-top: 10px !important;
	display: inline-block !important;
	text-align: right !important;
	position: relative !important;
	right: 0 !important;
}
#itemSlide .sp-bottom-thumbnails, .sp-top-thumbnails {
	right: 0 !important;
	left: inherit !important;
	margin: 0 !important;
}





/* --------------------------------------------------------------------- */
/* GALA東京マンパワーについて
/* --------------------------------------------------------------------- */

.historyArea {
	text-align: center;
	padding-top: 82px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}
.historyArea .minCopy,
.historyArea h2,
.historyArea .txt {
	position: relative;
	z-index: 10;
}
.historyArea .minCopy {
	font-size: 1.2rem;
	border-bottom: 1px solid #979796;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.historyArea h2 {
	font-size: 3.8rem;
	line-height: 1.368;
	color: #636b30;
	margin-bottom: 15px;
}
.historyArea .txt {
	font-size: 1.5rem;
	line-height: 2;
	margin-bottom: 20px;
}
.historyArea .txt:last-child {
	margin-bottom: 0;
}
.historyArea .obj1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 556px;
	height: 302px;
	background: url(../../about/images/obj_01.gif) no-repeat left top;
}
.historyArea .obj2 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 628px;
	height: 574px;
	background: url(../../about/images/obj_02.gif) no-repeat left top;
}

/* deriveArea */
.deriveArea {
	background: #222222;
	padding: 2px;
}
.deriveArea .fx {
	display: flex;
}
.deriveArea .fx section {
	width: 100%;
}
.deriveArea section {
	background: #fff;
	border: 1px solid #222;
	width: auto;
	height: 270px;
	text-align: center;
}
.deriveArea section a {
	width: 100%;
	display: table;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
}
.deriveArea section a div {
	height: 270px;
	display: table-cell;
	vertical-align: middle;
}
.deriveArea section a div h3 {
	font-size: 3.4rem;
	margin-bottom: 20px;
}
.deriveArea section a div p {
	font-size: 1.4rem;
}
.deriveArea section a div .more {
	width: 196px;
	display: block;
	margin: 26px auto 0 auto;
	padding: 15px 0;
	font-size: 1.3rem;
	border: 1px solid rgba(250,250,250,0.7);
	position: relative;
	border-radius: 2px;
	font-weight: bold;
}
.deriveArea section a:hover div .more {
	border: 1px solid #fff;
	background: #fff;
	color: #555;
}
.deriveArea section a div .more::after {
	content: "";
	width: 20px;
	height: 7px;
	background: url(../images/icon_link_01.png) no-repeat left top;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
}
.deriveArea section a div * {
	color: #fff;
}
.deriveArea section:hover {
	border: 1px solid #fff;
}
.deriveArea section.d1 {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../system/img/link01.jpg);
	background-size: cover;
}
.deriveArea section.d2 {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../system/img/link02.jpg);
	background-size: cover;
}
.deriveArea section.d3 {
	background: url(../system/img/link03.jpg) no-repeat center center;
	background-size: cover;
}
.deriveArea section.d4 {
	background: url(../system/img/link04.jpg) no-repeat center center;
	background-size: cover;
}

.deriveArea section.d5 {
	background: url(../about/img/link01.jpg) no-repeat center center;
	background-size: cover;
}

.deriveArea section.d6 {
	background: url(../about/img/link02.jpg) no-repeat center center;
	background-size: cover;
}

.deriveArea section.d7 {
	background: url(../about/img/link03.jpg) no-repeat center center;
	background-size: cover;
}




.visual {
	margin: 40px 60px 55px 60px;
	text-align: center;
}
.visual img {
	width: 100%;
	max-width: 1230px;
	height: auto;
}
.companyBox {
	width: auto;
	padding: 0 0 60px 0;
}
.companyBox.dk {
	padding: 60px 0 100px 0;
}
.companyBox table.typeA {
	width: 100%;
}
.companyBox table.typeB {
	width: 47.87%;
}
.companyBox table {
	float: left;
	vertical-align: top;
	border-top: 1px solid #dfdfde;
}
.companyBox table:last-child {
	float: right;
}
.companyBox table.typeA th {
	color: #333;
}
.companyBox table.typeA td,
.companyBox table.typeB td {
	color: #555;
}
.companyBox table.typeB th {
	color: #914f4f;
}
.companyBox table th,
.companyBox table td {
	text-align: left;
	vertical-align: top;
	font-size: 1.3rem;
	line-height: 1.5;
	background: url(../images/line_x_03.gif) repeat-x left bottom;
}
.companyBox table th {
	width: 26.66%;
	padding: 20px 0 20px 0;
}
.companyBox table th span {
	font-size: 1.2rem;
	color: #777;
}
.companyBox table td {
	width: 73.34%;
	padding: 20px 0 20px 0;
}
.companyBox table td ul {
	list-style: none;
}
.companyBox table td ul li {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	background: url(../images/line_x_03.gif) repeat-x left bottom;
}
.companyBox table td ul li:last-child {
	padding: 0;
	margin: 0;
	background: none;
}






.messageArea {
	text-align: center;
	position: relative;
	padding-bottom: 80px;
}
.messageArea h2,
.messageArea p {
	position: relative;
	z-index: 10;
}
.messageArea h2 {
	padding-top: 60px;
	color: #636b30;
	font-size: 3.8rem;
	line-height: 1.368;
	margin-bottom: 22px;
}
.messageArea p {
	font-size: 1.5rem;
	color: #555;
	line-height: 2;
	margin-bottom: 14px;
}
.messageArea p.photo {
	margin-bottom: 20px;
	padding-top: 7px;
}
.messageArea p.name {
	line-height: 1.6;
	margin-bottom: 0;
}
.messageArea p.name span {
	font-size: 1.3rem;
}

/* layer obj */
.messageArea .obj1,
.messageArea .obj2,
.messageArea .obj3 {
	position: absolute;
	z-index: 1;
}
.messageArea .obj1 {
	width: 578px;
	height: 487px;
	background: url(../../about/images/message_obj_01.png) no-repeat left top / cover;
	top: 0;
	left: 0;
}
.messageArea .obj2 {
	width: 100%;
	height: 730px;
	background: url(../../about/images/message_obj_02.png) no-repeat right top / cover;
	bottom: 0;
	right: 0;
}
.messageArea .obj3 {
	width: 191px;
	height: 91px;
	background: url(../../about/images/message_obj_03.png) no-repeat left top / cover;
	top: 78px;
	right: 263px;
}
.messageArea .obj4 {
	width: 100%;
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.messageArea .obj4 p {
	position: absolute;
	z-index: 1;
	display: block;
}
.messageArea .obj4 p img {
	position: relative;
}
.messageArea .obj4 p.l1 {
	top: 44px;
	right: 104px;
}
.messageArea .obj4 p.l2 {
	top: 442px;
	left: 126px;
}
.messageArea .obj4 p.l3 {
	top: 176px;
	left: 165px;
	z-index: 3;
}
.messageArea .obj4 p.l4 {
	top: 591px;
	right: 185px;
}
.messageArea .obj4 p.l5 {
	top: 718px;
	right: 95px;
}
.messageArea .obj4 p.l6 {
	top: 492px;
	right: -19px;
}
.messageArea .obj4 p.l7 {
	top: 355px;
	right: 111px;
}
.messageArea .obj4 p.l8 {
	top: 274px;
	right: 30px;
}
.messageArea .obj4 p.l9 {
	top: 125px;
	left: 115px;
}
.messageArea .obj4 p.l10 {
	top: 724px;
	left: -30px;
}
.messageArea .obj4 p.l11 {
	top: 313px;
	left: -20px;
}




.googlemap {
	margin: 40px 60px 0 60px;
	text-align: center;
}
#map_canvas {
	width: 100%;
	height: 0;
	max-height: 550px;
	margin-top: 20px;
	position: relative;
	padding-bottom: 31.436%;
	padding-top: 30px;
	overflow: hidden;
}
.mapTitle {
	padding: 15px 0 15px 0;
}
.googlemapText {
	margin: 20px 60px 100px 60px;
	font-size: 1.3rem;
	line-height: 1.65;
	color: #333;
	position: relative;
}
.googlemapText .glink {
	position: absolute;
	top: 0;
	right: 0;
}
.googlemapText .glink a {
	background: url(../images/icon_05.gif) no-repeat left center;
	padding-left: 15px;
}
.googlemapText .glink a:hover {
	padding-left: 10px;
	color: #9b2020;
}





.flowNav {
	text-align: center;
	margin-bottom: 90px;
	margin-top: 52px;
}
.flowNav h2 {
	font-size: 3.2rem;
	line-height: 1.531;
	margin-bottom: 17px;
}
.flowNav .copy {
	font-size: 1.4rem;
	line-height: 2;
	color: #555;
}
.flowNav ol,
.flowNav ul {
	list-style: none;
	display: table;
	margin: 40px auto 0 auto;
	background: url(../images/line_y_04.gif) repeat-y left top;
}
.flowNav li {
	display: table-cell;
	vertical-align: top;
	background: url(../images/line_y_04.gif) repeat-y right top;
	position: relative;
}
.flowNav li::after {
	content: "";
	width: 11px;
	height: 6px;
	background: url(../images/icon_06.gif) no-repeat center bottom;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: 0 auto;
}
.flowNav li a {
	padding: 10px 18px 40px 18px;
	display: block;
	position: relative;
}
.flowNav li:hover {
	background-color: rgba(0,0,0,0.02);
}
.flowNav li:hover::after {
	bottom: 5px;
}
.demiVisual {
	width: 100%;
	max-width: 100%;
	list-style: none;
	display: block;
	border-top: 1px solid #eeeeee;
}
.demiVisual li {
	background: #fff;
	position: relative;
	top: 0;
}
.demiVisual li section {
	width: 100%;
	display: block;
	table-layout:fixed;
}
.demiVisual li .box {
	background: #fff;
	display: table;
}
.demiVisual.flow li .box div {
	height: 530px;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}
.demiVisual.flow li .box h2 {
	text-align: center;
	position: relative;
	top: 40px;
}
.demiVisual.flow li .box h2 img {
	margin: 0 auto;
}
.demiVisual.flow li .box p {
	width: 300px;
	margin: 30px auto 0 auto;
	font-size: 1.3rem;
	line-height: 1.846;
	color: #454545;
	text-align: left;
	position: relative;
	top: -40px;
}
.demiVisual.flow li .box h2,
.demiVisual.flow li .box p{
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition:         all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.demiVisual.flow li.fx .box h2,
.demiVisual.flow li.fx .box p {
	top: 0;
}
.demiVisual li .box,
.demiVisual li figure {
	width: 50%;
	text-align: center;
	position: relative;
}
.demiVisual li .box,
.demiVisual li:nth-child(2n) figure {
	float: left;
}
.demiVisual li figure,
.demiVisual li:nth-child(2n) .box {
	float: right;
}
.demiVisual li#flow1 figure,
.demiVisual li#flow2 figure,
.demiVisual li#flow3 figure,
.demiVisual li#flow4 figure,
.demiVisual li#flow5 figure,
.demiVisual li#flow6 figure {
	height: 530px;
}
.demiVisual li#flow1 figure {
	background: url(../../about/images/flow_01.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#flow2 figure {
	background: url(../../about/images/flow_02.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#flow3 figure {
	background: url(../../about/images/flow_03.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#flow4 figure {
	background: url(../../about/images/flow_04.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#flow5 figure {
	background: url(../../about/images/flow_05.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#flow6 figure {
	background: url(../../about/images/flow_06.jpg) no-repeat center center;
	background-size: cover;
}

/* scroll fx */
.demiVisual.flow li figure {
	overflow: hidden;
}
.demiVisual.flow li figure::after {
	content: "";
	display: block;
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -50%;
	background: #eeeeee;
	-webkit-transform: skew(140deg);
	-moz-transform: skew(140deg); 
	-webkit-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
}
.demiVisual.flow li.fx figure::after {
	width: 0;
	height: 100%;
	opacity: 0;
}
.demiVisual.work {
	margin-bottom: 0;
	position: relative;
}
.demiVisual.work .box div.boxBody {
	width: 60%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.demiVisual.work .box div.boxBody div {
	width: 50%;
	min-width: 260px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
.demiVisual.work .box div h2 {
	width: 57px;
	float: left;
	text-align: left;
}
.demiVisual.work .box div p {
	width: 70.58%;
	min-width: 185px;
	float: right;
	font-size: 1.4rem;
	line-height: 2;
	text-align: left;
	color: #454545;
	margin-top: 60px;
}
.demiVisual.work .box div p.more a {
	width: 90%;
	display: block;
	background: #9b2020;
	color: #fff;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1;
	padding: 17px 0;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
	position: relative;
}
.demiVisual.work .box div p.more a::after {
	content: "";
	width: 20px;
	height: 7px;
	background: url(../images/icon_link_01.png) no-repeat left top;
	position: absolute;
	display: block;
	top: 50%;
	right: 15px;
	margin-top: -5px;
}
.demiVisual.work .box div p.more a:hover {
	background: #891c1c;
}
.demiVisual.work .box div p.more a:hover::after {
	right: 10px;
}
.demiVisual li#work1 figure,
.demiVisual li#work2 figure,
.demiVisual li#work3 figure,
.demiVisual li#work4 figure {
	height: 530px;
}
.demiVisual li#work1 figure {
	background: url(../accept/img/back01.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#work2 figure {
	background: url(../accept/img/back02.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#work3 figure {
	background: url(../accept/img/back03.jpg) no-repeat center center;
	background-size: cover;
}
.demiVisual li#work4 figure {
	background: url(../accept/img/back04.jpg) no-repeat center center;
	background-size: cover;
}

/* scroll fx */
.demiVisual.work li figure {
	overflow: hidden;
}
.demiVisual.work li figure::after {
	content: "";
	display: block;
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -50%;
	background: #eeeeee;
	-webkit-transform: skew(140deg);
	-moz-transform: skew(140deg); 
	-webkit-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
}
.demiVisual.work li.fx figure::after {
	width: 0;
	height: 100%;
	opacity: 0;
}




.formArea .message {
	font-size: 1.3rem;
	line-height: 1.714;
}
#contactForm {
	padding-top: 30px;
}
#contactForm select {
	width: 260px;
	display: table-cell;
	padding-left: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-overflow: "";
	box-shadow: none;
	border: 1px solid #e0e0e0;
	height: 38px;
	border-radius: 4px;
	font-family: "Helvetica neue", YuGothic, '游ゴシック',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana",  sans-serif;
	background: #ffffff url("../images/icon_select.gif") no-repeat scroll right center / 38px auto;
	color: #333;
	font-weight: bold;
	position: relative;
	font-size: 1.2rem;
}
#contactForm select option {
	padding: 12px 10px 10px 10px;
	font-weight: normal;
	border-bottom: 1px solid #f1f1f1;
	border-right: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#contactForm table {
	width: 100%;
	border-top: 1px solid #d5d5d5;
}
#contactForm table th,
#contactForm table td {
	vertical-align: top;
	padding: 20px 0;
	border-bottom: 1px solid #d5d5d5;
}
#contactForm table th {
	width: 26.9%;
	font-size: 1.3rem;
}
#contactForm table td {
	width: 73.1%;
}
#contactForm table th p {
	font-size: 1.3rem;
	color: #454545;
	position: relative;
	display: inline;
	top: 14px;
}
#contactForm table th p .required {
	color: #de1f1f;
	font-size: 20px;
	position: absolute;
	top: 1px;
	right: -14px;
}
#contactForm table td p {
	font-size: 12px;
	line-height: 1.6;
	color: #7b7573;
	margin-top: 12px;
}
#contactForm .submit {
	margin-top: 30px;
	text-align: center;
}
#contactForm button {
	font-family: "Helvetica neue", YuGothic, '游ゴシック',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana",  sans-serif;
	width: 380px;
	margin: 0 auto;
	background: #9b2020;
	box-shadow: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 23px 0 21px 0; 
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	position: relative;
}
#contactForm button::after {
	content: "";
	width: 20px;
	height: 7px;
	background: url(../images/icon_link_01.png) no-repeat left center;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	display: block;
}
#contactForm button:hover {
	background: #891c1c;
}

/* check */
#contactForm.form_check th p {
	position: static;
}
#contactForm.form_check th,
#contactForm.form_check td {
	vertical-align: top;
	font-size: 14px;
	line-height: 1.714;
}
#contactForm.form_check th p,
#contactForm.form_check td p {
	font-size: 14px;
	line-height: 1.714;
}

/* result */
#result {
	width: 600px;
	margin: 60px auto 0 auto;
	background: none;
	border-radius: 4px;
	text-align: center;
	padding: 60px 0;
}
#result h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #454545;
}
#result .copy {
	font-size: 14px;
	color: #454545;
}
#result .submit {
	margin-top: 40px;
}
#result .submit a {
	width: 300px;
	display: block;
	background: #9b2020;
	margin: 0 auto;
	padding: 23px 0 21px 0;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
}
#result .submit a:hover {
	background: #891c1c;
}






.ppContents {
	font-size: 1.2rem;
	line-height: 1.6;
}
.ppContents ul {
	list-style: none;
	display: block;
}
.ppContents ul.ppList {
	list-style: none;
	display: block;
	margin-top: 37px;
}
.ppContents ul.ppList > li {
	margin-bottom: 39px;
}
.ppContents ul.ppList > li ul {
	margin-top: 8px;
}
.ppContents section h2 {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 1.8rem;
	line-height: 1.75;
}
.ppTxt,
.ppContents section p,
.ppContents ul.ppList > li li {
	font-size: 1.4rem;
	line-height: 1.75;
}

.ppContents .contactBox {
	margin-top: 23px;
	border: 2px solid #e1e1e0;
	padding: 33px;
}
.ppContents .contactBox h3 {
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
}
.ppContents .contactBox .txtarea {
	display: table-cell;
	vertical-align: top;
	padding-left: 30px;
	background: url(../images/line_y_03.gif) repeat-y left top;
}
.ppContents .contactBox .txtarea p {
	font-size: 1.3rem;
}




.tourCopy {
	margin-top: 66px;
	margin-bottom: 50px;
	text-align: center;
}
.tourCopy h2 {
	font-size: 3.2rem;
	line-height: 1.531;
	margin-bottom: 17px;
}
.tourCopy p {
	font-size: 1.3rem;
	line-height: 2;
	color: #555;
}
.tourList {
	list-style: none;
	display: block;
}
.tourList li {
	width: 48%;
	float: left;
	margin-bottom: 30px;
}
.tourList li:nth-child(2n) {
	float: right;
}
.tourList li figure img {
	width: 100%;
	height: auto;
	display: block;
}
.tourList li figcaption h3 {
	font-size: 2.2rem;
	line-height: 1;
	color: #9b2020;
	margin-top: 20px;
	margin-bottom: 9px;
}
.tourList li figcaption h3 span {
	font-size: 1.2rem;
	color: #454545;
	margin-left: 10px;
	font-weight: bold;
}
.tourList li figcaption p {
	font-size: 1.4rem;
	line-height: 1.64;
	color: #555555;
}
.tourRev {
	margin-top: 60px;
	text-align: center;
	overflow: hidden !important;
}
.tourRev h3 {
	font-size: 2.8rem;
	color: #333333;
	margin-bottom: 23px;
}
.tourRev h3 span {
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: 10px;
}
.tourRev .txt {
	font-size: 1.4rem;
	line-height: 1.714;
}
.tourRev ul {
	background: #fff;
	display: block;
	width: 150px;
	list-style: none;
}
.tourContact {
	margin-top: 30px;
	padding: 50px 0;
	position: relative;
}
.tourSlideBlock {
	height: 298px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#tourSlider {
	width: 100%;
	overflow: hidden !important;
}
#tourSlider li {
	width: 540px;
	float: left;
}
.tourContact .tourContactBody {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px;
	text-align: center;
	background: #fff;
	position: relative;
	border-radius: 2px;
	z-index: 10;
}
.tourContact .tourContactBody ul {
	width: 100%;
	list-style: none;
	display: table;
	border-left: 1px solid #d1d1d1;
}
.tourContact .tourContactBody li {
	width: 50%;
	display: table-cell;
	border-right: 1px solid #d1d1d1;
	padding: 10px 0;
}
.tourContact .tourContactBody li h4 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.tourContact .tourContactBody li .tel {
	font-size: 4.6rem;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 20px;
}
.tourContact .tourContactBody li .tel::before {
	content: "";
	width: 24px;
	height: 30px;
	background: url(../../tour/images/icon_tel.png) no-repeat left top;
	display: inline-block;
	position: relative;
	left: -7px;
}
.tourContact .tourContactBody li .tel a {
	pointer-events: none;
	text-decoration: none;
	color: #496915;
}
.tourContact .tourContactBody li .minCopy {
	font-size: 1.4rem;
}
.tourContact .tourContactBody li .more {
	margin: 0 50px;
}
.tourContact .tourContactBody li .more a {
	background: #9b2020;
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 24px 0;
	border-radius: 2px;
	position: relative;
}
.tourContact .tourContactBody li .more a::after {
	content: "";
	width: 20px;
	height: 7px;
	background: url(../images/icon_link_01.png) no-repeat left top;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
}
.tourContact .tourContactBody li .more a:hover {
	background: #8d1b1b;
}
.tourContact .tourContactBody li .more a:hover::after {
	right: 10px;
}













/* ========================================================================

	Tablet Styling
	
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 1020px) {
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/* トップ (./) */
/* --------------------------------------------------------------------- */

#HEADER.top .copybox {
	position: absolute;
	top: 105px;
	right: 10vw;
	z-index: 9000;
}

/* halfBlock */
.halfBlock ul li a div.txtBlock div h2 {
	font-size: 2.8rem;
}
.halfBlock ul li a div.txtBlock div .txt {
	font-size: 1.3rem;
}

/* 3links */
.linkBlock {
	padding: 30px 30px;
}
.linkBlock ul {
	margin: 0 auto;
}
.linkBlock ul li a figure img {
	width: 100%;
	height: auto;
}
.linkBlock ul li a:hover h2 {
	background: url(../images/icon_07.png) no-repeat 10px center;
}
.linkBlock ul li a h2 {
	font-size: 1.8rem;
	margin: 15px 0 0 0;
}
.linkBlock ul li a span {
	font-size: 1rem;
}

/* banner */
.bannerContents {
	width: auto;
	padding: 40px 40px 30px 40px;
	border-bottom: 1px solid #e2e1e1;
}
.bannerBlock {
	padding: 0;
	border-bottom: none;
}
.bannerBlock .sp-mask {
	padding-right: 6px;
	padding-bottom: 6px;
}









.historyArea {
	padding-top: 50px;
	padding-bottom: 50px;
}

.historyArea .obj1 {
	left: -20px;
	width: 60%;
	background: url(../../about/images/obj_01.gif) no-repeat left top;
	background-size: contain;
}
.historyArea .obj2 {
	right: -20px;
	width: 60%;
	background: url(../../about/images/obj_02.gif) no-repeat left bottom;
	background-size: contain;
}

/* deriveArea */
.deriveArea section {
	height: 200px;
}
.deriveArea section a div {
	height: 200px;
}
.deriveArea section a div h3 {
	font-size: 2.6rem;
	margin-bottom: 15px;
}
.deriveArea section a div p {
	font-size: 1.3rem;
}
.deriveArea section a div .more {
	width: 150px;
	margin: 20px auto 0 auto;
	font-size: 1.2rem;
}







.messageArea {
	padding: 0 20px 50px 20px;
}

/* layer obj */
.messageArea .obj1,
.messageArea .obj2,
.messageArea .obj3 {
	opacity: 0;
	display: none;
}
.messageArea .obj4 {
	opacity: 0.085;
}










/* ===================================================================== */
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 /end Tablet
======================================================================== */









/* ========================================================================

	SmartPhone Styling
	
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 750px) {
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/* トップ (./) */
/* --------------------------------------------------------------------- */

#HEADER.top .copybox {
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
}
#HEADER.top .copybox .mainCopy {
	width: 84%;
	max-width: 400px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto 0 auto;
}
#HEADER.top .copybox .mainCopy img {
	width: 100%;
	display: block;
	height: auto;
	max-width: inherit;
	position: relative;
}
#HEADER.top .copybox .sub {
	width: 50px;
}

/* halfBlock */
.halfBlock ul li a div.txtBlock,
.halfBlock ul li a figure {
	height: 160px;
}
.halfBlock ul li a div.txtBlock div h2 {
	margin-top:2px;
	margin-bottom: 6px;
	font-size: 14px;
}
.halfBlock ul li a div.txtBlock div .txt {
	margin-bottom: 10px;
	font-size: 1rem;
	line-height: 1.65;
	margin: 0 10px 10px 10px;
}
.halfBlock ul li a div.txtBlock div .txt br {
	display: none;
}
.halfBlock ul li a div.txtBlock div .more {
	width: 50%;
	font-size: 1rem;
	padding-top: 8px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 8px;
}
.halfBlock ul li a div.txtBlock div .more::after {
	display: none;
}
.halfBlock ul li a figure {
	pointer-events: auto;
}

/* 3links */
.linkBlock {
	padding: 20px;
}
.linkBlock ul {
	background: #fff;
	border-radius: 6px;
}
.linkBlock ul li {
	float: none;
	width: 100%;
	border-bottom: 1px solid #e1e1e0;
}
.linkBlock ul li:last-child {
	border: none;
}
.linkBlock ul li:nth-child(2) {
	margin: 0;
}
.linkBlock ul li a {
	padding: 10px;
}
.linkBlock ul li a figure,
.linkBlock ul li a h2 {
	display: table-cell;
	vertical-align: middle;
}
.linkBlock ul li a figure {
	width: 30%;
}
.linkBlock ul li a figure img {
	width: 100%;
	height: auto;
}
.linkBlock ul li a:hover h2 {
	background: url(../images/icon_07.png) no-repeat right center;
}
.linkBlock ul li a h2 {
	font-size: 1.6rem;
	width: 70%;
	padding-left: 15px;
	background: url(../images/icon_07.png) no-repeat right center;
}
.linkBlock ul li a span {
	position: static;
	margin-left: 10px;
	font-size: 1.2rem;
}

/* banner */
.bannerContents {
	padding: 25px 26px 25px 20px;
	border-bottom:none;
}



/* Demo */


	

    .demo01 {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	        width: 100%;
}
    .demo01 th,
    .demo01 td{
        width: 50%;
    }
	




.com_table{
	max-width:98%;
}


.com_table th{
	width:100%;
	font-weight:bold;
}


.com_table td{
	width:100%;
}






.historyArea {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 0;
	background: none;
}
.historyArea .minCopy {
	font-size: 1rem;
	margin-bottom: 10px;
}
.historyArea h2 {
	font-size: 2.8rem;
	margin-bottom: 13px;
}
.historyArea .txt {
	font-size: 1.3rem;
	line-height: 2;
	text-align: left;
	margin-bottom: 13px;
}
.historyArea .txt br {
	display: none;
}
.historyArea .obj1 {
	display: none;
}
.historyArea .obj2 {
	display: none;
}

/* deriveArea */
.deriveArea {
	width: auto;
	padding: 3px 2px;
}
.deriveArea .fx {
	flex-direction: column;
}
.deriveArea .fx section {
	width: auto;
}
.deriveArea section {
	width: auto;
	height: 160px;
}
.deriveArea section a div {
	height: 160px;
}
.deriveArea section a div h3 {
	font-size: 2rem;
	margin-bottom: 10px;
}
.deriveArea section a div p {
	font-size: 1.2rem;
}
.deriveArea section a div .more {
	width: 100px;
	padding: 10px 0;
	margin: 15px auto 0 auto;
	font-size: 1rem;
}
.deriveArea section a div .more::after {
	display: none;
}
.deriveArea section.d2 {
	background: url(../../about/images/dev_02.jpg) no-repeat center -2em;
	background-size: cover;
}






.tourList li {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}


.tourCopy p br {
	display: none;
}
.tourList li figcaption h3 {
	font-size: 1.6rem;
}
.tourList li figcaption h3 span {
	font-size: 1rem;
	margin-left: 5px;
}
.tourList li figcaption p {
	font-size: 1.2rem;
}







.visual {
	margin: 30px 0 30px 0;
}
.visual img {
	max-width: 100%;
}
.companyBox {
	padding: 0 0 30px 0;
}
.companyBox.dk {
	padding: 30px 0 50px 0;
}
.companyBox table.typeB {
	width: 100%;
}
.companyBox table {
	float: none;
}
.companyBox table:last-child {
	float: none;
}
.companyBox table.typeB:last-child {
	border-top: 0;
}
.companyBox table th,
.companyBox table td {
	font-size: 1.2rem;
}
.companyBox table th {
	padding: 10px 0 10px 0;
}
.companyBox table th span {
	display: block;
	text-indent: -0.5em;
}
.companyBox table td {
	padding: 13px 0 13px 0;
}
.companyBox table td ul li {
	font-size: 1.2rem;
	padding: 0 0 13px 0;
	margin: 0 0 13px 0;
}









#contactForm select {
	width: 100%;
	height: 50px;
}
#contactForm {
	margin-top: 30px;
	border-top: 1px solid #d5d5d5;
}
#contactForm table {
	border-top: none;
}
#contactForm table th,
#contactForm table td {
	float: left;
	clear: both;
	display: block;
	border-bottom: none;
}
#contactForm table th {
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}
#contactForm table td {
	width: 100%;
	padding: 0;
	margin-bottom: 25px;
}
#contactForm table th p {
	top: 0;
}
#contactForm .submit {
	margin-top: 5px;
}
#contactForm button {
	width: 100%;
}

/* check */
#contactForm.form_check th p {
	color: #555;
	font-size: 1rem;
}
#contactForm.form_check th {
	margin-bottom: 5px;
}
#contactForm.form_check td {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #d5d5d5;
}

/* result */
#result {
	width: auto;
	margin: 0 auto;
	padding: 40px 0;
}
#result h2 {
	line-height: 1.5;
}
#result .copy {
	line-height: 1.65;
}
#result .submit {
	margin-top: 25px;
}





/* ===================================================================== */
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 /end smartphone
======================================================================== */














/* ========================================================================

	TRANSITION

======================================================================== */

.wrapper,

#HEADER,
#HEADER.work::after,
#HEADER.about::after,
#HEADER .pageTitle,
#HEADER.mv .pageTitle .title,
#HEADER.derivation .pageTitle .root a,

#switch div,
#globalNav,
#globalNav ul,
#globalNav::after,
#globalNav ul li.onlineStore p a,
#globalNav ul li:after,
#globalNav .logo,
#globalNav .logo img,
#globalNav_rw .logo,
#globalNav_rw .logo img,
#globalNav_rw ul li a span::after,
#globalNav_rw .onlineLink img,
#globalNav_rw .onlineLink,
#globalNav_rw .footer .fb a,

#CONTENTS .contentsBody,

#FOOTER .rwInfo *,
#FOOTER .pageTop a::after,
#FOOTER .menu ul li a,
#FOOTER .other .right .fb a {
	-webkit-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-ms-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}


.rwd #globalNav_rw .layerBody {
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}





/* ===================================================================== */
@media screen and (max-width: 750px) {
/* ===================================================================== */

.mainvisual_vision .textArea {
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition:         all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}





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