@charset "utf-8";

@font-face {
	font-family: 'FUJI-新まろゴシックE';
	src: url(https://cbnm.fccl-homecomputing.com:8443/font/FUJI-ShinMaroGothic-E.otf) format('opentype');
}

* { box-sizing: border-box; }
html{font-size: calc(10px + 14 * (100vw - 768px)/1152);/* 768px - 14px | 1920px - 24px */
  font-family: 'FUJI-新まろゴシックE', "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;}

/*-- 1920px基準 --*/
body {width: auto;}
.main-section{display: block; width: auto;}

.teachtop-head-section {display: block; position: relative; height: 93.13px; background: #F4E100;}
@media screen and (min-width: 1280px) and (max-width: 1599px) {

  .teachtop-head-bg{display: block; position: relative; width: 668px; height: 95.18px; background:#F4E100; margin: 0 auto;}
  
}
@media screen and (max-width: 1279px){
  .teachtop-head-bg{display: block; position: relative; width: 668px; height: 70.82px; background:#F4E100; margin: 0 auto;}
}

.slide-area {display: none; position: fixed; width: 500px; height: 564px; top:44px; right: 45px;  background: #FAE600 0% 0% no-repeat padding-box; opacity: 1; z-index: 999;}
.close-btn {position: relative; width: 40px; height: 40px; top: 43.98px; left: 414px; border: 2px solid;}
.close-icon {display: inline-block; vertical-align: middle; color: #FFFFFF; line-height: 1; width: 1em; height: 0.1em; background: currentColor; border-radius: 0.1em; position: relative; top: 4px; left: 8px; transform: rotate(45deg); margin: 0 auto;}
.close-icon::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; border-radius: inherit; transform: rotate(90deg); margin: 0 auto;}

.menu-title {position: relative; width: 168px; height: 40px; top: 174px; left: 49px; font-size: 28px; text-align: left; line-height: 37px; letter-spacing: 0px; color: #333333; opacity: 1;}
.fukumaro-btn {position: absolute; width: 365px; height: 66px; top: 284px; left: 49px;}
.btn-image {position:absolute; width: 365px; height: 66px; z-index: 0;}
.btn-text {position: absolute; width: 305.5px /*305px*/; height: 40px; top: 13px; left: 30px; font-size: 28px; text-align: center /*left*/; line-height: 37px; letter-spacing: 0px; color: #333333; opacity: 1; z-index: 1; pointer-events: none;}

.up-button {display: inline-block; position:fixed;  width: 72px; height: 72px; bottom: 30px; right: 88px; z-index: 998;}

/* パソコンのことをちょっとおしえて */
.teachtop-section{display: block; position: relative; background: #F4E100;}
.teachtop-area{display: block; position: relative; margin: 0 auto;}
.teachtop-contents-area{display:block; position:relative; width: 785.24px; height: 838.87px; background: #F4E100; margin: 0 auto;}

.teachtop-fukidashi-contents{position: absolute; width: 575.97px; height: 122.15px; top: 0px; left: 86.03px;}
.teachtop-fukidashi-contents img{ position: absolute; width: 575.97px; height: 122.15px; }
.teachtop-fukidashi-text {position: absolute; top: 34.08px; left:71.97px; width: 444px; height: 40px; font-size: 28px; text-align: left; line-height: 36px; color: #333333; }

.teachtop-subtitle-text { position:absolute; width: 695px; height: 40px; top: 123.13px; left: 46px; font-size: 28px; text-align: left; line-height: 37px; letter-spacing: 0px; color: #333333; opacity: 1;}
.teachtop-maintitle-text {position: absolute; width: 710.1px/* 710px */; height: 130px; top: 157.11px; left: 38px; font-size: 90px; text-align: left; line-height: 180px; letter-spacing: 0px; color: #333333; opacity: 1;}
.teachtop-example-images img{position: absolute; width: 785.24px; height: 419.13px; top: 419.74px; left: 0px;}



@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .teachtop-contents-area{display:block; position:relative; width: 753.24px; height: 720.82px; background: #F4E100; margin: 0 auto;}
  
  .teachtop-fukidashi-contents{position: absolute; width: 504.76px; height: 107.05px; top: 0px; left: 131.03px;}
  .teachtop-fukidashi-contents img{ position: absolute; width: 504.76px; height: 107.05px; }
  .teachtop-fukidashi-text {position: absolute; top: 31.02px; left:62.38px; width: 380.5px /*380px*/; height: 35px; font-size: 24px; text-align: left; line-height: 36px; color: #333333; }
  
  .teachtop-subtitle-text { position:absolute; width: 595.5px/*595px*/; height: 35px; top: 125.08px; left: 91px; font-size: 24px; text-align: left; line-height: 37px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teachtop-maintitle-text {position: absolute; width: 679px; height: 124px; top: 159.06px; left: 53.5px; font-size: 86px; text-align: left; line-height: 172px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teachtop-example-images img{position: absolute; width: 753.24px; height: 366.03px; top: 354.79px; left: 0px;}
}

@media screen and (max-width: 1279px){
  .teachtop-area{display: block; position: relative; width: 668px; margin: 0 auto;}

	.teachtop-area-bg{display: block; position: relative; width: 668px; background:#F4E100; margin: 0 auto;}
  
  .teachtop-contents-area{display:block; position:relative; width: 525.7px; height: 486.67px; background: #F4E100; margin: 0 auto;}
  
  .teachtop-fukidashi-contents{position: absolute; width: 337.24px; height: 71.52px; top: 0px; left: 110.81px;}
  .teachtop-fukidashi-contents img{ position: absolute; width: 337.24px; height: 71.52px; }
  .teachtop-fukidashi-text {position: absolute; top: 20.76px; left:44.62px; width: 256px; height: 24px; font-size: 16px; text-align: left; line-height: 23px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .teachtop-subtitle-text { position:absolute; width: 400px; height: 24px; top: 81.61px; left: 87.28px; font-size: 16px; text-align: left; line-height: 23px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teachtop-maintitle-text {position: absolute; width: 456px; height: 82px; top: 93.61px; left: 60.78px; font-size: 57px; text-align: left; line-height: 114px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teachtop-example-images img{position: absolute; width: 525.7px; height: 256.59px; top: 230.08px; left: 0px;}
}

/* リモートサポートとは、パソコンを遠隔操作でサポートすることです */
.remoteinfo-section{display: block; position: relative; background: #F4E100;}
.remoteinfo-area-1{display: block; position: relative; margin: 0 auto;background: #F4E100;}
.remoteinfo-area-2{display: block; position: relative; margin: 0 auto;background: #FFF0AE;}

.remoteinfo-contents-area-1{display:block; position:relative; width: 939.4px; height: 519px; background: #F4E100; margin: 0 auto;}
.remoteinfo-contents-area-2{display:block; position:relative; width: 939.4px; height: 280.75px;background: #FFF0AE; margin: 0 auto;}

.remoteinfo-image-area img{position: absolute; width: 939.4px; height: 526px; top: 238.25px; left: 0px; z-index: 1;}
.remoteinfo-image-area-p{position: absolute; width: 508px; height: 24px; top: 256.75px; left: 204px; font-size: 16px; text-align: center; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; z-index: 1;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .remoteinfo-contents-area-1{display:block; position:relative; width: 699.78px; height: 422px; background: #F4E100; margin: 0 auto;}
  .remoteinfo-contents-area-2{display:block; position:relative; width: 699.78px; height: 173.75px;background: #FFF0AE; margin: 0 auto;}
  .remoteinfo-image-area img{position: absolute; width: 699.78px; height: 366.7px; top: 198.67px; left: 0px; z-index: 1;}
  .remoteinfo-image-area-p{position: absolute; width: 508px; height: 24px; top: 149.75px; left: 143.76px; font-size: 16px; text-align: center; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; z-index: 1;}
}

@media screen and (max-width: 1279px) {
  .remoteinfo-contents-area-1-bg{display: block; position: relative; width: 668px; background:#F4E100; margin: 0 auto;}
  .remoteinfo-contents-area-2-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .remoteinfo-contents-area-1{display:block; position:relative; width: 467.53px; height: 269.51px; background: #F4E100; margin: 0 auto;}
  .remoteinfo-contents-area-2{display:block; position:relative; width: 467.53px; height: 115.45px;background: #FFF0AE; margin: 0 auto;}
  .remoteinfo-image-area img{position: absolute; width: 467.53px; height: 245px; top: 120.7px; left: 0px; z-index: 1;}
  .remoteinfo-image-area-p{position: absolute; width: 320px; height: 15px; top: 100.45px; left: 96.05px; font-size: 10px; text-align: center; line-height: 23px; letter-spacing: 0px; color: #333333; opacity: 1; z-index: 1;}
}


/* こんな経験ありませんか？ */
.experienceinfo-section{display: block; position: relative; background: #FFF0AE;}
.experienceinfo-area{display: block; position: relative; height: 656.78px; margin: 0 auto; }
.experienceinfo-contents-area{display: block; position: relative; width: 915.41px; height: 556.53px; top: 100.25px; background: #FFF0AE; margin: 0 auto;}
.experience-area-p{position: absolute; width: 668px; height: 81px; top: 0px; left: 125px; font-size: 56px; text-align: left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
.experience-area img{position: absolute; width: 915.41px; height: 418.95px; top: 137.58px; left: 0px;}


@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .experienceinfo-area{display: block; position: relative; height: 665.96px; margin: 0 auto; }
  .experienceinfo-contents-area{display: block; position: relative; width: 791.41px; height: 489.71px; top: 176.25px; background: #FFF0AE; margin: 0 auto;}
  .experience-area-p{position: absolute; width: 620px; height: 75px; top: 0px; left: 85.71px; font-size: 52px; text-align: left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .experience-area img{position: absolute; width: 791.41px; height: 357.71px; top: 132px; left: 0px;}
}


@media screen and (max-width: 1279px) {
  .experienceinfo-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .experienceinfo-area{display: block; position: relative; height: 482.2px; margin: 0 auto; }
  .experienceinfo-contents-area{display: block; position: relative; width: 598.06px; height: 394.65px; top: 87.55px; background: #FFF0AE; margin: 0 auto;}
  .experience-area-p{position: absolute; width: 480px; height: 57px; top: 0px; left: 61.03px; font-size: 40px; text-align: left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .experience-area img{position: absolute; width: 598.06px; height: 286.82px; top: 107.83px; left: 0px;}
}


/* ふくまろがお手伝いできること */
.remotesupport-section{display: block; position: relative; background: #FFF0AE; padding-top: 100.47px;}
.remotesupport-area{display: block; position: relative; margin: 0 auto; }
.remotesupport-contents-area{display:block; position:relative; width: 1380px; height: 1151px; background:#FFFFFF; border-radius: 84px; margin: 0 auto; }

.remotesupport-title-p{position: absolute; width: 779px; height: 81px; top: 70px; left: 301px; font-size: 56px; text-align:left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
.remotesupport-info-p{position: absolute; width: 252px; height: 76px; top: 192px; left: 564px; font-size: 28px; text-align:center; line-height: 36px;  letter-spacing: 0px; color: #333333; opacity: 1;}
.remotesupport-area img{position: absolute; width: 1229.05px; height: 498.85px;top: 257px; left: 75px;}
.remotesupport-area .remotesupport-image-area {width: 784px; margin: 54px auto 0 auto;}
.remotesupport-area .remotesupport-image {position: relative; width: 784px; height: 400px; top: 0; left: 0;}

.remotesupport-area-otetudai-text img{position: absolute; width: 744px; height: 57px; top: 795px; left: 318px;}

.remotesupport-imageinfo-p{position: absolute; width: 923px; height: 81px; top: 880px; left: 246px; font-size: 28px; text-align: center; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}

.fmvstart-remotesupport img{position: absolute; width: 396px; height: 66px;top: 990px; left: 492px;}
.fmvstart-remotesupport-text{position: absolute; top: 1003px; left: 515px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
.fmvstart-remotesupport-text-info{position: absolute; width: 544px; height: 24px; top: 1071px; left: 418px; font-size: 16px; text-align: left; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}



@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .remotesupport-area{display: block; position: relative; margin: 0 auto; }
  .remotesupport-contents-area{display:block; position:relative; width: 1114px; height: 1029px; background:#FFFFFF; border-radius: 84px; margin: 0 auto; }
  
  .remotesupport-title-p{position: absolute; width: 723.5px; height: 75px; top: 70px; left: 196px; font-size: 52px; text-align:left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .remotesupport-info-p{position: absolute; width: 216px; height: 68px; top: 184px; left: 450px; font-size: 24px; text-align:center; line-height: 33px;  letter-spacing: 0px; color: #333333; opacity: 1;}
  .remotesupport-area img{position: absolute; width: 960.95px;  height: 390.03px; top: 242.41px; left: 76.05px;}
  .remotesupport-area .remotesupport-image-area {width: 587px; margin: 54px auto 0 auto;}
  .remotesupport-area .remotesupport-image {position: relative; width: 587px; height: 300px; top: 0; left: 0;}

  .remotesupport-area-otetudai-text img{position: absolute; width: 657px; height: 52px; top: 665px; left: 229px;}
  
  .remotesupport-imageinfo-p{position: absolute; width: 803px; height: 81px; top: 740px; left: 156px; font-size: 24px; text-align: center; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .fmvstart-remotesupport img{position: absolute; width: 396px; height: 66px; top: 854px; left: 359px;}
  .fmvstart-remotesupport-text{position: absolute; top: 867px; left: 382px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
  .fmvstart-remotesupport-text-info{position: absolute; width: 544px; height: 24px; top: 935px; left: 285px; font-size: 16px; text-align: left; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}
}

@media screen and (max-width: 1279px) {
  .remotesupport-area{display: block; position: relative; margin: 0 auto; }
  .remotesupport-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .remotesupport-contents-area{display:block; position:relative; width: 648px; height: 805px; background:#FFFFFF; border-radius: 84px; margin: 0 auto; }
  
  .remotesupport-title-p{position: absolute; width: 560px /*556px*/; height: 57px; top: 50px; left: 46px; font-size: 40px; text-align:left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .remotesupport-info-p{position: absolute; width: 180px; height: 55px; top: 137px; left: 235px; font-size: 20px; text-align:center; line-height: 26px;  letter-spacing: 0px; color: #333333; opacity: 1;}
  .remotesupport-area img{position: absolute; width: 574.2px; height: 233.06px; top: 197.76px; left: 36.9px;}
  .remotesupport-area .remotesupport-image-area {width: 444px; margin: 61px auto 0 auto;}
  .remotesupport-area .remotesupport-image {position: relative; width: 444px; height: 229px; top: 0; left: 0;}
  
  .remotesupport-area-otetudai-text img{position: absolute; width: 553px; height: 44px; top: 470px; left: 48px;}
  
  .remotesupport-imageinfo-p{position: absolute; width: 555px; height: 81px; top: 529px; left: 46px; font-size: 20px; text-align: center; line-height: 26px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .fmvstart-remotesupport img{position: absolute; width: 396px; height: 66px; top: 650px; left: 141px;}
  .fmvstart-remotesupport-text{position: absolute; top: 663px; left: 164px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
  .fmvstart-remotesupport-text-info{position: absolute; width: 560px; height: 24px; top: 731px; left: 67px; font-size: 16px; text-align: left; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}
}


/* 動画 */
.remotemovie-section{display: block; position: relative; background: #FFF0AE;}
.remotemovie-image{display: block; position: relative; height: 895px; margin: 0 auto; }
.remotemovie-contents-image{display:block; position:relative; width: 1000px; height: 755px; top: 138px; margin: 0 auto; }
.remotemovie-text-image img{position: absolute; width: 860px; height: 155px; top: 0px; left: 64px;}
.remotemovie-movie-image img{position: absolute; width: 1000px; height: 580px; top: 175px; left: 0px;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .remotemovie-image{display: block; position: relative; height: 695.07px; margin: 0 auto; }
  .remotemovie-contents-image{display:block; position:relative; width: 800px; height: 615.07px; top: 80px; margin: 0 auto; }
  .remotemovie-text-image img{position: absolute; width: 717px; height: 131px; top: 0px; left: 64px;}
  .remotemovie-movie-image img{position: absolute; width: 800px; height: 464.07px; top: 151px; left: 0px;}  
}
@media screen and (max-width: 1279px) {
  .remotemovie-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .remotemovie-image{display: block; position: relative; height: 491.82px; margin: 0 auto; }
  .remotemovie-contents-image{display:block; position:relative; width: 480px; height: 391.82px; top: 100px; margin: 0 auto; }
  .remotemovie-text-image img{position: absolute; width: 483px; height: 93px; top: 0px; left: 0px;}
  .remotemovie-movie-image img{position: absolute; width: 480px; height: 279.82px; top: 112px; left: 0px;}  
}


/* ふくまろおしえての使い方 */
.teacheuse-section{display: block; position: relative; background: #FFF0AE;}
.teacheuseinfo-area{display: block; position: relative; height: 1983px; margin: 0 auto; }
.teacheuseinfo-contents-area{display:block; position:relative; width: 1380px; height: 1858px; top: 125px; background:#FFFFFF; border-radius: 84px; margin: 0 auto;}
.teacheuseinfo-title{position: absolute; width: 662px; height: 81px; font-size: 56px; top: 100px; left: 359px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}

.teacheuseinfo-step1{position: absolute; width: 970px; height: 487.5px; top: 251px; left: 215px;}
.teacheuseinfo-step1-take1 img{position: absolute; width: 144px; height: 144px; top: 0px; left: 0px;}
.teacheuseinfo-step1-take1-textpng img{position: absolute; width: 215px; height: 57px; top: 35px; left: 196px;}
.teacheuseinfo-step1-take1-text{position: absolute; font-size: 26px; width: 776px; height: 73px; top: 113px; left: 196px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
.teacheuseinfo-step1-take1-pointreadr img{position: absolute; height: 311px; top: 176.5px; left: 67px;} /*left = 72.5px - 5.5px*/
.teacheuseinfo-step1-take1-illust img{position: absolute; width: 425.26px; height: 253.14px; top: 213px; left: 239px;}

.teacheuseinfo-step2{position: absolute; width: 970px; height: 487.5px; top: 771px;left: 215px;}
.teacheuseinfo-step2-take2 img{position: absolute; width: 144px; height: 144px;top: 0px; left: 0px;}
.teacheuseinfo-step2-take2-textpng img{position: absolute; width: 317px; height: 57px; top: 39px; left: 196px;}
.teacheuseinfo-step2-take2-text{position: absolute; font-size: 26px;  width: 845px; height: 73px;top: 118px; left: 196px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
.teacheuseinfo-step2-take2-pointreadr img{position: absolute; height: 311px; top: 176.5px; left: 67px;}
.teacheuseinfo-step2-take2-illust img{position: absolute; width: 326.84px; height: 232.97px; top: 218px; left: 288px;} 

.teacheuseinfo-step3{position: absolute; width: 805px; height: 487.5px; top: 1291px;left: 215px;}
.teacheuseinfo-step3-take3 img{position: absolute; width: 144px; height: 144px;top: 0px; left: 0px;}
.teacheuseinfo-step3-take3-textpng img{position: absolute; width: 176px; height: 57px; top: 46px; left: 196px;}
.teacheuseinfo-step3-take3-text{position: absolute; font-size: 26px;  width: 643.5px /*619px*/; height: 73px;top: 124px; left: 196px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
.teacheuseinfo-step3-take3-illust img{position: absolute; width: 425.26px; height: 253.14px; top: 213px; left: 237px;}  /* 48px*/

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .teacheuseinfo-area{display: block; position: relative; height: 1702.93px; margin: 0 auto; }
  .teacheuseinfo-contents-area{display:block; position:relative; width: 1114px; height: 1659px; top: 43.93px; background:#FFFFFF; border-radius: 84px; margin: 0 auto;}
  .teacheuseinfo-title{position: absolute; width: 614.5px /*614px*/; height: 75px; font-size: 52px; top: 70px; left: 250px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .teacheuseinfo-step1{position: absolute; width: 817px; height: 453.95px; top: 227px; left: 170px;}
  .teacheuseinfo-step1-take1 img{position: absolute; width: 122px; height: 122px; top: 0px; left: 0px;}
  .teacheuseinfo-step1-take1-textpng img{position: absolute; width: 215px; height: 57px; top: 24px; left: 162px;}
  .teacheuseinfo-step1-take1-text{position: absolute; font-size: 22px; width: 655.5px/*655px*/; height: 68px; top: 98px; left: 162px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teacheuseinfo-step1-take1-pointreadr img{position: absolute; height: 311px; top: 142.95px; left: 56px;} 
  .teacheuseinfo-step1-take1-illust img{position: absolute; width: 344.21px; height: 204.89px; top: 196px; left: 205.5px;}
  
  .teacheuseinfo-step2{position: absolute; width: 867px; height: 463.5px; top: 701px; left: 170px;}
  .teacheuseinfo-step2-take2 img{position: absolute; width: 122px; height: 122px; top: 0px; left: 0px;}
  .teacheuseinfo-step2-take2-textpng img{position: absolute; width: 317px; height: 57px; top: 28px; left: 162px;}
  .teacheuseinfo-step2-take2-text{position: absolute; font-size: 22px;  width: 715px; height: 68px;top: 103px; left: 162px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teacheuseinfo-step2-take2-pointreadr img{position: absolute; height: 311px; top: 152.5px; left: 56px;}
  .teacheuseinfo-step2-take2-illust img{position: absolute; width: 288.12px; height: 205.37px ; top: 201px; left: 205px;}
  
  .teacheuseinfo-step3{position: absolute; width: 675px; height: 424.1px; top: 1184.48px; left: 170px;}
  .teacheuseinfo-step3-take3 img{position: absolute; width: 122px; height: 122px;top: 0px; left: 0px;}
  .teacheuseinfo-step3-take3-textpng img{position: absolute; width: 176px; height: 57px; top: 35px; left: 162px;}
  .teacheuseinfo-step3-take3-text{position: absolute; font-size: 22px;  width: 544.5px /*523px*/; height: 68px;top: 109px; left: 162px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teacheuseinfo-step3-take3-illust img{position: absolute; width: 344.21px; height: 204.89px; top: 207px; left: 157px;}  /* 48px*/
}

@media screen and (max-width: 1279px) {
  .teacheuseinfo-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .teacheuseinfo-area{display: block; position: relative; height: 1524.18px; margin: 0 auto; }
  .teacheuseinfo-contents-area{display:block; position:relative; width: 648px; height: 1424px; top: 100.18px; background:#FFFFFF; border-radius: 84px; margin: 0 auto;}
  .teacheuseinfo-title{position: absolute; width: 480px /*472px*/; height: 57px; font-size: 40px; top: 50px; left: 88px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .teacheuseinfo-step1{position: absolute; width: 530px; height: 392.5px; top: 157px; left: 81px;}
  .teacheuseinfo-step1-take1 img{position: absolute; width: 94px; height: 94px; top: 0px; left: 0px;}
  .teacheuseinfo-step1-take1-textpng img{position: absolute; width: 165px; height: 44px; top: 21px; left: 118px;}
  .teacheuseinfo-step1-take1-text{position: absolute; font-size: 20px; width: 412px; height: 81px; top: 79px; left: 118px; text-align: left; line-height: 26px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teacheuseinfo-step1-take1-pointreadr img{position: absolute; height: 278.5px; top: 114px; left: 42px;} 
  .teacheuseinfo-step1-take1-illust img{position: absolute; width: 301.96px; height: 179.74px; top: 186px; left: 146px;}
  
  .teacheuseinfo-step2{position: absolute; width: 520px; height: 395.5px; top: 570px; left: 81px;}
  .teacheuseinfo-step2-take2 img{position: absolute; width: 94px; height: 94px; top: 0px; left: 0px;}
  .teacheuseinfo-step2-take2-textpng img{position: absolute; width: 242px; height: 44px; top: 25px; left: 108px;}
  .teacheuseinfo-step2-take2-text{position: absolute; font-size: 20px;  width: 412px; height: 81px; top: 84px; left: 108px; text-align: left; line-height: 26px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teacheuseinfo-step2-take2-pointreadr img{position: absolute; height: 278.5px; top: 117px; left: 42px;}
  .teacheuseinfo-step2-take2-illust img{position: absolute; width: 252.75px; height: 180.16px; top: 191px; left: 146px;}

  .teacheuseinfo-step3{position: absolute; width: 520px; height: 387.94px; top: 986px; left: 81px;}
  .teacheuseinfo-step3-take3 img{position: absolute; width: 94px; height: 94px; top: 0px; left: 0px;}
  .teacheuseinfo-step3-take3-textpng img{position: absolute; width: 134px; height: 44px; top: 32.48px; left: 110px;}
  .teacheuseinfo-step3-take3-text{position: absolute; font-size: 20px;  width: 412px; height: 81px;top: 90.48px; left: 108px; text-align: left; line-height: 26px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .teacheuseinfo-step3-take3-illust img{position: absolute; width: 301.96px; height: 179.74px; top: 207px; left: 93.66px;}  /* 48px*/
}

.titletext-section{display: block; position: relative; background: #FFF0AE;}
.titletext-area{display: block; position: relative; height:760px; margin: 0 auto; }
.titletext-contents-area{display:block; position:relative; width: 904.5px; height:680px; top: 80px; margin: 0 auto;}

.titleborder-left{position: absolute;  width:98.5px; top: 24.5px; left: 0px; border: 2px solid #333333; opacity:1; background-color: #333333;}
.titleborder-right{position: absolute; width:98.5px; top: 24.5px; left: 806px; border: 2px solid #333333; opacity:1; background-color: #333333;}
.titletext-info{position: absolute; width:680px; height: 57px; top: 0px; left: 112.25px; font-size: 40px; color: #333333;}

.titletext-image-text{position: absolute; width:547px /*546px*/; height: 40px; top: 55px; left: 179.25px; font-size: 28px; color: #333333; }
.titletext-image-normal {position: absolute; width: 846px; height: 416px; top: 136px; left: 29.25px;}
.titletext-image-sp {display: none;}

.titletext-detail-button img{position: absolute; width: 396px; height: 66px; top: 614px; left: 255.25px;}
.titletext-detail-button-text{position: absolute; top: 627px; left: 383.25px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .titletext-area{display: block; position: relative; height:736px; margin: 0 auto; }
  .titletext-contents-area{display:block; position:relative; width: 904.5px; height:676px; top: 60px; margin: 0 auto;}
  
  .titleborder-left{position: absolute;  width:98.5px; top: 22px; left: 0px; border: 2px solid #333333; opacity:1; background-color: #333333;}
  .titleborder-right{position: absolute; width:98.5px; top: 22px; left: 806px; border: 2px solid #333333; opacity:1; background-color: #333333;}
  .titletext-info{position: absolute; width:612px; height: 52px; top: 0px; left: 146.25px; font-size: 36px; color: #333333;}
  
  .titletext-image-text{position: absolute; width:468.5px /*468px*/; height: 35px; top: 55px; left: 218.25px; font-size: 24px; color: #333333; }
  .titletext-image-normal {position: absolute;  width: 846px; height: 416px; top: 132px; left: 29.25px; }
  .titletext-image-sp {display: none;}
  
  .titletext-detail-button img{position: absolute; width: 396px; height: 66px; top: 610px; left: 255.25px;}
  .titletext-detail-button-text{position: absolute; top: 623px; left: 383.25px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
}

@media screen and (max-width: 1279px) {
  .titletext-area{display: block; position: relative; height:876px; margin: 0 auto; }
  .titletext-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .titletext-contents-area{display:block; position:relative; width: 648px; height:826.03px; top: 49.97px; margin: 0 auto;}
  
  .titleborder-left{position: absolute;  width:56.5px; top: 26px; left: 0px; border: 1px solid #333333; opacity:1; background-color: #333333;}
  .titleborder-right{position: absolute; width:56.5px; top: 26px; left: 591.5px; border: 1px solid #333333; opacity:1; background-color: #333333;}
  .titletext-info{position: absolute; width:510px; height: 44px; top: 0px; left: 69px; font-size: 30px; text-align: center; line-height: 52px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .titletext-image-text{position: absolute; width: 420px/*390px*/; height: 29px; top: 44px; left: 129px; font-size: 20px; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; }
  .titletext-image-normal {display: none;}
  .titletext-image-sp {display: block; position: absolute; width: 544px; height: 603px; top: 103px; left: 52px; background-image: url('/itsumo/fukumaro/teach/images/x1/fo_otetudai_line_sp.png'); }
  
  .titletext-detail-button img{position: absolute; width: 396px; height: 66px; top: 760.03px; left: 126px;}
  .titletext-detail-button-text{position: absolute; top: 773.03px; left: 254px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
}


.useropinion-section{display: block; position: relative; background: #FFF0AE;}
.useropinion-area{display: block; position: relative; height:1421.94px; margin: 0 auto; }
.useropinion-contents-area{display:block; position:relative; width: 985px; height:1291px; top: 130.94px; margin: 0 auto;}

.useropinion-title{position: absolute; width: 280px; height: 81px; top: 0px; left: 352px; font-size: 56px; color: #333333; text-align: left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}

.useropinion-item-contents{position: absolute; width: 985px; height: 885.5px; top: 151px; background:#FCF7C8; border-top:4px solid #333333;  border-bottom:4px solid #333333;}

.useropinion-item1{position: absolute; width: 985px; height: 144px; top: 0px; left: 0px;}
.useropinion-item2{position: absolute; width: 985px; height: 146px; top: 144px; left: 0px;}
.useropinion-item3{position: absolute; width: 985px; height: 146px; top: 291px; left: 0px;}
.useropinion-item4{position: absolute; width: 985px; height: 146px; top: 438px; left: 0px;}
.useropinion-item5{position: absolute; width: 985px; height: 146px; top: 585px; left: 0px;}
.useropinion-item6{position: absolute; width: 985px; height: 148px; top: 732px; left: 0px;}

.useropinion-boader1{position: absolute; width:945px; top: 144px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
.useropinion-boader2{position: absolute; width:945px; top: 291px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
.useropinion-boader3{position: absolute; width:945px; top: 438px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
.useropinion-boader4{position: absolute; width:945px; top: 585px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
.useropinion-boader5{position: absolute; width:945px; top: 732px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}

.useropinion-item-image img{position: absolute; height: 108px; width: 108px; top: 18px; left: 38px;}
.useropinion-item-text-opinion{position: absolute; width: 741px; height: 67px; top: 29px; left: 173px; font-size: 24px; text-align: left; line-height: 31px; letter-spacing: 0px; color: #333333; opacity: 1;}
.useropinion-item-text-userinfo{position: absolute; width: 96px; height: 24px; top: 99px; left: 173px;  font-size: 16px; text-align: left; line-height: 33px; letter-spacing: 0px; color: #676767; opacity: 1;}

.fmvstart-useropinion img{position: absolute; width: 396px; height: 66px;top: 1096px; left: 294px;}
.fmvstart-useropinion-text{position: absolute; top: 1109px; left: 317px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
.fmvstart-useropinion-text-info{position: absolute; width: 544px; height: 24px; top: 1177px; left: 220px; font-size: 16px; text-align: left; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}


@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .useropinion-area{display: block; position: relative; height:1265px; margin: 0 auto; }
  .useropinion-contents-area{display:block; position:relative; width: 882px; height:1075px; top: 90px; margin: 0 auto;}
  
  .useropinion-title{position: absolute; width: 260px; height: 75px; top: 0px; left: 301px; font-size: 52px; color: #333333; text-align: left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .useropinion-item-contents{position: absolute; width: 882px; height: 795px; top: 125px; background:#FCF7C8; border-top:4px solid #333333;  border-bottom:4px solid #333333;}
  
  .useropinion-item1{position: absolute; width: 882px; height: 134px; top: 0px; left: 0px;}
  .useropinion-item2{position: absolute; width: 882px; height: 132px; top: 134px; left: 0px;}
  .useropinion-item3{position: absolute; width: 882px; height: 132px; top: 263px; left: 0px;}
  .useropinion-item4{position: absolute; width: 882px; height: 132px; top: 395px; left: 0px;}
  .useropinion-item5{position: absolute; width: 882px; height: 132px; top: 527px; left: 0px;}
  .useropinion-item6{position: absolute; width: 882px; height: 129px; top: 659px; left: 0px;}
  
  .useropinion-boader1{position: absolute; width:825px; top: 134px; left: 29px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader2{position: absolute; width:825px; top: 263px; left: 29px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader3{position: absolute; width:825px; top: 395px; left: 29px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader4{position: absolute; width:825px; top: 527px; left: 29px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader5{position: absolute; width:825px; top: 659px; left: 29px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  
  .useropinion-item-image img{position: absolute; height: 108px; width: 108px; top: 7.49px; left: 38.5px;}
  .useropinion-item-text-opinion{position: absolute; width: 618px; height: 61px; top: 23px; left: 183.5px; font-size: 20px; text-align: left; line-height: 31px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .useropinion-item-text-userinfo{position: absolute; width: 96px; height: 24px; top: 91px; left: 183.5px;  font-size: 16px; text-align: left; line-height: 33px; letter-spacing: 0px; color: #676767; opacity: 1;}
  
  .fmvstart-useropinion img{position: absolute; width: 396px; height: 66px; top: 970px; left: 243px;}
  .fmvstart-useropinion-text{position: absolute; top: 983px; left: 266px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
  .fmvstart-useropinion-text-info{position: absolute; width: 544px; height: 24px; top: 1051px; left: 169px; font-size: 16px; text-align: left; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}
}

@media screen and (max-width: 1279px) {
  .useropinion-area{display: block; position: relative; height:1165px; margin: 0 auto; }
  .useropinion-contents-area{display:block; position:relative; width: 574px; height:1035px; top: 70px; margin: 0 auto;}
  .useropinion-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}

  .useropinion-title{position: absolute; width: 200px; height: 57px; top: 0px; left: 187px; font-size: 40px; color: #333333; text-align: left; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .useropinion-item-contents{position: absolute; width: 574px; height: 783px; top: 97px; background:#FCF7C8; border-top:3px solid #333333;  border-bottom:3px solid #333333;}
  
  .useropinion-item1{position: absolute; width: 574px; height: 129px; top: 0px; left: 0px;}
  .useropinion-item2{position: absolute; width: 574px; height: 130px; top: 129px; left: 0px;}
  .useropinion-item3{position: absolute; width: 574px; height: 130px; top: 259px; left: 0px;}
  .useropinion-item4{position: absolute; width: 574px; height: 130px; top: 389px; left: 0px;}
  .useropinion-item5{position: absolute; width: 574px; height: 130px; top: 519px; left: 0px;}
  .useropinion-item6{position: absolute; width: 574px; height: 130px; top: 649px; left: 0px;}
  
  .useropinion-boader1{position: absolute; width:525px; top: 129px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader2{position: absolute; width:525px; top: 259px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader3{position: absolute; width:525px; top: 389px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader4{position: absolute; width:525px; top: 519px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  .useropinion-boader5{position: absolute; width:525px; top: 649px; left: 20px; border: 0.5px solid #333333; opacity:1; background-color: #333333;}
  
  .useropinion-item-image img{position: absolute; height: 86.49px; width: 86.49px; top: 20.64px; left: 49.26px;}
  .useropinion-item-text-opinion{position: absolute; width: 368px; height: 68px; top: 15px; left: 163.5px; font-size: 16px; text-align: left; line-height: 22px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .useropinion-item-text-userinfo{position: absolute; width: 96px; height: 24px; top: 88.36px; left: 163.5px;  font-size: 16px; text-align: left; line-height: 33px; letter-spacing: 0px; color: #676767; opacity: 1;}
  
  .fmvstart-useropinion img{position: absolute; width: 396px; height: 66px; top: 930px; left: 92px;}
  .fmvstart-useropinion-text{position: absolute; top: 943px; left: 115px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1; pointer-events: none;}
  .fmvstart-useropinion-text-info{position: absolute; width: 544px; height: 24px; top: 1011px; left: 18px; font-size: 16px; text-align: left; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}
}



.mediaintroduction-section{display: block; position: relative; background: #FFFFFF;}
.mediaintroduction-area{display: block; position: relative; height:1241px; margin: 0 auto; }
.mediaintroduction-contents-area{display:block; position:relative; width: 1095px; height:1141px; top: 100px; margin: 0 auto;}

.mediaintroduction-title{position: absolute; width: 664px; height: 81px; top: 0px; left: 215px; font-size: 56px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}

.mediaintroduction-contents{position: absolute; width: 1095px; height: 280px; top: 151px; left: 0px;}
.mediaintroduction-contents-2{position: absolute; width: 1095px; height: 280px; top: 456px; left: 0px;}
.mediaintroduction-contents-3{position: absolute; width: 1095px; height: 280px; top: 761px; left: 0px;}

.mediaintroduction-thumbnail{position: absolute; width: 280px; height: 280px; top:0px; left: 0px; background: #D8D8D8;}
.mediaintroduction-info-area{position: absolute; width: 815px; height: 280px; top: 0px; left: 280px; background: #FFF0AE;  }
.mediaintroduction-info-title{position: absolute; width: 143px; height: 47px; top: 26px; left: 29px; background:#F4E100; border-radius: 10px;}
.mediaintroduction-info-title-text{position: absolute; width: 68px; height: 40px; top: 2px; left: 39px; font-size: 28px; text-align: center; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
.mediaintroduction-info-date{position: absolute; width: 226px; height: 49px; top: 28px; left: 196px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px;  color: #333333; opacity: 0.52; }
.mediaintroduction-info-content{position: absolute; width: 755px; height: 163px; top: 94px; left: 29px; font-size: 28px; text-align: left;line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .mediaintroduction-area{display: block; position: relative; height:1167px; margin: 0 auto; }
  .mediaintroduction-contents-area{display:block; position:relative; width: 960px; height:1077px; top: 90px; margin: 0 auto;}

  .mediaintroduction-title{position: absolute; width: 664px; height: 81px; top: 0px; left: 148px; font-size: 56px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .mediaintroduction-contents{position: absolute; width: 960px; height: 252px; top: 131px; left: 0px;}
  .mediaintroduction-contents-2{position: absolute; width: 960px; height: 252px; top: 436px; left: 0px;}
  .mediaintroduction-contents-3{position: absolute; width: 960px; height: 252px; top: 741px; left: 0px;}

  .mediaintroduction-thumbnail{position: absolute; width: 280px; height: 252px; top:0px; left: 0px; background: #D8D8D8;}
  .mediaintroduction-info-area{position: absolute; width: 680px; height: 252px; top: 0px; left: 280px; background: #FFF0AE;  }
  .mediaintroduction-info-title{position: absolute; width: 136px; height: 37px; top: 17px; left: 24px; background:#F4E100; border-radius: 10px;}
  .mediaintroduction-info-title-text{position: absolute; width: 58px; height: 35px; top: 1px; left: 37px; font-size: 24px; text-align: center; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .mediaintroduction-info-date{position: absolute; width: 226px; height: 49px; top: 17px; left: 172px; font-size: 24px; text-align: left; line-height: 36px; letter-spacing: 0px;  color: #333333; opacity: 0.52; }
  .mediaintroduction-info-content{position: absolute; width: 632px; height: 163px; top: 66px; left: 24px; font-size: 24px; text-align: left;line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}

}

@media screen and (max-width: 1279px) {
  .mediaintroduction-area{display: block; position: relative; height:747px; margin: 0 auto; }
  .mediaintroduction-contents-area{display:block; position:relative; width: 573px; height:697px; top: 50px; margin: 0 auto;}
  .mediaintroduction-area-bg{display: block; position: relative; width: 668px; background:#FFFFFF; margin: 0 auto;}

  .mediaintroduction-title{position: absolute; width: 474px; height: 57px; top: 0px; left: 49px; font-size: 40px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .mediaintroduction-contents{position: absolute; width: 573px; height: 150px; top: 99px; left: 0px;}
  .mediaintroduction-contents-2{position: absolute; width: 573px; height: 150px; top: 273px; left: 0px;}
  .mediaintroduction-contents-3{position: absolute; width: 573px; height: 150px; top: 447px; left: 0px;}

  .mediaintroduction-thumbnail{position: absolute; width: 167px; height: 150px; top:0px; left: 0px; background: #D8D8D8;}
  .mediaintroduction-info-area{position: absolute; width: 406px; height: 150px; top: 0px; left: 167px; background: #FFF0AE;  }
  .mediaintroduction-info-title{position: absolute; width: 70px; height: 29px; top: 12px; left: 14px; background:#F4E100; border-radius: 10px;}
  .mediaintroduction-info-title-text{position: absolute; width: 38px; height: 24px; top: 3px; left: 16px; font-size: 16px; text-align: center; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}
  .mediaintroduction-info-date{position: absolute; width: 135px; height: 29px; top: 12px; left: 96px; font-size: 16px; text-align: left; line-height: 36px; letter-spacing: 0px;  color: #333333; opacity: 0.52; }
  .mediaintroduction-info-content{position: absolute; width: 377px; height: 97px; top: 51px; left: 14px; font-size: 16px; text-align: left;line-height: 26px; letter-spacing: 0px; color: #333333; opacity: 1;}
}

.qad-section{display: block; position: relative; background: #FFF0AE;}
.qad-area{display: block; position: relative; height:1420px; margin: 0 auto; }
.qad-contents-area{display:block; position:relative; width: 1226px; height:1320px; top: 100px; margin: 0 auto;}

.qad-title{position: absolute; width: 392px; height: 81px; top: 0px; left: 417px; font-size: 56px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}

.qad-content-1{position: absolute; width: 1226px; height: 255px; top: 151px;}
.qad-content-2{position: absolute; width: 1226px; height: 255px; top: 406px;}
.qad-content-3{position: absolute; width: 1226px; height: 255px; top: 661px;}
.qad-content-4{position: absolute; width: 1226px; height: 255px; top: 916px;}
.qad-content-5{position: absolute; width: 1226px; height: 255px; top: 1171px;}

.qad-content-fukidashi{position: absolute; width: 1226px; height: 88px; top: 0px; left: 0px; background: #FFFFFF; border-radius: 10px;}
.qad-content-icon img{position: absolute; width:61px; height: 61px; top: 14px; left: 21px;}
.qad-content-text{position: absolute; width: 615px; height: 40px; top: 23px; left: 100px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}

.qad-info-text1{position: absolute; width: 880px; height: 73px; top: 112px; left: 103px; font-size: 26px;}
.qad-info-text2{position: absolute; width: 660px; height: 73px; top: 112px; left: 103px; font-size: 26px;}
.qad-info-text3{position: absolute; width: 338px; height: 37px; top: 112px; left: 103px; font-size: 26px;}
.qad-info-text4{position: absolute; width: 1063px; height: 73px; top: 112px; left: 103px; font-size: 26px;}
.qad-info-text5{position: absolute; width: 1025px; height: 37px; top: 112px; left: 103px; font-size: 26px;}




@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .qad-area{display: block; position: relative; height:1423px; margin: 0 auto; }
  .qad-contents-area{display:block; position:relative; width: 960px; height:1333px; top: 90px; margin: 0 auto;}
  
  .qad-title{position: absolute; width: 364px; height: 75px; top: 0px; left: 298px; font-size: 52px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .qad-content-1{position: absolute; width: 960px; height: 243px; top: 125px;}
  .qad-content-2{position: absolute; width: 960px; height: 243px; top: 368px;}
  .qad-content-3{position: absolute; width: 960px; height: 243px; top: 613px;}
  .qad-content-4{position: absolute; width: 960px; height: 243px; top: 822px;}
  .qad-content-5{position: absolute; width: 960px; height: 243px; top: 1146px;}
  
  .qad-content-fukidashi{position: absolute; width: 960px; height: 88px; top: 0px; left: 0px; background: #FFFFFF; border-radius: 10px;}
  .qad-content-icon img{position: absolute; width:61px; height: 61px; top: 14px; left: 21px;}
  .qad-content-text{position: absolute; width: 615px; height: 40px; top: 23px; left: 100px; font-size: 28px; text-align: left; line-height: 36px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .qad-info-text1{position: absolute; width: 857px; height: 71px; top: 112px; left: 103px; font-size: 24px;}
  .qad-info-text2{position: absolute; width: 624px; height: 71px; top: 114px; left: 103px; font-size: 24px;}
  .qad-info-text3{position: absolute; width: 312px; height: 35px; top: 114px; left: 103px; font-size: 24px;}
  .qad-info-text4{position: absolute; width: 857px; height: 152px; top: 112px; left: 103px; font-size: 24px;}
  .qad-info-text5{position: absolute; width: 857px; height: 75px; top: 112px; left: 103px; font-size: 24px;}
}


@media screen and (max-width: 1279px) {
  .qad-area{display: block; position: relative; height:924px; margin: 0 auto; }
  .qad-contents-area{display:block; position:relative; width: 648px; height:864px; top: 60px; margin: 0 auto;}
  .qad-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}

  .qad-title{position: absolute; width: 280px; height: 57px; top: 0px; left: 184px; font-size: 40px; text-align: center; line-height: 73px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .qad-content-1{position: absolute; width: 648px; height: 156px; top: 97px;}
  .qad-content-2{position: absolute; width: 648px; height: 156px; top: 253px;}
  .qad-content-3{position: absolute; width: 648px; height: 135px; top: 409px;}
  .qad-content-4{position: absolute; width: 648px; height: 198px; top: 544px;}
  .qad-content-5{position: absolute; width: 648px; height: 122px; top: 742px;}
  
  .qad-content-fukidashi{position: absolute; width: 648px; height: 59px; top: 0px; left: 0px; background: #FFFFFF; border-radius: 10px;}
  .qad-content-icon img{position: absolute; width:41px; height: 41px; top: 9px; left: 14px;}
  .qad-content-text{position: absolute; width: 440px /*437px*/; height: 29px; top: 13px; left: 68px; font-size: 20px; text-align: left; line-height: 23px; letter-spacing: 0px; color: #333333; opacity: 1;}
  
  .qad-info-text1{position: absolute; width: 578px; height: 45px; top: 71px; left: 70px; font-size: 16px;}
  .qad-info-text2{position: absolute; width: 416px; height: 45px; top: 71px; left: 70px; font-size: 16px;}
  .qad-info-text3{position: absolute; width: 208px; height: 24px; top: 71px; left: 70px; font-size: 16px;}
  .qad-info-text4{position: absolute; width: 578px; height: 87px; top: 71px; left: 70px; font-size: 16px;}
  .qad-info-text5{position: absolute; width: 578px; height: 51px; top: 71px; left: 70px; font-size: 16px;}
}

.inquiry-section{display: block; position: relative; background: #FFF0AE;}
.inquiry-area{display: block; position: relative; height:262px; margin: 0 auto; }
.inquiry-contents-area{display:block; position:relative; width: 365px; height: 162px; top: 100px; margin: 0 auto;}

.inquiry-button1{position: absolute;  width: 365px; height: 66px; top: 0px; left: 0px;}
.inquiry-button2{position: absolute;  width: 365px; height: 66px; top: 96px; left: 0px;}

.inquiry-button-text1{position: absolute; width: 168px; height: 40px; top: 13px; left: 99px; font-size: 28px; color: #333333; pointer-events: none;}
.inquiry-button-text2{position: absolute; width: 305.5px /*305px*/; height: 40px; top: 13px; left: 30px; font-size: 28px; color: #333333; pointer-events: none;}

.inquiry-button-image img{position: absolute; width: 365px; height: 66px; top: 0px; bottom: 0px;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .inquiry-area{display: block; position: relative; height:262px; margin: 0 auto; }
  .inquiry-contents-area{display:block; position:relative; width: 365px; height:162px; top: 100px; margin: 0 auto;}
  
  .inquiry-button1{position: absolute;  width: 365px; height: 66px; top: 0px; left: 0px;}
  .inquiry-button2{position: absolute;  width: 365px; height: 66px; top: 96px; left: 0px;}
  
  .inquiry-button-text1{position: absolute; width: 168px; height: 40px; top: 13px; left: 99px; font-size: 28px; color: #333333; pointer-events: none;}
  .inquiry-button-text2{position: absolute; width: 305.5px /*305px*/; height: 40px; top: 13px; left: 30px; font-size: 28px; color: #333333; pointer-events: none;}
  
.inquiry-button-image img{position: absolute; width: 365px; height: 66px; top: 0px; bottom: 0px;}
}

@media screen and (max-width: 1279px) {
  .inquiry-area{display: block; position: relative; height:222px; margin: 0 auto; }
  .inquiry-contents-area{display:block; position:relative; width: 365px; height:162px; top: 60px; margin: 0 auto;}
  .inquiry-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}

  .inquiry-button1{position: absolute;  width: 365px; height: 66px; top: 0px; left: 0px;}
  .inquiry-button2{position: absolute;  width: 284px; height: 66px; top: 96px; left: 0px;}
  
  .inquiry-button-text1{position: absolute; width: 168px; height: 40px; top: 13px; left: 99px; font-size: 28px; color: #333333; pointer-events: none;}
  .inquiry-button-text2{position: absolute; width: 308px /*305px*/; height: 40px; top: 13px; left: 30px; font-size: 28px; color: #333333; pointer-events: none;}
  
  .inquiry-button-image img{position: absolute; width: 365px; height: 66px; top: 0px; bottom: 0px;}
}

.twitter-section{display: block; position: relative; background: #FFF0AE;}
.twitter-area{display: block; position: relative; height:141px; margin: 0 auto;}
.twitter-contents-area{display:block; position:relative; width: 373px; height:71px; top: 70px; margin: 0 auto;}
.twitter-image img{position: absolute; width: 373px; height: 71px; top: 0px; left: 0px;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .twitter-area{display: block; position: relative; height:141px; margin: 0 auto;}
  .twitter-contents-area{display:block; position:relative; width: 373px; height:71px; top: 70px; margin: 0 auto;}
  .twitter-image img{position: absolute; width: 373px; height: 71px; top: 0px; left: 0px;}
}
@media screen and (max-width: 1279px) {
  .twitter-area{display: block; position: relative; height:131px; margin: 0 auto;}
  .twitter-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .twitter-contents-area{display:block; position:relative; width: 373px; height:71px; top: 60px; margin: 0 auto;}
  .twitter-image img{position: absolute; width: 373px; height: 71px; top: 0px; left: 0px;}
}

.copyright-section{display: block; position: relative; background: #FFF0AE;}
.copyright-area{display: block; position: relative; height:104px; margin: 0 auto;}
.copyright-contents-area{display:block; position:relative; width: 486px; height:24px; top: 70px; margin: 0 auto;}
.copyright-contents{position: absolute; width: 486px; height: 24px; top: 0px; left: 0px; font-size: 16px; text-align: center; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
  .copyright-area{display: block; position: relative; height:112px; margin: 0 auto;}
  .copyright-contents-area{display:block; position:relative; width: 486px; height:24px; top: 78px; margin: 0 auto;}
  .copyright-contents{position: absolute; width: 486px; height: 24px; top: 0px; left: 0px; font-size: 16px; text-align: center; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;}  
}
@media screen and (max-width: 1279px) {
  .copyright-area{display: block; position: relative; height:112px; margin: 0 auto;}
  .copyright-area-bg{display: block; position: relative; width: 668px; background:#FFF0AE; margin: 0 auto;}
  .copyright-contents-area{display:block; position:relative; width: 486px; height:24px; top: 78px; margin: 0 auto;}
  .copyright-contents{position: absolute; width: 486px; height: 24px; top: 0px; left: 0px; font-size: 16px; text-align: center; line-height: 21px; letter-spacing: 0px; color: #333333; opacity: 1;} 
}

@media screen and (max-width: 767px){
  .main-section{width: 100%;}
  .teachtop-head-section {display: block; position: relative; height: 93.13px; background: #F4E100;  width: 768px;}
  .teachtop-section{display: block; position: relative; background: #F4E100;  width: 768px;}
  .remoteinfo-section{display: block; position: relative; background: #F4E100;  width: 768px;}
  .experienceinfo-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .remotesupport-section{display: block; position: relative; background: #FFF0AE;  width: 768px; padding-top: 80.3px;}
  .remotemovie-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .teacheuse-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .titletext-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .useropinion-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .mediaintroduction-section{display: block; position: relative; background: #FFFFFF;  width: 768px;}
  .qad-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .inquiry-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .twitter-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
  .copyright-section{display: block; position: relative; background: #FFF0AE;  width: 768px;}
}