@charset "UTF-8";
/* CSS Document */

html{
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	background: #fff3e2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

div,h1,h2,h3,h4,h5,h6,header,nav,section,article{
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

ul,ol{
	list-style: none;
}

img{
	margin: 0px;
	padding: 0px;
	border-style: none;
}

/*-- フォントスタイル --*/
.gothic{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.mincho{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.ft-b34{
	font-size: 34px;
}

.ft-b20{
	font-size: 20px;
	font-weight: bold;
}

.ft-b21{
	font-size: 21px;
	font-weight: bold;
}

.ft-19{
	font-size: 19px;
}

.ft-28{
	font-size: 28px;
}

.ft-24{
	font-size: 24px;
}

.ft-b26{
	font-size: 26px;
	font-weight: bold;
}

.lh-34{
	line-height: 34px;
}

.lh-36{
	line-height: 36px;
}

.lh-46{
	line-height: 46px;
}

.centering{
	text-align: center;
}

.red{
	color: #EB0D0D;
}

/*-- --*/

.line01{
	background: linear-gradient(transparent 60%, #faabf9 0%);
}
.line02{
	background: linear-gradient(transparent 60%, #fd71a9 0%);
}

.ft-b21s{
	font-size: 21px;
	font-weight: bold;
}

.cfix::after{
  display: block;
  clear: both;
  content: "";
}

.innner-wrapper{
	width: 870px;
	height: auto;
	margin: 0px 25px;
}

.wrapper{
	display: block;
	width: 920px;
	margin: 0px auto;
	height: auto;
}

header{
	display: block;
	width: 100%;
	min-width: 670px;
}

video{
	width: 100%;
}

.logo{
	display: block;
	position: absolute;
	width: 100%;
	padding-top: 56.25%;
	z-index: 10;
	top: 0;
}

.logo img{
	position: absolute;
	left: 63px;
	top: 70vh;
}

video::before{
	position: relative;
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

.chapter_1{
	height: 626px;
	background: url(images/nayami_woman.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

h2.ft-b34{
	text-align: center;
	margin-top: 60px;
}

.chapter_1 span{
	display: inline-block;
	margin-top: 89px;
	margin-left: 43px;
}

.chapter_1 span:first-child{
	margin-top: 98px;
}

.chapter_1 span:nth-of-type(2){
	margin-left: 12px;
}

.chapter_2-1{
	margin-top: 11px;
	height: 306px;
	background: url(images/chapt2_repeat-top.jpg);
	background-repeat: repeat-x;
}

.wrapper_chapt2-1{
	width: 920px;
	height: 306px;
	display: block;
	margin: 0px auto;
}

.chap2_image_01{
	width: 920px;
	height: 306px;
	display: block;
	margin: 0px auto;
}

.chapter_2_2{
	height: 256px;
	display: block;
	background: url(images/chapter2_bottom_repeat.jpg);
}

.chap2_btm_image{
	background: url(images/chapter2_bottom_image.jpg);
	background-repeat: no-repeat;
	width: 920px;
	height: 256px;
	display: block;
	margin: 0px auto;
}

.chapt2_txt{
	display: block;
	padding-top: 36px;
	margin-left: 352px;
	margin-right: 55px;
	line-height: 39px;
	margin-top: 0px;
}

.chapter_3{
	width: 870px;
	margin: 0px auto;
	display: block;
	clear: both;
}

.chapt3_h2{
	width: 870px;
	height: 170px;
	display: block;
	margin-top: 69px;
}

.chapt3_h3{
	margin-top: 28px;
	width: 672px;
	height: 39px;
	margin: 0px auto;
	display: block;
}

.chap3_block1{
	width: 820px;
	height: 480px;
	display: block;
	margin: 55px 25px 0px 25px;
}

.chap3_block2{
	width: 820px;
	height: 485px;
	display: block;
	margin: 55px 25px 0px 25px;
}

.chap3_block1 p{
	margin-right: 16px;
}

.chap3_block2 p{
	margin-left: 16px;
}

.chap3_img01{
	width: 410px;
	height: 428px;
	float: right;
	margin: 0px 0px 0px 16px;
}

.chap3_img02{
	width: 410px;
	height: 429px;
	float: left;
	margin-right: 16px;
}

.chapter_4{
	width: 920px;
	margin: 0px auto;
}

.midasi-chapt4{
	width: 870px;
	height: 116px;
	display: block;
	margin-top: 65px;
}

.office-box{
	width: 820px;
	height: 475px;
	margin: 64px auto 0px;
}

.word{
	width: 392px;
	height: 475px;
	float: left;
	background: url(images/office-windows.jpg);
}

.exel{
	width: 394px;
	height: 475px;
	float: left;
	margin-left: 32px;
	background: url(images/office-windows-02.jpg);
}

.chapt_4_message{
	width: 820px;
	height: 282px;
	margin: 55px auto 0px;
}

.chapt4_txt{
	margin-top: 115px;
	font-size: 19px;
	padding: 10px 30px 0px 30px;
	line-height: 34px;
}

.chapt4-img{
	display: block;
	float: left;
}

.chapter_5{
	background: #e3f6fe;
}

.chapter_5_band{
	background: url(images/chapter5-band-repeat.jpg) repeat-x;
	height: 498px;
	margin-top: 112px;
}

.chapt_5_img{
	width: 920px;
	height: 498px;
	margin: 0px auto;
	display: block;
}

.chapt-5_inner{
	background: #e3f6fe;
	width: 920px;
	margin: 0px auto;
}

.chapt5-midasi{
	width: 870px;
	height: 74px;
	margin: 0px 25px 20px;
}

.chapt5-contents{
	width: 820px;
	margin: 0px auto;
}

.chapt5-contents p {
}

.chapt5-contents h2{
	margin-top: 94px;
	margin-bottom: 74px;
}

.cp05-illust_01{
	width: 194px;
	height: 142px;
	margin: 15px 0px 0px 15px;
	float: right;
}

.cp05-illust_02{
	width: 181px;
	height: 153px;
	margin: 15px 0px 0px 15px;
	float: right;
}

.chapt_5_end{
	display: block;
	height: 67px;
	background: url(images/band-repeat-chap5_btm.jpg) repeat-x;
}

.chapt_5_end_img{
	display: block;
	width: 920px;
	height: 67px;
	margin: 61px auto;
}

.chapter_6{
	width: 870px;
	height: auto;
	margin: 0px auto;
}

.chapt6_title{
	width: 385px;
	height: 55px;
	display: block;
	margin-top: 100px;
}

.chapt6-inner{
	width: 786px;
	height: auto;
	display: block;
	margin: 0px auto;
}

.chapt6_top-block{
	clear: left;
	width: 786px;
	height: 379px;
	display: block;
	margin-top: 55px;
}

.chapt6_biginner{
	width: 360px;
	height: 379px;
	display: block;
	float: left;
}

.chapt6_word-excel{
	width: 376px;
	height: 379px;
	display: block;
	margin-left: 50px;
	float: left;
}

.chapt6_h31{
	width: 360px;
	height: 45px;
	display: block;
}

.chapt6_h32{
	width: 376px;
	height: 45px;
	display: block;
}

.kouza-txt{
	font-size: 19px;
	line-height: 34px;
	padding: 8px 22px 0px 17px;
}

.chapt6_middle-box{
	width: 770px;
	height: 475px;
	display: block;
}

.chapt6_h33{
	width: 786px;
	height: 56px;
}

.chapt6_middle-content{
	width: 786px;
	margin: 68px 0px 0px 20px;
}

.chapt6_pc-illust{
	width: 328px;
	height: 262px;
	float: left;
	margin-right: 15px;
	margin-left: 31px;
}

.chapt6_block-bottom{
	width: 770px;
	height: 480px;
	display: block;
	margin: 0px auto 65px;
	clear: left;
}

.chapt6_h34{
	width: 786px;
	height: 36px;
	display: block;
}

.chapt6_block-bottom-content{
	width: 719px;
	margin-top: 63px;
	margin: 63px 0px 0px 20px;
	display: block;
}

.chapt6_woman-photo{
	width: 328px;
	height: 267px;
	float: right;
	margin-bottom: 60px;
	margin-left: 11px;
}

.chapter_7{
	width: 870px;
	display: block;
	margin: 0px auto;
}

.chapter7-2{
	width: 870px;
	margin: 100px auto 60px;
}

.chapt7_inner{
	width: 820px;
	margin: 0px auto;
	display: block;
}

.chapt7_inner dl dt{
	border-bottom: 1px dotted #000;
	margin-top: 33px;
}

.chapt7_2_inner{
	width: 820px;
	margin: 27px auto 0px;
	display: block;
	border-bottom: 5px solid #eb0f8b;
	padding-bottom: 75px;
}

.chapt7_h2{
	width: 870px;
	height: 74px;
	display: block;
	margin: 0px auto;
}

.chapt7_h3{
	width: 820px;
	margin: 42px auto 0px;
	display: block;
	border-bottom: 5px solid #eb0f8b;
}

.chapt7_h3-inner{
	width: 468px;
	height: auto;
	margin-left: 10px;
	display: block;
}

.chapt7_h3-inner p{
	text-indent: 1em;
}

.oisogi{
	display: block;
	margin-top: 2em;
}

.chapt7_price{
	width: 468px;
	height: 117px;
	margin-top: 44px;
	display: block;
}

.school_block{
	width: 820px;
	height : 448px;
	display: block;
	overflow: hidden;
}

.school_block:first-child{
	margin-top: 42px;
}
.map-box{
	width: 410px;
	height: 410px;
	display: block;
	margin-top: 42px;
	margin-left: 10px;
	float: right;
	clear: right;
}

.chapt7_inner h3{
	font-weight: bold;
}

.chapter_8{
	width: 870px;
	margin: 0px auto 0px;
}
.chapt8_h2_img{
	width: 751px;
	height: 126px;
	margin: 0px auto;
	display: block;
	margin-top: 65px;
}

.chapt8-txt1{
	margin: 65px auto 0px;
	text-align: center;
}

.last-image{
	width: 751px;
	height: 605px;
	display: block;
	margin: 41px auto 0px;
}

.last-message{
	font-size: 24px;
	font-weight: bold;
	line-height: 42px;
	text-align: left;
}

.welcome{
	width: 590px;
	margin: 39px auto 0px;
	display: block;
}

.conversion{
	width: 803px;
	height: 138px;
	display: block;
	margin: 65px auto 0px;
}

.page-top{
	font-size: 14px;
	text-decoration: underline;
	float: right;
	margin-top: 120px;
}

.copyright{
	margin-top: 175px;
	font-size: 16px;
	text-align: center;
}

a.hov:hover {
	opacity: 0.7;
}

.hov{
	display: block;
}