@charset "utf-8";

/* CSS Document */
body {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
  font-size: 18px;
  line-height: 30px;
  margin: 0;
  -webkit-text-size-adjust: 100%;
}

body * {
  box-sizing: border-box;
}

#footer,
#footer-sub{
	width : 100%;
	padding : 8px 0px;
	background : #333;
	color : #fff;
	text-align : center;
	font-size : 13px;
}
.footer-link{
	margin : 15px 0px;
}
.footer-link a{
	text-decoration : none;
	color : #fff;
}

.center{
	text-align : center;
}
.clear{
	clear : both;
}
.sign{
	text-align : right;
}

.youtube{
position:relative;
padding-bottom: 56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


.image_area {
width: 240px;
display: block;
vertical-align: bottom;
}
.image_area2 {
width: 280px;
display: block;
vertical-align: bottom;
}
@media only screen and (min-width: 737px){
.image_right {
float: right;
margin: 0 0 21px 25px;
}
.image_left {
float: left;
margin: 0 25px 30px 0;
}
}
@media only screen and (max-width: 736px){
.image_right {
float: none;
margin: 25px auto;
}
.image_left {
float: none;
margin: 25px auto;
}
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width:599px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

/* PCとSPの改行切り替え */
@media screen and (min-width: 1025px) {
  .br-pc {
    display: block;
  }

  .br-sp {
    display: none;
  }
}

@media only screen and (max-width:599px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }
}

.marker-yellow{
	background : #ffff99;
}
.red{
	color : #cc0000;
}
.blue{
	color : #0000cd;
}

/*よくある質問（共通）*/
.qa dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa dt::before,
.qa dd::before {
    margin-right: .4em;
}

.qa dt::before {
    content: "Q.";
}

.qa dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: rgba(255,255,255,0.8);
    color: #333333;
}

.qa dd::before {
    content: "A.";
	font-weight : 600;
	color : #cc0000;
	font-size : 1.4em;
}

/*動くボタン*/
/* -- img.bounce -------------------------------------------------------------------------------------------- */

img.bounce {
	-webkit-animation: bounce 1.8s linear infinite;
	animation: bounce 1.8s linear infinite;
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
	25% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	40% {
		-webkit-transform: scale( 0.85 );
		transform: scale( 0.85 );
	}
	50% {
		-webkit-transform: scale( 1.05 );
		transform: scale( 1.05 );
	}
	60% {
		-webkit-transform: scale( 0.93 );
		transform: scale( 0.93 );
	}
	70% {
		-webkit-transform: scale( 1.03 );
		transform: scale( 1.03 );
	}
	80% {
		-webkit-transform: scale( 0.95 );
		transform: scale( 0.95 );
	}
	90% {
		-webkit-transform: scale( 1.01 );
		transform: scale( 1.01 );
	}
	100% {
		-webkit-transform: scale( 1 );
		transform: scale( 1 );
	}
}

/*特商法*/
.tokutei {
  border-collapse: collapse;
  width: 100%;
	font-size : 15px;
}
 
.tokutei th,
.tokutei td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
	text-align : left;
}
 
.tokutei th {
  background: #f9fafc;
  text-align: left;
  width: 25%;
}
 
@media only screen and (max-width: 800px) {
  .tokutei tr,
  .tokutei th,
  .tokutei td {
    display: block;
    width: auto;
  }
  
  .tokutei tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .tokutei th,
  .tokutei td {
    border-top: none;
  }
}
.policy-ttl{
	font-size : 1.1em;
	font-weight : 600;
	margin-bottom : 15px;
}
.policy-text{
	padding : 15px 0px;
}
ol li {
  list-style: decimal;
  margin-left: -15px;
}

ul {
  list-style: disc;
  margin-left: -15px;
}

ul li {
  list-style: disc; /* 箇条書きのスタイルを設定 */
	margin-left : 0px
}

/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width: 640px ){

img.bounce {
	max-width: 90%;
}



}
/* 640pixel end */

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:641px){
	.footer_contact{
		display: none;
}	
}

/* スマホ～641pxの幅サイズまで */
@media screen and (max-width:640px) {
    .footer_contact {
        display: none; /* 初期状態で非表示にする */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        z-index: 999999;
    }
}