@charset:"Shift_JIS";

#vr_wrap{
	width:940px;
	margin:auto;
	text-align:center;
	font-size:14px;
	font:1rem/1 BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

#vr_wrap *{
	box-sizing:border-box;
	font-weight:inherit;
	color:inherit;
	/*vertical-align:bottom;*/
	line-height:1.4;
	font-size:inherit;
}
#vr_wrap img{
	max-width:100%;
}
#vr_wrap a:hover{
	opacity:0.7;
}
#vr_wrap .vr_header{
	padding:60px 0 0;
	background-image:URL(../img/relo/img_h_back.jpg);
	background-repeat:repeat-x;
}
#vr_wrap .vr_logo{
	display:inline-block;
	padding:0 10px;
	height:55px;
	margin-bottom:10px;
}
#vr_wrap .vr_title,
#vr_wrap .vr_c_to{
	display:inline;
	vertical-align:bottom;
}
#vr_wrap .vr_title{
	font-size:3rem;
	font-weight:bold;
}
#vr_wrap .vr_c_to{
	color:#e7772d;
	vertical-align:bottom;
}
#vr_wrap .vr_ttxt{
	margin:10px 0;
	font-weight:;
	font-size:20px;
}

/***********ポイント***********/

#vr_wrap .vr_point{
	background-image:url(../img/relo/img_bg_point.jpg);
	margin-top:30px;
	background-size:100% auto;
	position:relative;
}
#vr_wrap .vr_p_con{
	width:90%;
	margin:20px auto;
	position:relative;
	font-size:32px;
	line-height:1.4;
}
#vr_wrap .vr_pointhead{
	background-image:url(../img/relo/img_point_head.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:100%;
	margin-top:70px;
	background-size:100% auto;
}
#vr_wrap .vr_pointhead img{
	width:auto;
	margin-top:-45px;
}

/*ふきだし*/
#vr_wrap .vr_pc_fukidashi:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#09adb7;
	z-index:2;
}
#vr_wrap .vr_pc_fukidashi{
	width:150px;
	position:absolute;
	padding:5px;
	background-color:#09adb7;
	color:#FFF;
	font-weight:bold;
	z-index:3;
	font-size:16px;
	line-height:100%;
	box-shadow:1px 1px 3px #8c8c8c;
	border-radius:3px;
	line-height:1.2;
	left:0;
}
#vr_wrap .vr_pc_fukidashi *{
	position:relative;
	z-index:3;
}
#vr_wrap .vr_pc_fukidashi:before{
	width:15px;
	height:15px;
	background-color:#09adb7;
	display:block;
	content:"";
	position:absolute;
	transform:rotate(20deg);
	left:50%;
	margin-left:-8px;
	bottom:-3px;
	z-index:0;
	box-shadow:1px 1px 3px #8c8c8c;
}

#vr_wrap .vr_pc_p{
	color:#e7316e;
	display:inline;
}
#vr_wrap .vr_ul{
	background: linear-gradient(transparent 85%, #FF0 15%);
	background-position:0 -5px;
	display:inline;
	padding:0 10px;
}
#vr_wrap .vr_kazu{
	font-size:190%;
	display:inline;
	line-height:1.2;
	vertical-align:baseline;
}
#vr_wrap .vr_p_how{
	width:90%;
	margin:30px auto;
	background-color:#FFF;
	padding:20px;
	font-size:16px;
	line-height:1.4;
}
#vr_wrap .vr_stxt{
	margin:10px 0;
}
#vr_wrap .vr_kt_title{
	width:90%;
	margin:20px auto;
	background-color:#FFF;
	font-size:30px;
	line-height:1.4;
	padding:10px 0;
	border-top:solid 1px #09adb7;
	border-bottom:solid 1px #09adb7;
}
#vr_wrap .vr_kt_title:after{
	
}
#vr_wrap .vr_c_gb{
	color:#09adb7;
	display:inline;
}
#vr_wrap .vr_btn{
	text-align:left;
}
#vr_wrap .vr_btnf{
	max-width:44%;
	margin-left:5%;
}

#vr_wrap .vr_btn a:nth-child(2n+2) .vr_btnf{
	margin-left:2%;
}


