@charset "utf-8";



a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
color:#333;
font-family: YakuHanMP, "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-size:87.5%;
line-height:1.8;
background:#fff;
-webkit-text-size-adjust: 100%;
font-weight:500;
}

.gothic{
font-family:YakuHanJP_Narrow,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:500;
}
.oswald{
font-family:Oswald,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:500;
}
.oswald.regular{
font-family:Oswald,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:400;
}
.oswald.light{
font-family:Oswald,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:200;
}

.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
.sp-pc{
display:block !important;
}
@media screen and (max-width:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
.sp-pc{
display:none !important;
}
}
@media screen and (max-width:767px){
body{
font-size:11pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
.sp-pc{
display:block !important;
}
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/*---------------------------------------*/
/* header */
/*---------------------------------------*/
header{
width: 100%;
height:135px;
position:fixed;
top:0;
left:0;
background:#fff;
z-index:999;
border-bottom:1px solid #dbdbea;
}
@media screen and (max-width:980px){
header{
height:120px;
}
}
@media screen and (max-width:767px){
header{
height:100px;
}
}
header .areaInner{
max-width: 1050px;
width:94%;
}
@media screen and (max-width:767px){
header .areaInner{
width:96%;
}
}
header #headerupper{
width:100%;
padding:5px 0;
background:#e6f0f5;
line-height:1.4;
}
header #headerupper .areaInner{
width:95%;
max-width: 1050px;
}
@media screen and (max-width:767px){
header #headerupper{
height:auto;
font-size:9pt;
padding:3px 0;
}
header #headerupper .areaInner{
width:98%;
}
}
@media screen and (max-width:767px){
header #headerupper .discription{
font-size: 8pt;
}
}
header .logo{
position:absolute;
top:26px;
left:0;
}
@media screen and (max-width:980px){
header .logo{
top:19px;
}
}
@media screen and (max-width:767px){
header .logo{
top:5px;
}
}
@media screen and (max-width:374px){
header .logo{
top:4px;
}
}
header .logo img{
width:auto;
height:24px;
position:relative;
}
@media screen and (max-width:1100px){
header .logo img{
height:20px;
}
}
@media screen and (max-width:767px){
header .logo img{
height:14px;
}
}
@media screen and (max-width:374px){
header .logo img{
width:175px;
height:auto;
}
}
header .logo .ttl{
color:#000;
font-weight:bold;
display:block;
text-align:center;
margin-top:5px;
}
@media screen and (max-width:767px){
header .logo .ttl{
font-size:9px;
}
}
header .telArea{
position:absolute;
top:15px;
right:250px;
}
@media screen and (max-width:1150px){
header .telArea{
right:220px;
}
}
@media screen and (max-width:1100px){
header .telArea{
right:210px;
}
}
@media screen and (max-width:980px){
header .telArea{
right:85px;
}
}
header .telArea .note{
color:#000;
font-size:100%;
text-align:center;
}
@media screen and (max-width:1100px){
header .telArea .note{
letter-spacing:-0.04em;
}
}
@media screen and (max-width:980px){
header .telArea .note{
font-size:85.5%;
}
}
header .telArea .tel{
margin-top: -5px;
}
@media screen and (max-width:980px){
header .telArea .tel{
margin-top: 0;
}
}
header .telArea .tel .icon-tel-2{
font-size:49px;
color:#6ea8c5;
margin-right:5px;
}
@media screen and (max-width:1100px){
header .telArea .tel .icon-tel-2{
font-size:40px;
}
}
@media screen and (max-width:980px){
header .telArea .tel .icon-tel-2{
font-size:34px;
}
}
header .telArea .tel .number{
font-size:378.5%;
color:#000;
line-height:1;
}
@media screen and (max-width:1100px){
header .telArea .tel .number{
font-size:295%;
}
}
@media screen and (max-width:980px){
header .telArea .tel .number{
font-size:250%;
}
}
header .mailArea .btn{
position:absolute;
top:26px;
right:0;
width:195px;
height:55px;
background:#000;
}
header .mailArea .btn a{
display: block;
height:51px;
border: 2px solid #000;
line-height:51px;
text-align:center;
background:#000;
font-weight:bold;
font-size: 114.5%;
}
@media all and (-ms-high-contrast:none) {
header .mailArea .btn a{
height:47px;
padding-top: 4px;
}
}
header .mailArea .btn a:hover{
background:#fff;
}
header .spNavi{
position:absolute;
top:23px;
right:0;
}
@media screen and (max-width:767px){
header .spNavi{
top:12px;
}
}
header .spNavi li{
float:left;
width:82px;
text-align:center;
}
@media screen and (max-width:767px){
header .spNavi li{
width:60px;
}
}
header .spNavi li a{
display:block;
border-left:1px solid #dbdbea;
}
header .spNavi li:last-child a{
border-right:1px solid #dbdbea;
}
@media screen and (max-width:767px){
header .spNavi li a{
cursor: pointer;
}
}
header .spNavi li .note{
font-size:78.5%;
font-weight:bold;
}
@media screen and (max-width:767px){
header .spNavi li .note{
font-size:7pt;
}
}
header .spNavi li .icon.icon-tel{
font-size:20px;
}
header .spNavi li .icon.icon-mail{
font-size:20px;
}
@media screen and (max-width:767px){
header .spNavi li .icon.icon-mail{
font-size:16px;
}
}
/*---------------------------------------*/
/* fixBar */
/*---------------------------------------*/
#fixBar{
position:fixed;
bottom: 0;
left:0;
width:100%;
background:#6ea8c5;
z-index:999;
height:45px;
border-top:1px solid #dbdbea;
}
#fixBar .spNavi li{
width:50%;
line-height: 45px;
float: left;
text-align: center;
}
#fixBar .spNavi li a{
height: 45px;
position: relative;
display: block;
}
#fixBar .spNavi li a:hover{
background: #fff;
}
#fixBar .spNavi li.tel a{
border-right:1px solid #dbdbea;
cursor: pointer;
}
#fixBar .spNavi li .inner{
display: inline-block;
}
#fixBar .spNavi li .icon{
float: left;
line-height: 45px;
}
#fixBar .spNavi li.tel .icon{
font-size: 20px;
}
#fixBar .spNavi li.mail .icon{
font-size: 16px;
}
#fixBar .spNavi li .note{
display: block;
float: left;
font-size: 11pt;
padding-left: 10px;
}
/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
.blockLeft{
float:left;
}

