/*===============================

	共通

================================*/

body,
input,
textarea,
select,
button {
	font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
}

input,
textarea,
select {
	/*box-sizing: content-box;*/
	background-color: #fff;
}

html {
	overflow: auto;
	overflow-x: hidden;
}

body {
	min-width: 320px;
	margin: 0 auto;
	color: #333;
	overflow: hidden;
}

h1 {
	margin-top: 0;
	margin-bottom: 0;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

img {
	max-width: 100%;
}

ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

button {
	outline: 0;
	border: 0;
	cursor: pointer;
}

footer {
	margin: 0 auto;
}

.container {
  position: relative;
  margin: 0 auto;
}

#body_wrapper{
    max-width: 750px;
    margin:0 auto;
}

/*===============================

	個別

================================*/
/*
	header
================================*/
.header {
	position: relative;
}

.header__logo {
  position: absolute;
	top: 28.4%;
	width: 20%;
	left: 4.4%;
}

.header__logo img {
	width: 100%;
	display: block;
}


/*
	2018/0723　追加分
================================*/

.present{
	max-width: 100%;
    position: absolute;
    top: 54%;
    right: -8%;
    width: 55%;
}

/*
	contents-2__video
================================*/
.contents-2 {
	position: relative;
}

.contents-2 .contents-2__video {
	position: absolute;
    top: 13.59%;
	left: 4.59%;
	width: 90.8%;
	height: auto;
}

.contents-2-yahoo .contents-2__video {top: 22.6%;}

.contents-2 .contents-2__video img {
	width: 100%;
	height: auto;
}

.cv {
	position: relative;
}

.cv__btn {
	position: absolute;
	z-index: 1;
	top: 81%;
	left: 8.6%;
	width: 82.6%;
}

.cv__btn--02 {
	top: 76.5%;
}

.contents-15 .contents-15__btn {
	position: absolute;
	width: 82.3%;
}

.contents-15 .contents-15__btn-1 {
	top: 27.6%;
	left: 9%;
}

.contents-15 .contents-15__btn-2 {
	top: 76.1%;
	left: 9%;
}

.contents-15 .contents-15__btn-3 {
	top: 76.1%;
	left: 9%;
}

.contents-15 .contents-15__btn-4 {
	top: 94.48%;
	left: 9%;
}

.contents-15-course01{
	position: relative;
	z-index: 104;
}
.contents-15-course02{
	position: relative;
	z-index: 103;
}
.contents-15-course03{
	position: relative;
	z-index: 102;
}
.contents-15-course04{
	position: relative;
	z-index: 101;
}

.contents-15-course01 .contents-15__btn-1{
	top: 91.2265758091993%;
	left: 9%;
}
.contents-15-course02 .contents-15__btn-2{
	top: 90.1442307692308%;
	left: 9%;
}
.contents-15-course02 .contents-15__btn-2-i2{
	top: 89.7959183673469%;
	left: 9%;
}
.contents-15-course02 .contents-15__btn-2-i2 .present{
	max-width: 100%;
	position: absolute;
	top: 70%;
	right: -8%;
	width: 53%;
}
.contents-15-course03 .contents-15__btn-3{
	top: 87.8338278931751%;
	left: 9%;
}
.contents-15-course03 .contents-15__btn-3-i2{
	top: 87.629494210847%;
	left: 9%;
}
.contents-15-course03 .contents-15__btn-3-i2 .present{
	max-width: 100%;
	position: absolute;
	top: 65.5%;
	right: -8%;
	width: 55%;
}
.contents-15-course04 .contents-15__btn-4{
	top: 87.9136690647482%;
	left: 9%;
}


/*
	事実
================================*/
.contents-2 img {
  margin: 0 auto;
}

/*
================================*/
.contents-3__btn {
  position: absolute;
	bottom: 2.5%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 82.5%;
}
/*
================================*/
.contents-5__btn {
  position: absolute;
	bottom: 12.2%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 82.5%;
}
/*
================================*/
.contents-7__btn {
  position: absolute;
	bottom: 4.2%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 82.5%;
}
.contents-12__btn {
  position: absolute;
	bottom: 2.4%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 82.5%;
}
.contents-13__btn {
  position: absolute;
	bottom: 4%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 82.5%;
}
.contents-14__btn {
  position: absolute;
	bottom: 21.8%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 82.5%;
}
/*

/*
	フォーム
================================*/

.v-options {
	padding-top: 28px;
	padding-bottom: 28px;
	text-align: center;
}

.v-options__heading {
	text-align: center;
}

.v-options__contents {
	margin: 22px auto 0;
	padding: 0 15px;
}

.v-options__item {
	position: relative;
	display: inline-block;
	padding: 0 12px 0 47px;
	cursor: pointer;
}

.v-options__item-1::before{
	position: absolute;
	content: '';
	background: url('../images/options_icon01.png') no-repeat;
	width: 70px;
	height: 69px;
	top: -15px;
	left: 18px;
	background-size: 100%;
	z-index: 10;
}

.v-options__item-2::before{
	position: absolute;
	content: '';
	background: url('../images/options_icon02.png') no-repeat;
	width: 70px;
	height: 69px;
	top: -15px;
	left: 18px;
	background-size: 100%;
	z-index: 10;
}

.v-options__item:not(:first-of-type) {
	margin-top: 28px;
}

.v-options__item img {
	pointer-events: none;
}

.v-options input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.v-options .radio {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 35px;
	height: 35px;
	border: 4px solid #eaeaea;
	border-radius: 50%;
	box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, .08);
	content: '';
	transform: translateY(-50%);
}

.v-options input:checked ~ .radio {
	padding: 1px;
	background-color: #ff5463;
	background-clip: content-box;
}

.v-options .appeal {
	position: absolute;
	top: 29px;
	left: 4px;
}

.v-fixed-cv {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	margin: 0 auto;
	text-align: center;
	z-index: 100;
}

.v-fixed-cv__button {
	position: absolute;
	bottom: 0;
	left: 914px;
}

.v-fixed-cv__discount {
	position: absolute;
	top: 20px;
	left: 1251px;
	pointer-events: none;
}

/*
  フッター
================================*/

.change_mode_ {
    display: none;
}

#fnavi {
  width: 951px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}