@charset "UTF-8";
/* CSS Document */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400');

/* index.html
############################################################ */
body{ background:url(../img/bg.jpg) no-repeat center top 21px #FFFFFF;}
#headerWrap{
  position:fixed;
  top: 0;
  width:100%;
  height:124px;
	padding-top:32px;
  background:#FFFFFF;
  border-top:3px solid #499CE2;
  opacity:0.9;
  z-index:9999;
}
#headerWrap #menuWrap{ width:950px; height:124px; margin:0 auto; position:relative;}
#headerWrap #menuWrap h1{ width:360px; height:43px; position:absolute; top:59px; left:0px;}
#headerWrap #menuWrap h1 a{ width:360px; height:43px; background:url(../img/logo.png) no-repeat; text-indent:-9999px; display:block;}
#headerWrap #menuWrap ul{
  display: flex;
  justify-content: flex-end;
  position:absolute;
  top:53px;
  right:0;
  width:520px;
  height:56px;
  line-height: 1em;
}
#headerWrap #menuWrap ul li{
  width:130px;
  height:40px;
  border-left: 1px solid #e3e3e3;
}
#headerWrap #menuWrap ul li:last-child{
  border-right: 1px solid #e3e3e3;
}
#headerWrap #menuWrap ul li a{
  width: 130px;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.global_menu{
  height: 10px;
  margin-bottom: 8px;
  font-size: 13px;
  color: #8a9093;
  letter-spacing: 0.1em;
}
#headerWrap #menuWrap ul li a:hover .global_menu{
  color: #83BCEA;
}
.global_caption{
  display: block;
  font-size: 10px;
  color: #83bcea;
}
#headerWrap #menuWrap ul li#menu01 a:hover,#headerWrap #menuWrap ul li#menu02 a:hover,#headerWrap #menuWrap ul li#menu03 a:hover,#headerWrap #menuWrap ul li#menu04 a:hover{ background-position:0 -56px;}
#mainImg{
  position: relative;
  width:1150px;
  height:467px;
  margin: 0 calc((100% - 1150px) / 2);
	padding:144px 0 0 0;
  background:url(../img/main_img_en.jpg) no-repeat center 144px;
  text-indent:-9999px;
}
.contentsWrap{
  width:970px;
  margin:0 auto;
  padding:0 0 40px 0;
  background:url(../img/contents_bg.jpg) 10px repeat-y;
}
.contentsWrap .leftWrap{
  width:233px;
  height: 45px;
  float:left;
}
.contentsWrap .leftWrap h3{
  width:213px;
  height:24px;
  border-bottom: 1px dotted #499ce2;
  color: #499ce2;
  font-size: 16px;
  line-height: 1em;
}
.contents_caption{
  margin-top: 7px;
  color: #499CE2;
  font-size: 10px;
  line-height: 1em;
}
.contentsWrap .rightWrap{
  width:715px;
  padding:14px 0 0 0;
  float:left;
  position:relative;
}
.contentsWrap .rightWrap h4#contents01Catch{
  width:420px;
  height:20px;
  font-size: 17px;
  color: #499ce2;
}
.contentsWrap .rightWrap p#contents01Txt{ width:420px; font-size:13px; line-height:200%; color:#666666; margin:30px 0 0 0;}
.contentsWrap .rightWrap #contents01Img{ width:287px; height:202px; position:absolute; top:26px; left:447px;}
.contentsWrap .rightWrap ul#contents01Service{ width:715px; margin:15px 0 0 0;}
.contentsWrap .rightWrap #contents01Service li{ width:715px; height:50px; margin:5px 0 0 0; text-indent:-9999px;}
.contentsWrap .rightWrap #contents01Service li.service01{ background:url(../img/contents01_service01.jpg) no-repeat;}
.contentsWrap .rightWrap #contents01Service li.service02{ background:url(../img/contents01_service02.jpg) no-repeat;}
.contentsWrap .rightWrap #contents01Service li.service03{ background:url(../img/contents01_service03.jpg) no-repeat;}
.contentsWrap .rightWrap #contents01Service li.service04{ background:url(../img/contents01_service04.jpg) no-repeat;}
.contentsWrap .rightWrap #contents02Left{
  position: relative;
  width:303px;
  height: 680px;
  padding:20px;
  border:1px solid #E1E1E1;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  behavior:url(common/pie/PIE.htc);
  float:left;
}
.contentsWrap .rightWrap #contents02Left h4.contents02Catch,
.contentsWrap .rightWrap #contents02Right h4.contents02Catch{
  width:303px;
  height:42px;
  font-size: 17px;
  color: #666666;
}
.contentsWrap .rightWrap #contents02Left p.contents02Txt{
  width:303px;
  font-size:13px;
  line-height:180%;
  color:#666666;
}
.contentsWrap .rightWrap #contents02Left p.contents02Sub{
  width:303px;
  font-size:11px;
  line-height:120%;
  color:#666666;
  margin:8px 0 0 0;
}
.contentsWrap .rightWrap #contents02Left img{
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.contentsWrap .rightWrap #contents02Right{
  position: relative;
  width:303px;
  height: 680px;
  padding:20px;
  border:1px solid #E1E1E1;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  behavior:url(common/pie/PIE.htc);
  float:right;
}
.contentsWrap .rightWrap #contents02Right p.contents02Txt{
  width:303px;
  font-size:13px;
  line-height:180%;
  color:#666666;
}
.contentsWrap .rightWrap #contents02Right img{
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.contentsWrap .rightWrap h4.contents03Catch{
  width:715px;
  height:17px;
  font-size: 17px;
  color: #499ce2;
}
.contentsWrap .rightWrap p.contents03Txt{ width:715px; font-size:13px; line-height:180%; color:#666666; margin:13px 0 0 0;}
.contentsWrap .rightWrap p.contents03Txt span{ font-size:11px;}
.contentsWrap .rightWrap #contents03Table{
  width:715px;
  border-top:1px
  dotted #CCCCCC;
  margin:30px 0;
}
.contentsWrap .rightWrap #contents03Table th{ width:110px; font-size:13px; line-height:180%; color:#499CE2; font-weight:normal; padding:20px 10px; border-bottom:1px dotted #CCCCCC;}
.contentsWrap .rightWrap #contents03Table td{ font-size:13px; line-height:180%; color:#666666; padding:20px 10px; border-bottom:1px dotted #CCCCCC;}
.contentsWrap .rightWrap #contents03Table td a{ color:#666666; }
.contentsWrap .rightWrap #contents03Table td a:hover{ color:#499CE2; }
.contentsWrap .rightWrap dl#contents03Service{ width:715px; margin:15px 0 0 0;}
.contentsWrap .rightWrap dt{ width:715px; height:39px; text-indent:-9999px;}
.contentsWrap .rightWrap dt.service01{ background:url(../img/contents03_service01.jpg) no-repeat;}
.contentsWrap .rightWrap dt.service02{ background:url(../img/contents03_service02.jpg) no-repeat;}
.contentsWrap .rightWrap dt.service03{ background:url(../img/contents03_service03.jpg) no-repeat;}
.contentsWrap .rightWrap dt.service04{ background:url(../img/contents03_service04.jpg) no-repeat;}
.contentsWrap .rightWrap dd{ width:673px; font-size:13px; line-height:180%; color:#666666; margin:0 0 10px 0; padding:10px 20px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-left:1px solid #E1E1E1; -webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;behavior:url(common/pie/PIE.htc);}
#footerWrap{ width:100%; height:70px; background:#F2F2F2; padding:30px 0 0 0;}
#footerWrap p{ width:950px; height:9px; background:url(../img/footer.jpg) no-repeat right; text-indent:-9999px; margin:0 auto;}

/* 20181002追加 */
.service_content_wrap{
	width: 715px;
	margin: 10px 0 0 0;
	box-sizing: border-box;
}
.service_content_wrap:first-of-type{
	margin-top: 15px;
}
.service_content_title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 39px;
	padding: 10px 20px;
	background:url(../img/service_bg.jpg) repeat-x;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 110%;
}
.service_content_detail{
	width: 100%;
	padding: 10px 20px;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
	font-size: 13px;
	color: #666666;
	line-height: 160%;
}
.service_content_strong{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 26px;
	margin-top: 10px;
	text-align: center;
	border-radius: 13px;
	background-color: #F2F2F2;
}
.contents_comment{
	font-size: 10px;
	line-height: 160%;
	color: #666666;
}
.contents_comment:first-of-type{
	margin-top: 10px;
}

/* 20181203追加 */
.mainImg_caption{
  position: absolute;
  width: 455px;
  height: 120px;
  right: 140px;
  bottom: 149px;
  line-height: 2em;
  color: #666666;
  font-size: 11px;
  text-indent: 0;
  text-align: center;
}

.lang_select{
  position: absolute;
  top: 5px;
  right: 0;
  width: 90px;
  height: 20px;
  text-align: right;
  font-size: 10px;
}

.lang_select , .lang_select a{
  color: #000;
}
.lang_select a:hover{
  color: #ccc;
}

.catch_leader{
  font-size: 16px;
  color: #499ce2;
}


/* 20210407追加 */
.shop_banner {
	position: absolute;
	top: -9px;
	right: 122px;
	width: 180px;
	height: 45px;
}
.shop_banner img{
	width: 100%;
	height: auto;
  transition: opacity .5s;
}
.shop_banner:hover img {
  opacity: .6;
}

.banner_area {
	width: 100%;
	margin-top: 37px;
}
.banner_area img {
	width: 100%;
	height: auto;
  transition: opacity .5s;
}
.banner_area:hover img{
  opacity: .6;
}