.blockRight{
float:right;
}

.txtRight{
text-align:right;
}

.txtCenter{
text-align:center;
}
/*-------------------------------------------*/
/* A */
/*-------------------------------------------*/
a:link,
a:visited
{
color:#6ea8c5;
text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover,
a:active
{
color:#6ea8c5;
text-decoration:none;
}

a[name]:hover {
color:#000000;
text-decoration:none;
}

/*-------------------------------------------*/

a.line:link,
a.line:visited
{
text-decoration:underline;
}

a.line.line:hover,
a.line.line:active
{
text-decoration:none;
}

/*-------------------------------------------*/

header .mailArea .btn a:link,
header .mailArea .btn a:visited
{
color:#fff;
}

header .mailArea .btn a:hover,
header .mailArea .btn a:active
{
color:#000;
}

/*-------------------------------------------*/

#fixBar .spNavi li a:link,
#fixBar .spNavi li a:visited
{
color:#fff;
}

#fixBar .spNavi li a:hover,
#fixBar .spNavi li a:active
{
color:#6ea8c5;
}
/*---------------------------------------*/
/* 共通 */
/*---------------------------------------*/
.areaInner{
width:90%;
max-width:980px;
margin:0 auto;
position:relative;
z-index:10;
}
.areaBase{
margin:0 auto 90px;
overflow:hidden;
}
.areaInner.w800{
max-width: 800px;
}
/*areaTtl-en*/
.areaInner.ttlOuter{
max-width: 1100px;
width: 100%;
}
.areaTtl-en{
color: #6ea8c5;
opacity: 0.3;
font-size: 571.5%;
transform: rotate(90deg);
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
overflow: visible;
white-space: nowrap;
letter-spacing: 0.08em;
}
@media screen and (max-width:980px){
.areaTtl-en{
font-size: 428.5%;
}
}
@media screen and (max-width:767px){
.areaTtl-en{
display: none;
}
}
.areaTtl-en .txt{
display: block;
line-height: 1;
}
/*areaTtl-jp*/
.areaTtl-jp{
font-size: 143%;
text-align: center;
}
@media screen and (max-width:767px){
.areaTtl-jp{
font-size: 15pt;
}
}
/*narrow*/
@media screen and (max-width:980px){
.narrow{
width: 80%;
}
}
@media screen and (max-width:767px){
.narrow{
width: 90%;
}
}
/*---------------------------------------*/
/* toparea */
/*---------------------------------------*/
#topArea{
padding-top: 136px;
}
@media screen and (max-width:980px){
#topArea{
padding-top: 121px;
}
}
@media screen and (max-width:767px){
#topArea{
padding-top: 101px;
}
}
#topArea .topVisual{
background: url(../images/common/keyvisual_01.jpg) no-repeat center center;
background-size: cover;
height: 625px;
}
@media screen and (max-width:980px){
#topArea .topVisual{
height: 500px;
}
}
@media screen and (max-width:767px){
#topArea .topVisual{
background: url(../images/common/keyvisual_01.jpg) no-repeat;
background-size: cover;
background-position: right 40% center;
height: 350px;
}
}
#topArea .topVisual .txtArea{
margin-left: 9.6%;
padding-top: 160px;
}
@media screen and (max-width:980px){
#topArea .topVisual .txtArea{
padding-top: 170px;
}
}
@media screen and (max-width:767px){
#topArea .topVisual .txtArea{
padding-top: 190px;
margin-left: 5%;
}
}
#topArea .topVisual .txtArea .copy{
font-size: 357%;
margin-bottom: 80px;
line-height: 1.6;
}
@media screen and (max-width:980px){
#topArea .topVisual .txtArea .copy{
font-size: 285.5%;
margin-bottom: 40px;
}
}
@media screen and (max-width:767px){
#topArea .topVisual .txtArea .copy{
font-size: 17pt;
margin-bottom: 20px;
line-height: 1.4;
}
}
#topArea .topVisual .txtArea .copy .copy01,
#topArea .topVisual .txtArea .copy .copy02,
#topArea .topVisual .txtArea .copy .copy03{
display: block;
}

