@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#000;
background-image:url("img/bg.png") ;
background-color:rgba(255,255,255,0.6);
background-blend-mode:lighten;
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}


/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{filter: brightness(1.2);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:200%;
}
@media screen and (min-width:769px){
p {
font-size:18px;
letter-spacing:1px;
}
}


/*---------- 見出し ----------*/

h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

#wrapper{
margin:0;
padding:0;
background-color:#fff;
}
.fv{
margin:0;
padding:15px 0 0 0;
}
.fv img{width:100%;}
.device{
margin:0;
padding:10px 20px 15px 20px;
}
.device img{width:100%;}
.device_title{
margin:0;
padding:0;
text-align:center;
}
.device_title img{width:100%;}
.yureru-j {animation: yureru-j 3s infinite;}
@keyframes yureru-j {
0% {transform: translate(0px, 8px);}
5% {transform: translate(0px, -8px);}
10% {transform: translate(0px, 8px);}
15% {transform: translate(0px, -8px);}
20% {transform: translate(0px, 8px);}
25% {transform: translate(0px, -8px);}
30% {transform: translate(0px, 0px);}
}
.message{
margin:0;
padding:45px 20px 1px 20px;
}
.message img{width:100%;margin-bottom:45px;}
@media screen and (min-width:769px){
#wrapper{
width:720px;
margin:0 auto;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.fv{padding:15px 0 0 0;}
.device{padding:15px 45px 25px 45px;}
.message{padding:45px 60px 15px 60px;}
}


.voice_top{
margin:0;
padding:20px 0;
text-align:center;
background:#000;
}
.voice_top img{width:90%;}
.voice_bg{
margin:0;
padding:0 30px 15px 30px;
background-image:url("img/bg.gif") ;
background-color:#f8f8f8;
}
.voice_arrow{
margin:0 auto 15px auto;
padding:0;
text-align:center;
width:0;
height:0;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-top:15px solid #000;
}
.voice{
margin:0 0 30px 0;
padding:20px 25px;
background:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.voice_pict{
margin:0;
padding:0;
text-align:center;
}
.voice_pict img{width:100%;}
.voice_txt{
margin:15px 0 0 0;
padding:20px;
text-align:center;
background:#f2f2f2;
}
.voice_txt img{width:100%;}
@media screen and (min-width:769px){
.voice_top{padding:30px 0;}
.voice_top img{width:75%;}
.voice_bg{padding:0 60px 15px 60px;}
.voice_arrow{
margin:0 auto 15px auto;
padding:0;
text-align:center;
width:0;
height:0;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-top:15px solid #000;
}
.voice{margin:0 0 45px 0;padding:30px 45px;}
.voice_txt{margin:20px 0 0 0;padding:30px;}
}

#subpage{
margin:0;
padding:30px 20px;
}
#subpage p{font-size:80%;}
.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
}
table.info{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
table.info th{
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.info td{
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
display:block;
}
@media screen and (min-width:769px){
#subpage{
width:768px;
margin:0 auto;
padding:75px 0 90px 0;
}
#subpage p{font-size:14px;}
.page_title{
margin:0 0 60px 0;
font-size:24px;
letter-spacing:1px;
}
table.info{margin:20px 0;}
table.info th{
width:180px;
padding:10px 0;
font-size:14px;
letter-spacing:1px;
display:table-cell;
}
table.info td{
padding:10px;
font-size:14px;
letter-spacing:1px;
border-bottom:dotted 1px #ccc;
display:table-cell;
}
}



/*------------------------------ フッター ------------------------------*/

#footer{
margin:30px 0 0 0;
padding:30px 0;
font-size:75%;
line-height:200%;
text-align:center;
color:#fff;
background:#000;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}

@media screen and (min-width:769px){
#footer{
margin:45px 0 0 0;
font-size:12px;
}
}