@charset 'UTF-8';
/*normalize: http://necolas.github.io/normalize.css/*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video{
	display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
	display: none;
	height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template{
	display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html{
	font-family: sans-serif; /* 1 */

	-webkit-text-size-adjust: 100%; /* 2 */
	    -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body{
	margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a{
	background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus{
	outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover{
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,h2,h3,h4,p{
	font-size: 1em;
	font-weight: 400;
	margin: 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]{
	border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong,.strong{
	font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,em,.em{
	font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr{
	box-sizing: content-box;
	height: 0;
}
/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p{
	-webkit-hyphens: auto;
	        hyphens: auto;

	-epub-hyphens: auto;
	    -ms-hyphens: auto;
}
/*
 * Addresses margins set differently in IE6/7.
 */
pre{
	margin: 0;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp{
	font-family: monospace, serif;
	font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre{
	white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q{
	quotes: '\201C' '\201D' '\2018' '\2019';
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,q:after{
	content: '';
	content: none;
}
small,.small{
	font-size: 75%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	top: -.5em;
}
sub{
	bottom: -.25em;
}
/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,menu,ol,ul{
	margin: 0;
}
dd{
	margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu{
	padding: 0 0 0 40px;
}
ol,ul{
	padding: 0;
	list-style-type: none;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,nav ol{
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img{
	border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root){
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure{
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset{
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend{
	padding: 0; /* 2 */
	border: 0; /* 1 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea{
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input{
	line-height: normal;
}
button{
	padding: 0;
	border: none;
	outline: none;
	background: none;

	line-break: 1;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select{
	text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type='button'],/* 1 */
input[type='reset'],input[type='submit']{
	cursor: pointer; /* 3 */

	-webkit-appearance: button; /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled]{
	cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],input[type='radio']{
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']{
	box-sizing: content-box;

	-webkit-appearance: textfield; /* 1 */ /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
	-webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea{
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{
	border-spacing: 0;
	border-collapse: collapse;
}
*{
	box-sizing: border-box;
}
.image-replacement,.ir{
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.clearfix,.cf{
	zoom: 1;
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
	display: table; 
	content: '';
}
.clearfix:after,.cf:after{
	clear: both;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp{
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}
:root{
	--color: #000;
	--w: 83.18841vw;
}
/* 画像ぷるぷる */
@-webkit-keyframes animateBtn{
	0%{
		transform: rotate(0deg);
	}40%{
		transform: rotate(0deg);
	}50%{
		transform: rotate(2deg);
	}60%{
		transform: rotate(-1deg);
	}70%{
		transform: rotate(3deg);
	}80%{
		transform: rotate(-2deg);
	}90%{
		transform: rotate(0deg);
	}100%{
		transform: rotate(0deg);
	}
}
@keyframes animateBtn{
	0%{
		transform: rotate(0deg);
	}40%{
		transform: rotate(0deg);
	}50%{
		transform: rotate(2deg);
	}60%{
		transform: rotate(-1deg);
	}70%{
		transform: rotate(3deg);
	}80%{
		transform: rotate(-2deg);
	}90%{
		transform: rotate(0deg);
	}100%{
		transform: rotate(0deg);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes blink{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(.95);
	}
	to{
		transform: scale(1);
	}
}
@keyframes blink{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(.95);
	}
	to{
		transform: scale(1);
	}
}
/* ==========================================================================
   共通設定
========================================================================== */
html{
	font-size: 62.5%;
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body{
	font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-size: 1.6rem;
	line-height: 1.3;
	overflow: hidden;
	width: 100%;
	min-width: 1080px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #000;
	color: var(--color);
	border: 28px solid #20264a;
	background: url('../img/back.jpg') repeat-y center / 100% auto;

	font-feature-settings: 'pkna';
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
a{
	text-decoration: none;
	color: #000;
	color: var(--color);
}
a:hover{
	opacity: .7;
}
.spShow{
	display: none;
}
.pcShow{
	display: inline-block;
}
button:hover{
	opacity: .8;
}
.contents{
	padding: 67px 10px 0;
}
/* ==========================================================================
   footer
========================================================================== */
.footer{
	margin-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.footer ul{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	display: flex;

	align-items: center;
	justify-content: center;
}
.footer ul li+li::before{
	padding: 0 .8em;
	content: '|';
}
.footer .copyright{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	margin-top: 15px;
}
.fixLineBtn{
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: none;
	width: 150px;
}
.fixLineBtn:hover{
	opacity: .9;
}
.fixLineBtnShow{
	display: block;
	-webkit-animation: fadeIn 1s 1 0s ease-in forwards, animateBtn 1s infinite;
	        animation: fadeIn 1s 1 0s ease-in forwards, animateBtn 1s infinite;
}
/* ==========================================================================
   firstView
========================================================================== */
.firstView{
	line-height: 1;
	max-width: 1049px;
	margin: 0 auto;
	text-align: center;
}
.firstView h1{
	margin-top: 80px;
}
.muryoukoukai{
	line-height: 1;
	margin-top: 60px;
	text-align: center;
}
/* ==========================================================================
   共通
========================================================================== */
.main{
	max-width: 687px;
	margin: 113px auto 0;
	padding-bottom: 55px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0 10px 43.24px 2.76px rgba(0, 0, 0, .09);
}
.lineBtnBox{
	max-width: 652px;
	margin: 0 auto;
	text-align: center;
}
.lineBtnBox a{
	display: block;
	-webkit-animation: blink 1.2s ease 1s infinite;
	        animation: blink 1.2s ease 1s infinite;
}
.lineBtnBox a:hover{
	opacity: 1;
}
.lineBtnBox p{
	font-size: 1.8rem;
	line-height: 1;
	margin-top: 8px;
}
.lineBtnBox1{
	position: relative;
	top: -20px;
}
/* ==========================================================================
   line講座 step
========================================================================== */
.line2step{
	max-width: 627px;
	margin: 75px auto 0;
}
.line2step>h2{
	margin-bottom: 42px;
	text-align: center;
}
.line2step ol{
	display: flex;
	padding: 22px;
	background: #efefef;

	justify-content: space-between;
}
.line2step li{
	padding-bottom: 20px;
	text-align: center;
	border: 1px solid #d5d5d5;
	background: #fff;

	flex: 0 1 274px;
}
.line2step li .step{
	width: 274px;
	margin-bottom: 15px;
	margin-left: -1px;
}
.line2step li .text{
	font-size: 1.7rem;
	font-weight: 900;
	line-height: 1.58;
	margin-top: 10px;
}
.lineBtnBox2{
	margin-top: 30px;
}
/* ==========================================================================
   テキスト系部品
========================================================================== */
.secTitle{
	line-height: 1;
	text-align: center;
}
.squareList{
	max-width: 628px;
	margin: 0 auto;
	padding: 22px;
	background: #efefef;
}
.squareList ul{
	padding: 16px 24px 0;
	background: #fff;
}
.squareList li{
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.55;
	display: flex;
	padding: 24px 0;
}
.squareList li::before{
	width: 29px;
	height: 30px;
	margin-right: 18px;
	content: '';
	background: url('../img/check_mark.png') no-repeat center center / contain;

	flex-shrink: 0;
}
.squareList li:not(:last-child){
	border-bottom: 1px solid #efefef;
}
.redBlack{
	font-weight: 900;
	color: #e20000;
}
.marker{
	font-weight: 900;
	display: inline;
	background: linear-gradient(transparent 50%, #fff600 0%);
}
.textSec p{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	padding: 0 55px 0;
}
.textSec p+p{
	margin-top: 2em;
}
.textSec .imgBox{
	max-width: 629px;
	margin: 30px auto 45px;
}
.circleList{
	max-width: 574px;
	margin: 30px auto;
	padding: 19px 15px;
	border: 2px solid #eaeaea;
	background: #fafafa;
}
.circleList li{
	font-size: 1.6rem;
	font-weight: 900;
	line-height: 1.55;
	display: flex;

	align-items: center;
}
.circleList li::before{
	width: 25px;
	height: 25px;
	margin-right: 12px;
	content: '';
	background: url('../img/check_mark_circle.png') no-repeat center center / contain;

	flex-shrink: 0;
}
.circleList li+li{
	margin-top: 16px;
}
/* ==========================================================================
   今、こんな悩みはありませんか？
========================================================================== */
.nayami{
	max-width: 627px;
	margin: 79px auto 0;
}
.nayami .secTitle{
	margin-bottom: 50px;
}
/* ==========================================================================
   この無料動画講座で
学べること
========================================================================== */
.manaberu{
	margin: 45px 0 50px;
}
.manaberu .secTitle{
	margin-bottom: 55px;
}
.manaberu .squareList{
	margin: 30px auto;
}
/* ==========================================================================
   なぜ、商品・サービス力は高いのに
選ばれないのか？
========================================================================== */
.erabarenai{
	margin: 100px 0 0;
}
.erabarenai .secTitle{
	margin-bottom: 60px;
}
.erabarenai .fukidashi{
	margin-left: 57px;
	padding: 0;
}
/* ==========================================================================
   選ばれる会社と選ばれない会社の決定的な違い
========================================================================== */
.tigai{
	margin: 60px auto 0;
}
.tigai .secTitle{
	margin-bottom: 50px;
}
/* ==========================================================================
   広告費を半分に削っても集客数が2倍になった実例
========================================================================== */
.jiturei{
	margin: 80px auto 0;
}
.jiturei .secTitle{
	margin-bottom: 50px;
}
.jiturei .underLine{
	font-weight: 900;
	display: inline;
	border-bottom: 1px solid #3f3f3f;
}
/* ==========================================================================
   「価値」が伝わる仕組みづくりを
3ステップで解説します
========================================================================== */
.kaisetu{
	margin: 80px auto 40px;
}
.kaisetu .secTitle{
	margin-bottom: 50px;
}
/* ==========================================================================
   動画講座の内容を
一部ご紹介します
========================================================================== */
.syoukai{
	margin: 90px auto 40px;
}
.syoukai .secTitle{
	margin-bottom: 35px;
}
.syoukai .movieBox{
	max-width: 649px;
	margin: 0 auto;
	padding: 24px 0 20px;
	border-top: 24px solid #f5f5f5;
	border-right: 24px solid #f5f5f5;
	border-left: 24px solid #f5f5f5;
}
.syoukai .movieBox h2{
	max-width: 563px;
	margin-bottom: 35px;
	margin-left: 20px;
	padding-bottom: 27px;
	border-bottom: 1px solid #bdbdbd;
}
.syoukai .movieBox .img{
	max-width: 447px;
	margin: 0 auto;
	text-align: center;
}
.syoukai .movieBox5{
	border-bottom: 24px solid #f5f5f5;
}
.syoukai .circleList{
	margin: 26px auto 0;
}
.syoukai .circleList li{
	line-height: 1.68;

	align-items: flex-start;
}
.syoukai .circleList li::before{
	background: url('../img/check_mark_circle2.png') no-repeat center center / contain;
}
/* ==========================================================================
   動画講座の視聴特典を
ご紹介します
========================================================================== */
.tokuten{
	margin: 100px auto 50px;
}
.tokuten .secTitle{
	margin-bottom: 60px;
}
.tokuten .toptext{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.3;
	margin-bottom: 30px;
	padding: 0 15px 0 30px;
}
.tokuten .row{
	display: flex;
	padding: 63px 20px 55px;
	background: #222f4b;

	justify-content: space-between;
}
.tokuten .row section{
	padding-bottom: 20px;
	border: 1px solid #c6c6c6;
	background: #fff;

	flex: 0 1 318px;
}
.tokuten .row section h2{
	line-height: 1;
	text-align: center;
}
.tokuten .row section h2 img{
	margin-top: -38px;
}
.tokuten .row section p{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	max-width: 284px;
	margin: 10px auto 0;
}
/* ==========================================================================
   講師プロフィール
========================================================================== */
.prof{
	max-width: 628px;
	margin: 70px auto 0;
}
.prof .secTitle{
	margin-bottom: 60px;
}
.prof .profBox{
	display: -ms-grid;
	display:     grid;
	padding: 27px 24px 27px 35px;
	border: 21px solid #f5f5f5;

	-ms-grid-columns: 260px 1fr;
	-ms-grid-rows: 169px auto 1fr;
	grid-template-columns: 260px 1fr;
	grid-template-rows: 169px auto 1fr;
}
.prof .profBox h2{
	padding-top: 30px;

	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 1;
	    grid-row: 1;
}
.prof .profBox figure{
	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.prof .profBox figure img{
	margin-left: -35px;
}
.prof .profBox .text1{
	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 2;
	    grid-row: 2;
}
.prof .profBox .text2{
	margin-top: 30px;

	-ms-grid-column: 1;
	    grid-column: 1 / 3;
	-ms-grid-column-span: 2;
	-ms-grid-row: 3;
	    grid-row: 3;
}
.prof .profBox p{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
}
.prof .profBox p+p{
	margin-top: 2em;
}
/* ==========================================================================
   追伸
========================================================================== */
.tuisin{
	margin: 55px auto;
}
.tuisin .secTitle{
	margin-bottom: 40px;
}
.tuisin .underLine{
	font-weight: 900;
	display: inline;
	border-bottom: 1px solid #3f3f3f;
}
/* ==========================================================================
   END
========================================================================== */
@media only screen and (max-width: 767px){
	html{
		font-size: 1.44928vw;
	}
	body{
		min-width: 0;
		border: none;
		border: 2.89855vw solid #20264a;
	}
	a:hover{
		opacity: 1;
	}
	button:hover{
		opacity: 1;
	}
	.spShow{
		display: inline-block;
	}
	.pcShow{
		display: none;
	}
	.contents{
		padding: 8.84058vw 2.6087vw 0;
	}
	/* ==========================================================================
   footer
========================================================================== */
	.footer{
		margin-top: 7.24638vw;
		padding-bottom: 7.24638vw;
	}
	.footer ul{
		font-size: 2.6rem;
		display: block;
	}
	.footer ul li+li{
		margin-top: 1.5em;
	}
	.footer ul li+li::before{
		display: none;
	}
	.footer .copyright{
		font-size: 2.2rem;
		margin-top: 2em;
	}
	.fixLineBtn{
		right: 1.44928vw;
		bottom: 4.34783vw;
		width: 21.73913vw;
	}
	.fixLineBtn:hover{
		opacity: 1;
	}

	/* ==========================================================================
   firstView
========================================================================== */
	.firstView{
		max-width: none;
	}
	.firstView h1{
		margin-top: 7.73333vw;
	}
	.muryoukoukai{
		margin-top: 4vw;
	}
	/* ==========================================================================
   共通
========================================================================== */
	.main{
		max-width: none;
		margin: 15.06667vw auto 0;
		padding-bottom: 7.97101vw;
	}
	.lineBtnBox{
		max-width: none;
	}
	.lineBtnBox p{
		font-size: 2.4rem;
		margin-top: 1.15942vw;
	}

	/* ==========================================================================
   line講座 step
========================================================================== */
	.line2step{
		max-width: 83.18841vw;
		max-width: var(--w);
		margin: 10.86957vw auto 0;
	}
	.line2step>h2{
		width: 57.53623vw;
		margin: 0 auto 6.08696vw;
	}
	.line2step ol{
		display: flex;
		padding: 2.31884vw;
		background: #efefef;

		justify-content: space-between;
	}
	.line2step li{
		padding-bottom: 2.89855vw;
		border: .14493vw solid #d5d5d5;

		flex: 0 1 38.55072vw;
	}
	.line2step li .step{
		width: 100%;
		margin-bottom: 2.17391vw;
		margin-left: -.14493vw;
	}
	.line2step li>img{
		width: 100%;
	}
	.line2step li .text{
		margin-top: 1.44928vw;
	}
	.lineBtnBox2{
		margin-top: 4.34783vw;
	}
	/* ==========================================================================
   テキスト系部品
========================================================================== */
	.secTitle{
		margin-right: auto;
		margin-left: auto;
	}
	.squareList{
		max-width: 83.18841vw;
		max-width: var(--w);
		padding: 2.31884vw;
	}
	.squareList ul{
		padding: 2.31884vw 3.47826vw 0;
		background: #fff;
	}
	.squareList li{
		font-size: 2.8rem;
		padding: 3.47826vw 0;
	}
	.squareList li::before{
		width: 4.2029vw;
		height: 4.34783vw;
		margin-right: 2.6087vw;
	}
	.squareList li:not(:last-child){
		border-bottom: .14493vw solid #efefef;
	}
	.textSec p{
		font-size: 2.6rem;
		padding: 0 7.97101vw;
	}
	.textSec .imgBox{
		max-width: none;
		margin: 4.34783vw 0 6.52174vw;
	}
	.circleList{
		max-width: 83.18841vw;
		max-width: var(--w);
		margin: 4.34783vw auto;
		padding: 2.75362vw 2.17391vw;
		border: .28986vw solid #eaeaea;
	}
	.circleList li{
		font-size: 2.6rem;

		align-items: flex-start;
	}
	.circleList li::before{
		width: 3.62319vw;
		height: 3.62319vw;
		margin: .3em 1.73913vw 0 0;
		background: url('../img/check_mark_circle.png') no-repeat center center / contain;
	}
	.circleList li+li{
		margin-top: 2.31884vw;
	}
	/* ==========================================================================
   今、こんな悩みはありませんか？
========================================================================== */
	.nayami{
		margin: 11.44928vw 0 0;
	}

	.nayami .secTitle{
		width: 82.6087vw;
		margin-bottom: 7.24638vw;
	}
	/* ==========================================================================
   この無料動画講座で
学べること
========================================================================== */
	.manaberu{
		margin: 6.52174vw 0 7.24638vw;
	}
	.manaberu .secTitle{
		width: 49.42029vw;
		margin-bottom: 7.97101vw;
	}

	.manaberu .squareList{
		margin: 4.34783vw auto;
	}

	/* ==========================================================================
   なぜ、商品・サービス力は高いのに
選ばれないのか？
========================================================================== */
	.erabarenai{
		margin: 14.49275vw 0 0;
	}
	.erabarenai .secTitle{
		width: 82.6087vw;
		margin-bottom: 8.69565vw;
	}
	.erabarenai .fukidashi{
		margin-left: 0;
	}
	/* ==========================================================================
   選ばれる会社と選ばれない会社の決定的な違い
========================================================================== */
	.tigai{
		margin: 8.69565vw auto 0;
	}
	.tigai .secTitle{
		width: 83.18841vw;
		margin-bottom: 7.24638vw;
	}
	/* ==========================================================================
   広告費を半分に削っても集客数が2倍になった実例
========================================================================== */
	.jiturei{
		margin: 11.5942vw auto 0;
	}
	.jiturei .secTitle{
		width: 83.18841vw;
		margin-bottom: 7.24638vw;
	}
	/* ==========================================================================
   「価値」が伝わる仕組みづくりを
3ステップで解説します
========================================================================== */
	.kaisetu{
		margin: 11.5942vw auto 5.7971vw;
	}
	.kaisetu .secTitle{
		width: 77.68116vw;
		margin-bottom: 7.24638vw;
	}
	/* ==========================================================================
   動画講座の内容を
一部ご紹介します
========================================================================== */
	.syoukai{
		margin: 13.04348vw auto 5.7971vw;
	}
	.syoukai .secTitle{
		width: 62.75362vw;
		margin-bottom: 5.07246vw;
	}
	.syoukai .movieBox{
		max-width: 83.18841vw;
		max-width: var(--w);
		margin: 0 auto;
		padding: 3.47826vw 0 2.89855vw;
		border-top: 2.31884vw solid #f5f5f5;
		border-right: 2.31884vw solid #f5f5f5;
		border-left: 2.31884vw solid #f5f5f5;
	}
	.syoukai .movieBox h2{
		max-width: none;
		margin: 0 2.89855vw;
		margin-bottom: 5.07246vw;
		padding-bottom: 3.91304vw;
	}
	.syoukai .movieBox h2 img{
		height: 17.3913vw;

		-o-object-fit: contain;
		   object-fit: contain;
		-o-object-position: left;
		   object-position: left;
	}
	.syoukai .movieBox .img{
		max-width: 72.46377vw;
		margin: 0 auto;
		text-align: center;
	}
	.syoukai .movieBox5{
		border-bottom: 3.47826vw solid #f5f5f5;
	}
	.syoukai .circleList{
		max-width: 72.46377vw;
		margin: 3.76812vw auto 0;
	}
	/* ==========================================================================
   動画講座の視聴特典を
ご紹介します
========================================================================== */
	.tokuten{
		margin: 14.49275vw auto 7.24638vw;
	}
	.tokuten .secTitle{
		width: 80.14493vw;
		margin-bottom: 8.69565vw;
	}
	.tokuten .toptext{
		font-size: 2.6rem;
		margin-bottom: 4.34783vw;
		padding: 0 4.34783vw;
	}
	.tokuten .row{
		display: block;
		padding: 63px 2.89855vw 7.97101vw;
	}
	.tokuten .row section{
		max-width: 318px;
		margin: 0 auto;
		padding: 0 2.89855vw 2.89855vw;
	}
	.tokuten .row section p{
		font-size: 2.6rem;
		max-width: 284px;
	}
	.tokuten .row section+section{
		margin-top: 55px;
	}
	/* ==========================================================================
   講師プロフィール
========================================================================== */
	.prof{
		max-width: 83.18841vw;
		max-width: var(--w);
		margin: 10.14493vw auto 0;
	}
	.prof .secTitle{
		width: 55.21739vw;
		margin-bottom: 8.69565vw;
	}
	.prof .profBox{
		display: -ms-grid;
		display:     grid;
		padding: 3.91304vw 3.62319vw;
		border: 2.31884vw solid #f5f5f5;

		-ms-grid-columns: 33.33333vw 1fr;
		-ms-grid-rows: auto auto 1fr;
		grid-template-columns: 33.33333vw 1fr;
		grid-template-rows: auto auto 1fr;
	}
	.prof .profBox h2{
		padding-top: 0;

		align-self: center;
		-ms-grid-column-align: center;
		-ms-grid-row-align: center;
		justify-self: center;
	}
	.prof .profBox figure{
		-ms-grid-column: 1;
		    grid-column: 1;
		-ms-grid-row: 1;
		    grid-row: 1;
	}
	.prof .profBox figure img{
		margin-left: -4.34783vw;
	}
	.prof .profBox .text1{
		margin-top: 2em;

		-ms-grid-column: 1;
		    grid-column: 1 / 3;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
		    grid-row: 2;
	}
	.prof .profBox .text2{
		margin-top: 2em;

		-ms-grid-column: 1;
		    grid-column: 1 / 3;
		-ms-grid-column-span: 2;
		-ms-grid-row: 3;
		    grid-row: 3;
	}
	.prof .profBox p{
		font-size: 2.6rem;
	}
	/* ==========================================================================
   追伸
========================================================================== */
	.tuisin{
		margin: 7.97101vw auto;
	}
	.tuisin .secTitle{
		width: 13.62319vw;
		margin-bottom: 5.7971vw;
	}
	.tuisin .underLine{
		font-weight: 900;
		display: inline;
		border-bottom: 1px solid #3f3f3f;
	}
	/*end*/
}