#topArea .topVisual .txtArea .copy .color{
color: #6ea8c5;
}
#topArea .topVisual .txtArea .txt{
position: relative;
display: inline-block;
padding: 0 15px;
}
@media screen and (max-width:980px){
#topArea .topVisual .txtArea .txt{
padding: 0 10px;
}
}
#topArea .topVisual .txtArea .txt:after{
content: "";
width: 0;
position: absolute;
top: 50%;
left: 0;
padding: 0;
}
@media all and (-ms-high-contrast:none) {
#topArea .topVisual .txtArea .txt:after{
top: 41%;
}
}
#topArea .topVisual .txtArea .copy .txt:after{
background: #fff;
height: 60px;
margin-top: -30px;
}
@media screen and (max-width:980px){
#topArea .topVisual .txtArea .copy .txt:after{
height: 48px;
margin-top: -24px;
}
}
@media screen and (max-width:767px){
#topArea .topVisual .txtArea .copy .txt:after{
height: 26px;
margin-top: -13px;
}
}
#topArea .topVisual .txtArea .txt .fadeIn{
position: relative;
z-index: 10;
}
#topArea .topVisual .txtArea .name .txt{
color: #fff;
font-size: 114.5%;
}
@media screen and (max-width:980px){
#topArea .topVisual .txtArea .name .txt{
font-size: 100%;
}
}
@media screen and (max-width:767px){
#topArea .topVisual .txtArea .name .txt{
font-size: 9pt;
}
}
#topArea .topVisual .txtArea .name .txt:after{
background: #000;
height: 30px;
margin-top: -15px;
}
@media screen and (max-width:980px){
#topArea .topVisual .txtArea .name .txt:after{
height: 24px;
margin-top: -12px;
}
}
@media screen and (max-width:767px){
#topArea .topVisual .txtArea .name .txt:after{
height: 20px;
margin-top: -10px;
}
}

