@charset "UTF-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

/*common*/
.flexBox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.sp {
	display: none;
}
.telLink{pointer-events: none;color: #333;}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	/*min-width: 1200px;*/
	box-sizing: border-box;
	padding-left: 100px;
	width: 80vw;
	margin: auto;
}
.inner {
  max-width: 970px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* !header
---------------------------------------------------------- */
#header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 998;
  width: 100px;
  box-sizing: border-box;
  height: 100vh;
  background: #902a76;
margin-left: 10vw;
}
#header_left {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 10vw;
  box-sizing: border-box;
  height: 100vh;
  background: #ffffff;
}
#headerIn {height: 100%;}
#header .flexBox{
  height: 100%; 
  position: relative; 
  z-index: 4;
  background: #902a76;
}
#headerLogo {text-align: center;}
#headerLogo img{max-height: 90vh;}


#headerLinks {
	
}
.btnBorder{
	position: absolute;
	background: url(../img/bg_btnlink.png)no-repeat;
	background-size: 100% auto;
	width: 73px;
	height: 146px;
	left: 0;
	top: -48px;
}
.btnMenu {
	position: absolute;
  left: 100px;
  top: 45%;
  z-index: 999;
  transition: all 0.7s !important;
	-moz-transition: all 0.7s !important; /* Firefox */
	-webkit-transition: all 0.7s !important; /* Chrome&Safari */
}
.btnMenu.active{left: 400px}
.btnMenu a {
	display: block;
    width: 70px;
    height: 50px;
    box-sizing: border-box;
    position: relative;
}

.btnMenu a span {
    display: block;
    background: #902a76;
    width: 24px;
    height: 1px;
    position: absolute;
    left: 14px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.btnMenu a span:first-child {
	top: 18px;
}

.btnMenu a span:nth-child(2) {
	top: 25px;
}

.btnMenu a span:last-child {
    top: 32px
}

	
.btnMenu.active a span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}

.btnMenu.active a span:nth-child(2) {
    opacity: 0;
}

.btnMenu.active a span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	
}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
  position: fixed;
  background: #902a76;
  left: -200px;
  top: 0;
  z-index: 2;
  width:300px;
  height: 100vh;
  transition: all 0.7s !important;
	-moz-transition: all 0.7s !important; /* Firefox */
	-webkit-transition: all 0.7s !important; /* Chrome&Safari */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	margin-left: 10vw;
}
#gNavi.active{left: 100px;}
#gNavi .flexBox{min-height: 335px;}
#gNavi li {
	padding: 18px 0;
	text-align: center;
}
#gNavi li a {
	font-size: 1.7rem;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 1px solid transparent;
}
#gNavi li a:hover{border-bottom: 1px solid #fff;text-decoration: none;}

	
/* !mainVisual
---------------------------------------------------------- */
#mainVisual {
	height: 100vh;
	min-height: 600px;
	background: url(../img/index/bg_main02.jpg)no-repeat center center;
	background-size: cover;
	position: relative;
}
#mainVisual .hd01{
	position: absolute;
	right: 42.5%;
	top: 50%;
	transform: translate(50%,-50%);
	z-index: 3;
}
#mainVisual .hd01 p{margin: 0;width: 360px;height: 360px;}

/* !teaser
---------------------------------------------------------- */
#teaser {
	height: 360px;
	background: url(../img/contact/bg_teaser.jpg)no-repeat center center;
	background-size: cover;
}
#contact #teaser{
	background: url(../img/contact/bg_teaser.jpg)no-repeat center center;
	background-size: cover;
}
#product #teaser{
	background: url(../img/product/bg_teaser.jpg)no-repeat center center;
	background-size: cover;
}
#koda #teaser{
	background: url(../img/koda/bg_teaser.jpg)no-repeat center center;
	background-size: cover;
}
#company #teaser{
	background: url(../img/company/bg_teaser.jpg)no-repeat center center;
	background-size: cover;
}

