@charset "utf-8";
@font-face {
font-family: "YuGothic-M";
font-weight: normal;
src: local("YuGothic-Medium"),  local("Yu Gothic Medium"),  local("YuGothic-Regular");
}
@font-face {
font-family: "YuGothic-M";
font-weight: bold;
src: local("YoGothic-Bold"),  local("Yu Gothic");
}
html {
height: 100%;
font-size: 62.5%;
counter-reset: number;
overflow: auto;
}
body {
color: #3F3F3F;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
background-image: url(../img/common/background.jpg);
font-size: 1.5em;
margin: 0;
padding: 0;
width: 100%;
position: relative;
min-height: 100%;
/*表示の時のフェイドイン
animation: fadeIn 3s ease 0s 1 normal;
-webkit-animation: fadeIn 3s ease-in 0s 1 normal;*/
overflow: hidden;
}
.opa:hover {
	transition:all 0.2s linear;
opacity: 0.5;
}
/*********************************/


@keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
font-size: 1em;
margin: 0;
padding: 0;
list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p, dl {
line-height: 1.6em;
font-weight: normal;
;
}
dl dd {
margin-left: 0px;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
a img {
transition: opacity 0.3s ease-out;
border-style: none;
}
a {
color: #2489ce;
outline: medium none;
transition: all 0.5s ease 0s;
overflow-wrap: break-word;
word-wrap: break-word;
}
a:hover {
color: #2489ce;
text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, .db {
display: block;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
input, textarea,select {
  border: 1px solid #ccc;
  color: #3e3a39;
  margin: 0 0 0;
  padding: 5px;
}
textarea {
  width: 100%;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 20px;
  padding: 6px 35px 5px 7px;
  font-size: 93%;
  border: 1px solid #ccc;	
  font-size: 93%;
  line-height: 1.1em;
  background-image: url(../img/common/icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: 10px 12px;
  background-position: right 10px center;
}
.d_b {
  display: block!important;
}
.mt_10{
  margin-top: 10px;
}
.mb_10{
  margin-top: 10px;
}
.mb_0 {
  margin-bottom: 0!important;
}
.mb_p {
  margin-bottom: 1.2em!important;
}
.t_r {
  text-align: right!important;
}
.f_b {
  font-weight: bold;
}
.f_s {
  font-size: .8em;
}
.mt_1em {
  margin-top: 1em;
}
.mb_1em {
  margin-bottom: 1em;
}
/*リキャプション*/
.grecaptcha-badge {
  bottom: 90px!important;
  z-index: 100;
}

@media (min-width:769px) {
body{
text-align: center;

}
.div_mobframe_con {
display: none;
}
.dn_mob {
display: block !important;
}
.dn_pc {
display: none !important;
}
}

@media (max-width: 768px) {
body {
font-size: 1.5em;
background: none;
}
h1, h2, h3, h4, h5, h6, p {
line-height: 1.5em;
}
/* display */
.dn_mob,.top_pc{
display: none !important;
}
.dn_pc {
display: block !important;
}
.in-block_sp {
display: inline-block;
}
.div_mobframe {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
}
.div_mobframe_con:before {
background: url(../img/common/ic_flick01.png) no-repeat left top;
background-size: contain;
content: " ";
float: left;
height: 60px;
margin-left: -45px;
position: relative;
top: 0px;
left: 0px;
width: 32px;
}
.div_mobframe_con {
background: #fff;
border: #ccc 1px solid;
color: #525252;
font-size: 16rem;
font-weight: bold;
border-radius: 20px;
min-height: 80px;
margin-bottom: 15px;
padding: 20px 10px 20px 60px;
}
}