/*---------------------------------------*/
/* アニメーション */
/*---------------------------------------*/
/* フェードイン */
.fadeIn{
opacity:0;
}
.animation.fadeIn{
opacity:1;
transition: all 0.8s ease 0.5s;
}
/*---------------------------------------*/
/* 個別記述 */
/*---------------------------------------*/
#topArea.animation .topVisual .txtArea .copy01 .fadeIn{
opacity:1;
transition: all 0.8s ease 0.7s;
}
#topArea.animation .topVisual .txtArea .copy01 .txt:after{
width:100%;
transition: all 0.3s ease 0.5s;
}
#topArea.animation .topVisual .txtArea .copy02 .fadeIn{
opacity:1;
transition: all 0.8s ease 0.8s;
}
#topArea.animation .topVisual .txtArea .copy02 .txt:after{
width:100%;
transition: all 0.3s ease 0.6s;
}
#topArea.animation .topVisual .txtArea .copy03 .fadeIn{
opacity:1;
transition: all 0.8s ease 0.9s;
}
#topArea.animation .topVisual .txtArea .copy03 .txt:after{
width:100%;
transition: all 0.3s ease 0.7s;
}
#topArea.animation .topVisual .txtArea .name .fadeIn{
opacity:1;
transition: all 0.8s ease 1.2s;
}
#topArea.animation .topVisual .txtArea .name .txt:after{
width:100%;
transition: all 0.3s ease 1.0s;
}
/*---------------------------------------*/
/* voiceArea */
/*---------------------------------------*/
#voiceArea{
padding: 115px 0 260px;
background: linear-gradient(to bottom, #f0f6f9 18.59%, #fff 83.7%, #fff);
}
@media screen and (max-width:980px){
#voiceArea{
padding: 80px 0 100px;
}
}
@media screen and (max-width:767px){
#voiceArea{
padding: 55px 0 60px;
}
}
#voiceArea .areaTtl-jp{
margin-bottom: 140px;
}
@media screen and (max-width:980px){
#voiceArea .areaTtl-jp{
margin-bottom: 80px;
}
}
@media screen and (max-width:767px){
#voiceArea .areaTtl-jp{
margin-bottom: 30px;
}
}
#voiceArea .voiceContent{
margin-bottom: 140px;
position: relative;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent{
margin-bottom: 100px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent{
max-width: 400px;
margin: 0 auto 60px;
}
}
#voiceArea .voiceContent .imgBox{
min-height: 358px;
margin-bottom: 30px;
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .imgBox{
min-height: inherit;
}
}
#voiceArea .voiceContent .imgBox .ttl{
font-size: 228.5%;
line-height: 1.6;
margin-bottom: 25px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .imgBox .ttl{
font-size: 200%;
margin-bottom: 35px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .imgBox .ttl{
font-size: 13pt;
margin-bottom: 15px;
}
}
#voiceArea .voiceContent:nth-child(odd) .imgBox .ttl{
margin-left: 330px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent:nth-child(odd) .imgBox .ttl{
margin-left: 0;
}
}
#voiceArea .voiceContent:nth-child(even) .imgBox .ttl{
margin-right: 320px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent:nth-child(even) .imgBox .ttl{
margin-right: 0;
}
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .imgBox .inner{
position: relative;
min-height: 340px;
}
}
#voiceArea .voiceContent .imgBox .img{
position: absolute;
top: 20px;
box-shadow: 13px 8px 17px rgba(0,0,0,0.12);
width: 260px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .imgBox .img{
width: 240px;
top: 10px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .imgBox .img{
width: 100%;
position: static;
transform: rotate(0);
box-shadow: 8px 5px 6px rgba(0,0,0,0.12);
margin-bottom: 10px;
}
}
#voiceArea .voiceContent:nth-child(odd) .imgBox .img{
left: 0;
transform: rotate(-4deg);
}
@media screen and (max-width:767px){
#voiceArea .voiceContent:nth-child(odd) .imgBox .img{
transform: rotate(0);
}
}
#voiceArea .voiceContent:nth-child(even) .imgBox .img{
right: 0;
transform: rotate(4deg);
}
@media screen and (max-width:767px){
#voiceArea .voiceContent:nth-child(even) .imgBox .img{
transform: rotate(0);
}
}
#voiceArea .voiceContent .imgBox .img img{
width: 100%;
height: auto;
}
#voiceArea .voiceContent .imgBox .name{
margin-bottom: 30px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .imgBox .name{
margin-bottom: 20px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .imgBox .name{
font-size: 9pt;
margin-bottom: 10px;
}
}
#voiceArea .voiceContent:nth-child(odd) .imgBox .name{
margin-left: 330px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent:nth-child(odd) .imgBox .name{
margin-left: 280px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent:nth-child(odd) .imgBox .name{
margin-left: 0;
}
}
#voiceArea .voiceContent:nth-child(even) .imgBox .name{
margin-right: 330px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent:nth-child(even) .imgBox .name{
margin-right: 280px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent:nth-child(even) .imgBox .name{
margin-right: 0;
}
}
#voiceArea .voiceContent .imgBox .note{
font-size: 114.5%;
line-height: 2;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .imgBox .note{
line-height: 1.8;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .imgBox .note{
font-size: 10pt;
}
}
#voiceArea .voiceContent:nth-child(odd) .imgBox .note{
margin-left: 330px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent:nth-child(odd) .imgBox .note{
margin-left: 280px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent:nth-child(odd) .imgBox .note{
margin-left: 0;
}
}
#voiceArea .voiceContent:nth-child(even) .imgBox .note{
margin-right: 330px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent:nth-child(even) .imgBox .note{
margin-right: 280px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent:nth-child(even) .imgBox .note{
margin-right: 0;
}
}
#voiceArea .voiceContent .infoBox{
background: #fff;
border: 1px solid #898989;
padding: 15px 0 20px;
}
#voiceArea .voiceContent .infoBox .charge{
margin-left: 35px;
width: 270px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .charge{
width: 230px;
margin-left: 25px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .charge{
margin-bottom: 20px;
width: auto;
float: none;
}
}
#voiceArea .voiceContent .infoBox .ttl{
font-weight: bold;
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .ttl{
font-size: 10pt;
}
}
#voiceArea .voiceContent .infoBox .charge .note{
margin-top: -5px;
position: relative;
}
@media all and (-ms-high-contrast:none) {
#voiceArea .voiceContent .infoBox .charge .note{
margin-top: 7px;
}
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .charge .note{
margin-top: 21px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .charge .note{
margin-top: 0;
}
}
#voiceArea .voiceContent .infoBox .charge span{
display: inline-block;
line-height: 1;
}
#voiceArea .voiceContent .infoBox .charge .jp{
font-size: 143%;
margin-right: 10px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .charge .jp{
position: absolute;
top: -13px;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .charge .jp{
font-size: 10pt;
position: static;
}
}
#voiceArea .voiceContent .infoBox .charge .en{
font-size: 274.5%;
margin-right: 3px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .charge .en{
font-size: 264.5%;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .charge .en{
font-size: 21pt;
}
}
#voiceArea .voiceContent .infoBox .charge .number{
font-size: 411.5%;
position: relative;
bottom: -2px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .charge .number{
font-size: 400%;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .charge .number{
font-size: 35pt;
}
}
#voiceArea .voiceContent .infoBox .request{
margin-left: 23px;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .request{
margin-left: 20px;
}
}
#voiceArea .voiceContent .infoBox .request .ttl{
margin-bottom: 5px;
}
#voiceArea .voiceContent .infoBox .request .requestList .list{
letter-spacing: 0.05em;
}
@media screen and (max-width:980px){
#voiceArea .voiceContent .infoBox .request .requestList .list{
float: none;
}
}
@media screen and (max-width:767px){
#voiceArea .voiceContent .infoBox .request .requestList .list{
font-size: 9pt;
}
}
#voiceArea .voiceSlide .ttl{
text-align: center;
font-size: 128.5%;
color: #6ea8c5;
margin-bottom: 70px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
#voiceArea .voiceSlide .ttl{
font-size: 12pt;
margin-bottom: 30px;
}
}
.voiceSlide .slideBg{
width:100%;
height:265px;
display:block;
background:url(../images/common/slider.jpg) repeat-x;
background-size:cover;
animation: bgscroll-service 80s linear infinite;
}
@keyframes bgscroll-service {
0% {background-position: 2112px 0;}
100% {background-position: 0 0;}
}
@media screen and (max-width: 767px) {
.voiceSlide .slideBg{
height:132px;
}
}