/* !contents
---------------------------------------------------------- */
#contents {
	
}

#main {
	
}

#side {
	
}

.inner {
	
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	
}

/* !footer
---------------------------------------------------------- */
#footer {
}

#footer .footerIn {
	
}

	
#copyright {
	color: #fff;
	text-align: center;
	background: #902a76;
	font-size: 1.4rem;
	padding: 35px 0;
}

/* !h(n)eading
---------------------------------------------------------- */
.hdL {
	
}

.hdM {
	
}

.hdS {
	
}
.hd01 p{
	width: 270px;
	height: 270px;
	margin: -135px auto 0;
	background: url(../img/bg_hd.png)no-repeat center center;
	background-size: 100% auto;
	font-size: 3.1rem;
	text-align: center;
	line-height: 1.7;
}


/* !list
---------------------------------------------------------- */
.list01 {
	
}

/* !table
---------------------------------------------------------- */
.table01 {
	
}


/*contact*/
.contactWrap .section01{
	padding: 40px 0 100px;
	text-align: center;
}
.hd02{
	font-weight: bold;
	font-size: 2.8rem;
	padding: 18px 0 20px;
}
.contactWrap .p01{
	padding-bottom: 40px;
}
.contactWrap .section01 .p02{
	color: #902a76;
	font-size: 2.9rem;
	font-weight: bold;
}
.contactWrap .section01 .p02 font{
	font-size: 2.1rem;
	font-weight: 500;
	margin-right: 15px;
	position: relative;
	top: -3px;
}
.contactWrap .section01 .p02 a.telLink{
	color: #902a76;
	margin-right: 25px;
}

