@charset "UTF-8";

body, div, pre, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, form, fieldset, table, th, td, span {
	margin: 0;
	padding: 0;
}
body {
	-webkit-text-size-adjust: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color: #2e8e85;
}
p, img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

img {
    padding: 0;
    margin: 0;
    max-width: 100%;
	height: 100%;
}

p.po_re span {
	position: absolute;
	transform: scale(0.35);
	text-align: left;
	display: block;
	width: 100%;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
* html .clearfix {
	height: 1%;
}

/*---------------- acdn ----------------*/

dl, dt, dd,
acdn{
    margin:0;
    padding:0;
    border:0;
    outline:0;
	font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

dl.acdn {width:100%;}
dl.acdn dd {display:none;}

dd p {
	margin: 0;
	padding: 0;
}

/*---------------- main ----------------*/
div.box {
    overflow: hidden;
	width: 100%;
	background-color:#000;
}
div.box #wrapper {
	max-width: 1500px;
	min-width: 700px;
    text-align: center;
    margin: 0 auto;
    position: relative;
	height: 100%;
	width: 100%;
}
.wrapper img {
    display: block;
}
.offerTop {
    margin: 0 auto;
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
}

.bttop {
    position: absolute;
    top: 15px;
    left: 383px;
    width: 746px;
    height: 130px;
    display: block;
}

/*---------------- info ----------------*/
.textArea {
	margin-top: 20px;
	padding: 2%;
	text-align: left;
	font-size: 70%;
	margin: 3% auto;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	background: #fff;
}

.textAreaInner{
	width:90%;
	margin: 0 auto;
	display: block;
}
.textArea ul li{
	list-style: none;
	font-size: 140%;
}

.textArea .info_txt {
	margin-bottom: 3%;
	
}
.textArea p{
	font-size: 140%;
	display: inline;
}

.textArea .heading{
	font-weight: bold;
	font-size: 140%;
}
/*---------------- Footer ----------------*/

#footer {
    margin: 20px auto 150px;
    display: block;
    text-align: center;
	background-color:#fff;
}

#copyright {
    text-align: center;
    font-size: 84%;
    color: #ee3586;
    margin-top: 40px;
}

/*---------------- Button ----------------*/
.toTop {
    position: fixed;
    bottom: 20px;
/*    right: 20px;*/
    right: 67px;
    font-size: 100%;
}
.toTop a {
    background:#771f1f;
    text-decoration: none;
    color: #fff;
    width:80%;
    padding: 20px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-size: 80%;
}
.toTop a:hover {
    text-decoration: none;
    background: #771f1f;
	opacity: 0.7;
}
/*---------------- video-container ----------------*/
.originalvideo {
    position: relative;
    width: 100%;
    height: auto;

}
.originalvideo-inner {
    position: absolute;
	width: 64%;
	height:auto;
    top: 0%;
    left: 18%;
    margin: 2% 0;

}
.originalvideo .video-container {
    position: relative;
    padding-bottom: 48%;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.originalvideo .video-container video,.originalvideo .video-container object,.originalvideo .video-container embed {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}

.youtube {
    position: relative;
    width: 100%;
    height: auto;
}
.youtube-inner {
    position: absolute;
    width: 100%;
    top: 5%;
}
.youtube .video-container {
    position: relative;
    padding-bottom: 20%;
    padding-top: 11%;
    overflow: hidden;
    width: 55%;
    margin: 0 auto;
    height: 100%;
}
.youtube .video-container iframe,.youtube .video-container object,.youtube .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*---------------- アコーディオン ----------------*/
.accbox {
    margin:0;
    padding: 0;
    max-width: 100%;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0px;
    padding :0px;
    cursor :pointer;
    transition: all 0.8s;
}

/*アイコンを表示*/
.accbox label:after {
    content: "";
    display: block;
    width: 21.5px;
    height: 13.5px;
    background-image: url('../images/faq_arrow.png');
    background-size: 21.5px 13.5px;
    position: absolute;
    right: 22%;
    margin-left: -10.75px;
    transition: .5s ease-in;
    margin-top: -7%;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0px;
    background: #fff5eb;
    opacity: 1;
	transition: 1s ease-out;
}

.accbox .accshow p {
    margin: 15px 10px
}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: .5s ease-out;
}

/*ボタンのところ*/
.relative-area {
	 position: relative;
 }
.cta_box_01 .offer__btn__01{
	position: absolute;
	width:46%;
	top: 78%;
	right: 26.6%;
}
.cta_box_01 .offer__btn__02{
	position: absolute;
	width:27.5%;
	top: 83%;
	right: 36.2%;
}

.cta_box_02 .offer__btn__01{
	position: absolute;
	width:46%;
	top: 79%;
	right: 26.6%;
}
.cta_box_03 .offer__btn__02{
	position: absolute;
	width:27.5%;
	top: -16%;
	right: 36.2%;
}
.cta_box_04 .offer__btn__01{
	position: absolute;
	width:46.8%;
	top: 22%;
	right: 26.2%;
}
.following__pc{
	width:190px;
	position: fixed;
	z-index: 100;
  right: 10px;
}
a:hover{
  opacity:0.8;
}