/**************アコーディオンメニュー***************/

#vr_wrap .vr_kt_list{
	width:90%;
	margin:0 auto;
	font-size:0;
}

#vr_wrap .accbox {
    margin:5px 0;
    margin-right:1%;
    padding: 0;
    display:inline-block;
    width:49%;
    vertical-align:top;
}
#vr_wrap .vr_kt_list .accbox:nth-child(2n+2){
	margin-right:0;
	margin-left:1%;
}

/**************ラベル***************/
#vr_wrap .accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #FFF;
    font-weight: bold;
    background: #09adb7;
    cursor :pointer;
    transition: all 0.5s;
    position:relative;
    font-size:18px;
}

/*************アイコンを表示************/
#vr_wrap .accbox label:before {
    content: '';
    width:20px;
    height:20px;
    background-image:url(../img/relo/img_arrow_en.png);
    background-size:20px;
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-10px;
}

/***********ラベルホバー時*********/
#vr_wrap .accbox label:hover {
    background :#09ccd8;
}

/*********チェックは隠す*********/
#vr_wrap .accbox input {
    display: none;
}

/************中身を非表示にしておく************/
#vr_wrap .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/***************クリックで中身表示**************/
#vr_wrap .cssacc:checked + label + .accshow {
    height: auto;
    padding:0px;
    background: #fff5eb;
    opacity: 1;
}

#vr_wrap .accbox .accshow p {
    margin: 15px 10px}

/*************アイコンを入れ替える**************/
#vr_wrap .cssacc:checked + label:before {
    transform:rotate(180deg);
}
#vr_wrap .accbox table{
	font-size:14px;
	width:100%;
}
#vr_wrap .accbox table tr{
	background-color:#FFF;
	font-size:14px;
}
#vr_wrap .accbox table tr:nth-child(2n){
	background-color:#e9e9e9;
}
#vr_wrap .accbox table tr td{
	border-bottom:solid 1px #09ccd8;
	padding:10px 6px 5px;
	font-size:14px;
}
#vr_wrap .accbox table tr td a{
	display:block;
	width:100%;
	height:100%;
	font-size:14px;
}
/***********MORE***********/
#vr_wrap .vr_more{
	margin-top:60px;
	font-size:35px;
	background-color:#fef7e5;
	padding-top:50px;
	position:relative;
	padding-bottom:20px;
	text-align:center;
}
#vr_wrap .vr_img{
	position:absolute;
	top:-40px;
	margin-left:-130px;
}
#vr_wrap .vr_mt{
	margin:0 0 20px;
}
#vr_wrap .vr_kozacate{
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#vr_wrap .vr_koza_icon{
	margin:3px 0;
	max-width:24%;
}
#vr_wrap .vr_kozaimg{
}


/*******ユーキャン用*********/
#vr_wrap #vr_ucan{
	text-align:left;
	margin-top:;
}
#vr_wrap #vr_ucan *{
	font-size:14px;
	box-sizing:border-box;
}
#vr_ucan nav{
	height:0;
	width:0;
	margin:0;
	padding:0;
}

/*-----アコーディオンふたつめ-----*/
#acMenu{
	margin:0;
}
#acMenu dt{
display:block;
width:100%;
height:40px;
line-height:35px;
text-align:center;
cursor:pointer;
background-color:#f9f9f9;
border-top:solid 1px #ebebeb;
}
#acMenu dd{
width:auto;
height:atuo;
line-height:50px;
text-align:center;
display:none;
margin:5px 0 0 0;
}
#acMenu .icon {
    background: url(../img/common/ico_expand.png) no-repeat center center;
    background-size: auto;
    background-size: contain;
    width:15px;
    height:15px;
    display:inline-block;
    vertical-align:middle;
    left:-5px;
    position:relative;
}



/*IEでMOREセンタリング*/
@media all and (-ms-high-contrast: none) {
    #vr_wrap .vr_img {
    position: relative;
    top: -30px;
    margin: -60px 0px 0px;
    }
    #vr_wrap .vr_more {
    margin-top:50px;
    }
}

/*************ページトップへ*****************/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:111;
}
#page-top a {
    text-decoration: none;
    width: auto;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}
