@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------
共通設定(PC)
--------------------------------------------------------------------------------------------------------*/
html, body {
	width: 100%;
}

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

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,
		'ＭＳ Ｐゴシック', sans-serif;
	font-size: 62.5%;
	font-style: normal;
	line-height: 1.5;
}

/*リンク文字の設定*/
a {
	text-decoration: underline;
}

a:link, a:visited {
	color: #39f;
}



.keyframe5{
    animation-name: anim_sc;
    transform: scale(0.9,0.9);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 0.8s;
}

@keyframes anim_sc {
    100% {
        transform: scale(1,1);

    }
}

.keyframe4 {
animation: prun 2.2s ease-in infinite;
-webkit-animation: prun 2.2s ease-in infinite;
-moz-animation: prun 2.2s ease-in infinite;
-o-animation: prun 2.2s ease-in infinite;
-ms-animation: prun 2.2s ease-in infinite;
}

@keyframes prun {
48%, 62% {transform: scale(1.0, 1.0)}
50% {transform: scale(1.1, 0.9)}
56% {transform: scale(0.9, 1.1) translate(0, -5px)}
59% {transform: scale(1.0, 1.0) translate(0, -3px)}
}

@-webkit-keyframes prun{
48%, 62% {-webkit-transform: scale(1.0, 1.0)}
50% {-webkit-transform: scale(1.1, 0.9)}
56% {-webkit-transform: scale(0.9, 1.1) translate(0, -5px)}
59% {-webkit-transform: scale(1.0, 1.0) translate(0, -3px)}
}
/*-----------------------------------------------------------------------------------------------------
各エリアの設定(PC)
-----------------------------------------------------------------------------------------------------*/

/*ページ全体*/
#container {
	position: relative;
	padding-top: 0em;
}

.kotei {
	position: fixed;
	bottom: 20px;
	right: -220px;
	overflow-y: auto;
	z-index:100;
}

/*本体*/
#main {
	/*ディール変更*/
	/*background-image: url(../images/bg_main.jpg);*/
	background-repeat: no-repeat; /* 背景を繰り返さない */
	background-position: 50% 50%; /* 背景画像の位置は画面中央 */
	background-attachment: fixed; /* 背景画像を固定する */
	background-size: cover;
	margin-bottom: 0em;
}
/*カラム部分*/
#main,
#main-in {
	background-color: #FFF;
	padding: 0em 0;
	/* box-shadow: 0px 0px 15px #594a42; */
	max-width: 750px;
	margin: 0 auto;
}
@media
only screen and (max-width: 1024px){
#main,
#main-in {
	width: auto!important;
	max-width: 750px;
	margin: 0 auto!important;
}
}

#main-in ol li,
#main-in ul li,
#main-in dl dt,
#main-in dl dd{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/*-----------------------------------------------------------------------------------------------------
フッター部分
-----------------------------------------------------------------------------------------------------*/
#footer {
	background: #004737;
	padding: 2em 0;
	text-align: center;
	font-size: 1.4em;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

#footer p {
	margin-top: 1em!important;
}

#main-in .p-box{
	position: relative;
}

/* offer */
#main-in .offer{
	margin-top: calc(-25/750*100%);
}
#main-in .offer .btn_cv{
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center center;
  width: calc(359/750*100%);

  position: absolute;
  right: 6%;
  bottom: 10%;
}
#main-in a img{
  transition: all ease .5s;
}
#main-in a img:hover{
	opacity: 0.7;
}

#main-in .offer .btn_single{
	width:  calc(321/750*100%);
	position: absolute;
	right: 7%;
	bottom: 5%;
}

@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}

/* special */
#main-in .special{
	margin-top: calc(-35/750*100%);
}

/* onayami */
#main-in #onayami{
	margin-top: calc(-100/750*100%);
}


/* voice */

#main-in #voice{
	margin-top: calc(-15/750*100%);
}

/* faq */

#main-in #faq{
	background-image: url('../lp_images/bg_faq.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: calc(60/750*100%) calc(30/750*100%) calc(60/750*100%);
	margin-top: calc(-100/750*100%);
	position: relative;
	z-index: 2;
}

#main-in #faq h2{
	width:  calc(406/750*100%);
	margin: 0 auto calc(58/750*100%);
}

#main-in #faq .accordion{
	margin: 0 0 0.5%;
}

#main-in #faq .accordion dt{
	position: relative;
}
#main-in #faq .accordion dt:after{
	content: "";
	display: block;
	width: calc(20/690*100%);
	padding-top: calc(13/690*100%);
	background-image: url('../lp_images/icon_acc.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 5%;
	top: 40%;
  transition: all ease 0.5s;
  transform-origin: center center 0;
transform:rotate(180deg);
}

#main-in #faq .accordion dt.selected:after{
transform:rotate(0deg);
}

#main-in #faq .accordion dd{
	display: none;
}