.contactWrap .section02{
	padding-bottom: 75px;
}
.contactWrap .section02 .ul01{
	font-size: 0;
	margin-bottom: 90px;
}
.contactWrap .section02 .ul01 li{
	display: inline-block;
	font-size: 1.6rem;
	width: 27%;
	max-width: 243px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 4px solid #902a76;
    padding: 16px 0;
    margin-right: 44px;
}
.contactWrap .section02 .ul01 li:last-of-type{margin-right: 0}
.contactWrap .section02 .ul01 li.active{font-weight: bold;color:#902a76; }
.contactWrap .section02 .ul01 li:before{
	content: '';
	position: absolute;
	left: calc(100% + 22px);
	top: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	background: url(../img/icon02.png)no-repeat center center;
	background-size: 100% auto;
	width: 26px;
	height: 43px;
}
.contactWrap .section02 .ul01 li:last-of-type:before{content: none;}

.table02{width: 100%;border: 1px solid #acacac;border-bottom: none;color: #666}
.table02 th,.table02 td{
	border-bottom:1px solid #acacac;
	font-size: 1.7rem;
	padding: 16px 16px 11px;
}
.table02 th{
	background: #f1f1f1;
	padding-bottom: 16px;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #acacac;
	min-width: 150px;
}
.table02 th span{
    font-size: 1.4rem;
    background: #cfcfcf;
    font-weight: 500;
    padding: 3px 16px;
    display: inline-block;
    margin-top: 4px;
}
.table02 th span.must{background: #c32a36;color: #fff;}
.table02 td .example{padding-top: 7px;color: #666}
.table02 .p03{color: #333;padding: 5px 0}
.table02 .p04{display: inline-block;vertical-align: top;}
.table02 .fileP{
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-right: 25px;
}
.table02 .fileP span{
	width: 225px;
	height: 43px;
	border: 1px solid #acacac;
	cursor: pointer;
}
.table02 .fileP input{
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	width: 225px;
	height: 43px;
	cursor: pointer;
}

.table02 td select,
.table02 td input[type='text'],
.table02 td input[type='number'],
.table02 td input[type='tel'],
.table02 td input[type='email']{
    height: 50px;
    width: 100%;
    border: 1px solid #acacac;
    box-sizing: border-box;
    padding: 0 15px;
}
.table02 td textarea{
	width: 100%;
    border: 1px solid #acacac;
    box-sizing: border-box;
    padding: 14px 15px;
    resize: none;
    font-family: initial;
    min-height: 400px;
    margin-bottom: 6px;
}
.table02 td input[type='number']{max-width: 225px;}
.table02 .topTr th{vertical-align: top;}
.policyBox{
	overflow-y: auto;
	height: 230px;
	line-height: 2;
	/*border: 1px solid #acacac;*/
	box-sizing: border-box;
	color: #333;
	margin-bottom: 20px;
}
.policyBox p + p{padding-top: 32px;}
.policyBox p span{display: block;font-weight: bold;}
.agreeP{
	background: #f1f1f1;
    padding: 16px;
    margin-top: 10px;
    color: #000
}
label.checkBox01 input[type="checkBox"]{
    margin-right: 15px;
    position: relative;
    top: 0px;
}
.contactWrap .btn{font-size: 0;text-align: center;margin-top: 75px}
.contactWrap .btn li{
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  padding: 0 20px;
}
.btnLink02{
  background: #902a76;
  color: #333;
  border: 1px solid #902a76;
  font-size: 1.7rem;
    width: 100%;
    height: 62px;
    margin: 0 auto;
    display: block;
    color: #fff;
}
a.btnLink02{
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.btnLink02:hover{opacity: .7;background: #fff;color: #902a76;}
.contactWrap .btn input[type='submit']{
    max-width: 223px;
}

/*product*/
.productWrap .section01{
	padding: 43px 0 50px;
}
.productWrap .inner{max-width: 900px;}
.productWrap .hd02{padding-bottom: 11.6%;}
.productWrap .dl01 dt{
	float: left;
	width: 46.5%;
	margin-right: 5.8%;
	margin-bottom: 50px;
}
.productWrap .dl01:nth-of-type(even) dt{
	float: right;
	margin-right: 0;
	margin-left: 5.8%;
}
.productWrap .dl01 dd{
	overflow: hidden;
	padding-top: 2.9%;
}
.productWrap .dl01 dd .title{
	font-weight: bold;
	font-size: 2rem;
	color: #912a76;
	padding-bottom: 3%;
}
.productWrap .dl01 dd .text{
	font-size: 1.8rem;
	line-height: 2.2;
}

/*koda*/
.kodaWrap .section01,
.kodaWrap .section02,
.kodaWrap .section03{
	padding-top: 43px;
}
.kodaWrap .hd02{padding-bottom: 93px;}
.kodaWrap .imgBox{position: relative;}
.kodaWrap .bgImg01{
	height: 400px;
}
.kodaWrap .section01 .bgImg01{
	background: url(../img/koda/bg_sec01.jpg)no-repeat center center;
	background-size: cover;
}
.kodaWrap .section02 .bgImg01{
	background: url(../img/koda/bg_sec02.jpg)no-repeat center center;
	background-size: cover;
}
.kodaWrap .section03 .bgImg01{
	background: url(../img/koda/bg_sec03.jpg)no-repeat center center;
	background-size: cover;
}
.kodaWrap .img01{
	position: absolute;
	top: 220px;
	right: 0;
	z-index: 3;
	width: 28.5vw;
}
.kodaWrap .box01{
	padding: 95px 0 20px;
	min-height: 540px;
	box-sizing: border-box;
	max-width: 460px;
}
.kodaWrap .box01 .title{
	font-size: 2rem;
	padding-bottom: 25px;
	color: #872a76;
}
.kodaWrap .box01 .text{
	max-width: 400px;
	line-height: 2.2;
}
.kodaWrap .box02{
	margin-left: -40px;
}
.kodaWrap .box02 li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 40px;
}
.kodaWrap .box02 li p{
	display: block;
	border: 1px solid #872a76;
	box-sizing: border-box;
	padding: 25px 30px;
	line-height: 1.8;
}
.kodaWrap .box02 li p span{
	display: block;
	text-align: center;
	padding-bottom: 0px;
	color: #872a76;
}
.kodaWrap .box03{
	max-width: 900px;
	margin: 58px auto 0;
	background: #f2e3ef;
	text-align: center;
	font-size: 1.7rem;
	line-height: 2;
	box-sizing: border-box;
	padding: 60px 0 27px;
	position: relative;
}
.kodaWrap .box03 .title{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-50%);
	z-index: 2;
	color: #fff;
	background: #872a76;
	padding: 5px 24px;
}
.kodaWrap .section01{padding-bottom: 100px;}

.kodaWrap .section02{padding-bottom: 100px;}
.kodaWrap .section02 .p01{
	text-align: center;
	color: #872a76;
	font-size: 2rem;
	padding-bottom: 34px;
}
.kodaWrap .section02 .ul01{
	margin-left: -50px;
}
.kodaWrap .section02 .ul01 li{
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding-left: 50px;
	position: relative;
}
.kodaWrap .section02 .ul01 .img{position: relative;}
.kodaWrap .section02 .ul01 .img:before {
    content: '';
    position: absolute;
    left: calc(100% + 25px);
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    background: url(../img/icon02.png)no-repeat center center;
    background-size: 100% auto;
    width: 26px;
    height: 43px;
}
.kodaWrap .section02 .ul01 li:last-of-type .img:before{content: none;}
.kodaWrap .section02 .p02{
	text-align: center;
	color: #872a76;
	padding-top: 13px;
}
.kodaWrap .section02 .ul01 em{
	position: absolute;
	background: url(../img/bg_icon.png)no-repeat center center;
    background-size: 100% auto;
    width: 52px;
    height: 52px;
    left: 50px;
    top: 0;
    z-index: 3;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2rem;
}

/*company*/
.companyWrap .hd01 p{margin-bottom: -135px;position: relative;z-index: 3;}
.companyWrap .section01{
	background: url(../img/company/bg_sec01.jpg)no-repeat center center;
    background-size: cover;
    padding: 178px 0 0;
}
.companyWrap .section01 .inner{max-width: 910px;}
.companyWrap .section01 .p01{
	line-height: 2.5;
	padding: 30px 0 25px;
}
.companyWrap .section01 .p02{
	text-align: right;
	font-size: 2.1rem;
	padding-bottom: 78px;
}
.companyWrap .section01 .p02 span{
	font-size: 2.9rem;
}
.companyWrap .section01 .bgImg01{
	background: url(../img/company/bg_sec02.jpg)no-repeat top center;
	background-size: cover;
	height: 346px;
}

.companyWrap .section02{
	padding-top: 134px;
}
.companyWrap .section02 .inner{max-width: 810px;}
.table01{
	width: 100%;
	margin-top: 47px;
	font-size: 1.7rem;
}
.table01 th,.table01 td{
	border: 1px solid #b3b3b3;
	box-sizing: border-box;
	padding: 21px 25px;
}
.table01 th{
	width: 160px;
	background: #f1f1f1;
	font-weight: bold;
	vertical-align: top;
}
.table01 td p + p{padding-top: 25px;}

.companyWrap .section03{
	padding-top: 120px;
}
.companyWrap .section03 .inner{max-width: 900px;}
.companyWrap .section03 .ul01{
	margin-top: 34px;
	margin-left: -55px;
}
.companyWrap .section03 .ul01 li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 55px;
}
.companyWrap .section03 .ul01 li .text{
	text-align: center;
	font-size: 1.7rem;
	padding: 12px 0 27px;
}

.companyWrap .section04{
	padding-top: 112px;
}
.companyWrap .section04 .inner{max-width: 860px;}
.table03{
	width: 100%;
	font-size: 1.7rem;
}
.table03 th,.table03 td{
	border-bottom: 1px solid #b3b3b3;
	box-sizing: border-box;
	padding: 21px 0px;
}
.table03 th{
	width: 170px;
	padding-left: 12px;
	color: #8e2a76;
}

.companyWrap .section05{
	padding-top: 112px;
}
.companyWrap .section05 .inner{max-width: 1040px;}
.companyWrap .mapBox{position: relative;margin-top: 55px;}
.companyWrap .mapBox iframe{
	display: block;
	width: 100%;
	height: 300px;
}
.companyWrap .mapCont{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background: #fff;
    margin: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 25px 30px;
}
.dl03 dt{
	font-weight: bold;
	color: #8e2a76;
	padding-bottom: 5px;
}
.dl03 dd{
	font-size: 1.6rem;
	line-height: 1.75;
}
.companyWrap .dl03{padding-bottom: 30px;}
.dl04{font-size: 1.6rem;}
.dl04 dt{
	font-weight: bold;
	padding-left: 70px;
	background: url(../img/icon_car.png)no-repeat left center;
	background-size: 46px auto;
	margin-bottom: 5px;
}
.dl04 ul{
	display: inline-block;
	vertical-align: top;
	line-height: 1.75;
}
.dl04 ul font{color: #8e2a76;}
.dl04 ul + ul{margin-left: 50px;}

.accessBox02{
	padding: 23px 0 82px;
	line-height: 1.75;
	font-size: 1.6rem;
}
.accessBox02 dl{float: left;width: 50%;}
.accessBox02 dt{
	float: left;
	width: 160px;
	text-align: center;
	color: #8e2a76;
	font-weight: bold;
}
.accessBox02 dd{
	overflow: hidden;
}

/*index*/
.topText{
	height: 240px;
	position: relative;
}
.topText .box01{
	background: #872a76;
	color: #fff;
	box-sizing: border-box;
	padding: 43px 50px 40px 0;
	position: relative;
	z-index: 4;
	text-align: right;
	width: 43.5%;
}
.topText .box01 .p01{
	font-size: 4.5rem;
}
.topText .box01 .p02{
	font-size: 2.4rem;
	letter-spacing: 0.06em;
	opacity: .1;
	padding-right: 20px;
}
.topText .box02{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 58.7%;
	z-index: 3;
	background: #f2e8f0;
	box-sizing: border-box;
	padding: 32px 0 26px 75px;
}
.topText .box02 .p01{
	font-size: 3rem;
	letter-spacing: -0.1em;
	padding-bottom: 5px;
}
.topText .box02 .p02{
	font-size: 2.4rem;
	letter-spacing: -0.1em;
	color: #872a76;
}

.indexKodaItem{
	background: url(../img/index/bg_koda01.jpg)no-repeat center center;
	background-size: cover;
	height: 550px;
	overflow: hidden;
}
.indexKodaItem:nth-of-type(3){
	background: url(../img/index/bg_koda02.jpg)no-repeat center center;
	background-size: cover;
}
.indexKodaItem:nth-of-type(4){
	background: url(../img/index/bg_koda03.jpg)no-repeat center center;
	background-size: cover;
}
.indexKodaItem .inner{
	position: relative;
	max-width: 1040px;
	height: 100%;
}
.indexKodaItem .hdBox{
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.indexKodaItem:nth-of-type(3) .hdBox{
	right: auto;
	left: 0;
}
.indexKodaItem .hdBox:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 47%;
	transform: translate(-50%,-50%);
	z-index: -1;
	background: #872a76;
	opacity: .8;
	width: 75%;
	height: 75%;
}
.indexKodaItem .hdBox span{
	font-size: 3.9rem;
	line-height: 1.75;
	color: #fff;
	background:  #872a76;
	padding-top: 5px;
}
.indexKodaItem .hdBox span:last-of-type{
	margin-top: 65px;
}
.indexKodaItem .textBox{
	background: url(../img/index/bg_box01.png)no-repeat center center;
	background-size: 100% auto;
	width: 720px;
	height: 710px;
	box-sizing: border-box;
	padding-top: 254px;
	position: absolute;
	left: -126px;
	top: 50%;
	transform: translateY(-50%);
}
.indexKodaItem:nth-of-type(3) .textBox{
	left: auto;
	right: -180px;
}
.indexKodaItem .textBox .title{
	font-size: 2.4rem;
	color: #872a76;
	letter-spacing: 0.06em;
	position: relative;
	margin-bottom: 37px;
	text-align: center;
}
.indexKodaItem .textBox .title:before{
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	background: #872a76;
	width:37px;
	height:4px;
}
.indexKodaItem .textBox .text{
	max-width: 357px;
	margin: 0 auto;
	line-height: 1.77;
	padding-bottom: 20px;
}
.btn01 a{
	width: 153px;
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #872a76;
	color: #fff;
	letter-spacing: 0.06em;
	border: 1px solid #872a76;
}
.btn01 a:hover{
	text-decoration: none;
	background: #fff;
	color: #872a76;
}

.indexProduct{
	text-align: center;
	background: url(../img/company/bg_sec01.jpg)no-repeat center center;
    background-size: cover;
    padding: 65px 0 30px;
}
.indexProduct .inner{max-width: 1040px}
.home .hd02{
	font-size: 4.1rem;
	padding: 20px 0 8px;
}
.home .hdEn{
	opacity: .3;
	color: #872a76;
	font-size: 2.4rem;
	letter-spacing: 0.06em;
}
.indexProduct .p01{
	padding-top: 10px;
	color: #872a76;
	font-size: 2.4rem;
	letter-spacing: 0.06em;
	padding: 14px 0 36px;
}
.indexProduct ul{margin-left: -60px}
.indexProduct ul li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 60px;
}
.indexProduct .btn01{
	position: relative;
	z-index: 3;
	top: -32px;
}
.indexProduct .btn01 a{
	width: 284px;
	height: 65px;
	background:url(../img/arrow01.png)no-repeat center right 14px #872a76;
	background-size: 11px auto;
	font-size: 2rem;
	letter-spacing: 0;
}
.indexProduct .btn01 a:hover{
	background:url(../img/arrow01_on.png)no-repeat center right 14px #fff;
	background-size: 11px auto;
}

.indexAccess{
	padding: 48px 0 0;
}
.indexAccess .hdEn{padding-bottom: 70px}
.googleMap {
    width: 100%;
    height: 410px;
    position: relative;
}
.indexAccess .inner{max-width: 1040px;}
.indexAccess .mapText{
	background: #e6e6e6;
	padding-top: 95px;
	font-size: 1.6rem;
}
.indexAccess .mapCont{
	padding-bottom: 16px;
	border-bottom: 2px solid #ccc
}
.indexAccess .mapCont dl{
	float: left;
	width: 50%;
}
.indexAccess .mapCont .dl03 dt{
	float: left;
	margin-right: 10px;
	background:url(../img/icon_map01.png)no-repeat left top 9px;
	background-size: 22px auto;
	box-sizing: border-box;
	padding:15px 0 5px 30px;
}
.indexAccess .mapCont .dl03 dd{overflow: hidden;padding-top:13px;}
.indexAccess .mapCont .dl04{
	background: #fff;
	box-sizing: border-box;
	padding: 15px 30px 7px;
}
.indexAccess .accessBox02 dt{text-align: left;}
.indexAccess .accessBox02 .dl05 dt{
	background:url(../img/icon_map02.png)no-repeat left top;
	background-size: 22px auto;
	box-sizing: border-box;
	padding:3px 0 5px 30px;
}

.errorMessage {
  color: #c32a36;
}
.button a{
	width: 220px;
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #872a76;
	color: #fff;
	letter-spacing: 0.06em;
	border: 1px solid #872a76;
}
.button a:hover{
	text-decoration: none;
	background: #fff;
	color: #872a76;
}