/* reset /////////////////// */

*{margin: 0;padding: 0}

 
body {
	-webkit-text-size-adjust: none;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

a { text-decoration : none;
    outline:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}

a:hover img {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

ul, ol { list-style : none}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: top;
	}
		
.clear {
	clear: both;
}
	
/* clearfix */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	overflow:hidden;
    font-size:0.1em;
    line-height:0;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される 
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
*/

@media print, screen and (max-width: 768px){

/*
**  sp
============== ============== ============== ============== ============== ============== ============== */

#logo_h {
	width: 60vw;
	margin: 2.4vh 3.5vw;
	}

.pcnavi {display: none;}

/* navigation /////////////////// */

.el_humburger {
  position: absolute;
  top: 4vh;
  right: 7vw;
  width: 30px;
  height: auto;
  padding-top: 1vh;
  box-sizing: border-box;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
}
 
.js_humburgerOpen .el_humburger {
}
 
.el_humburger > span {
  display: block;
  width: 100%;
  margin: 0 auto 6px;
  height: 3px;
  background: #666;
  transition: all 0.2s ease-in-out;
  &:last-child {
    margin-bottom: 0;
  }
  .js_humburgerOpen & {
    background: #000;
  }
}
 
.js_humburgerOpen .el_humburger > span.top {
  transform: translateY(9px) rotate(-45deg);
}
 
.js_humburgerOpen .el_humburger > span.middle {
  opacity: 0;
}
 
.js_humburgerOpen .el_humburger > span.bottom {
  transform: translateY(-9px) rotate(45deg);
}
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%;
}
 
.el_humburgerButton__close > span {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #fff;
}
 
.el_humburgerButton__close > span.el_humburgerLineTop {
  transform: translateY(5px) rotate(-45deg);
}
 
.el_humburgerButton__close > span.el_humburgerLineBottom {
  transform: translateY(-6px) rotate(45deg);
}
	
	
 
/*///////// ナビゲーション内 //////////*/
 
#top .navigation {
  display: none;
}
 
.navigation.js_appear {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block!important;
    z-index: 9999;
}
	
.navigation_screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 0;
  margin-top: 0px;
  padding-top: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
 
.navigation_wrapper {
  padding: 10vh 0 0 0;
  text-align: center;
}
 
.navigation_item {
  font-size: 4.5vw;
  margin-bottom: 3vh;
}
 
.navigation_item > a {
  color: #000;
  text-decoration: none;
}
	
.navigation_mylog {
  font-size: 4.5vw;
  width: 60vw;
  margin: 0 auto 6vh auto;
  background-color: #499bee;
  padding: 2.5vh 0 2vh 0;
  
  border-radius: 5px 5px 5px 5px;
}
 
.navigation_mylog > a {
  color: #fff;
  display: block;
  text-decoration: none;
}
	
.navigation_sab {
  font-size: 4vw;
  margin-bottom: 3vh;
}
 
.navigation_sab > a {
  color: #000;
  text-decoration: none;
}
	
.navigation_siryo {
  font-size: 4.5vw;
  width: 60vw;
  margin: 0 auto 3vh auto;
  background-color: #ec6d56;
  padding: 2.5vh 0;
  border-radius: 5px 5px 5px 5px;
}
 
.navigation_siryo > a {
  color: #fff;
  display: block;
  text-decoration: none;
}
 
.js_fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}
/*///////// ナビゲーション end //////////*/	
	


#mainimg {position: relative;}
	
/*
.ops {
	position: absolute;
	top: 36vh;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 100;
	width: 43vw;
	}
*/
	
.ops {
	position: absolute;
	top: 25vh;
	left: 3vw;
	z-index: 100;
	width: 32vw;
	}
	
.ops02 {
	position: absolute;
	top: 28vh;
	right: 5vw;
	z-index: 100;
	width: 25vw;
	}
	
.ops03 {
	position: absolute;
	top: 35vh;
	left: 13vw;
	z-index: 100;
	width: 34vw;
	}
	
.ops04 {
	position: absolute;
	top: 35vh;
	right: 13vw;
	z-index: 100;
	width: 32vw;
	}
	
.cpb {
	position: absolute;
	top: 30vh;
	right: 5vw;
	z-index: 100;
	width: 43vw;
	}
	
.cpb2 {
	position: absolute;
	top: 30vh;
	left: 37vw;
	z-index: 100;
	width: 30vw;
	}
	
.cpb3 {
	position: absolute;
	top: 25vh;
	right: 3vw;
	z-index: 100;
	width: 28vw;
	}
	
.maintxt {
	width: 75vw;
	position: absolute;
    top: 18%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
	
	

/*///////// 決めてはこれだ //////////*/

/*12-3背景色*/
.autmcolor {
	background-color: #ced9ea;
	width: 100vw;
	padding-bottom: 4vh;
}
	
/*9-11背景色
.autmcolor {
	background-color: #fae7a4;
	width: 100vw;
	padding-bottom: 4vh;
}
	
/*6-8背景色
.autmcolor {
	background-color: #8adcff;
	width: 100vw;
	padding-bottom: 4vh;
}
	
3-5背景色
.autmcolor {
	background-color: #c2e9d7;
	width: 100vw;
	padding-bottom: 4vh;
}*/


.title01 {
	width: 80vw;
	margin: 0 auto 0 auto;
	z-index: 20;
}

.conback {
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
	width: 82vw;
	margin: -10vh auto 0 auto;
	padding: 14vh 3.4vw 5vh 3.4vw;
}

.headline {display: none;}
	
.headlineimg {
	width: 80vw;
	margin: 0.5vh auto;
	}

.txtbox {
	background-color: #fff;
}

.conimg {margin: 5vh 0 3vh 0;}

.home h3 {
	background-image: url(../images/images1809/txtbox.png);
	background-repeat: no-repeat;
	background-size: 82vw auto;
	color: #383838;
	text-align: center;
	position: relative;	
	margin: 2vh 0 2vh 0;
	padding-bottom: 1.2vh;
	font-size: 4.3vw;
	line-height: 1.2em;
}

.txtbox p {
	font-size: 3.4vw;
    line-height: 1.8em;
	margin-bottom: 5vh;
	text-align: justify;
	text-justify: inter-ideograph;
}

.linbox {
	font-size: 3.4vw;
	text-align: center;
	border: solid 3px #ec6d56;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 2px 2px 2px 2px;
}

.linbox a {
	color: #ec6d56;
	padding: 1.7vh 0;
	display: block;
}
	
.linbox a:hover {
	color: #fff;
	background-color: #ec6d56;
}
	


/*///////// あなたに合った学び方が選択できる //////////*/

.con02 {
	width: 90vw;
	margin: 0 auto 0 auto;
	padding: 0 0 3.5vh 0;
}

h2 {
	color: #000;
	text-align: center;
	margin: 3.8vh 0 0.5vh 0;
	padding-bottom: 1.2vh;
	font-size: 4.8vw;
}

.con02Btn ul {
	text-align: center;
}

.con02Btn ul li img {
	width: 75vw;
	margin-bottom: 2vh;
}

	

/*///////// まずは講座説明会･翻訳力チェックから！ //////////*/

.con03 {
	background-color: #fcf7ea;
	padding: 1vh 0 3.5vh 0;
}


.stamp{display: none;}

.con03Btn ul {
	text-align: center;
		margin-bottom: 2vh;

	
}

.con03Btn ul li img {
	width: 75vw;
	margin: 4vh auto 0 auto;
}
	
.con03Btn ul li.pc02 {display: none;}

	

/*///////// INFORMATION
.notice {
	margin: 0 5vw 4vh 5vw;
	padding: 4vh 0;
	font-size: 3.5vw;
	text-align: center;
	border-top: solid 1px #737373;
	border-bottom: solid 1px #737373;
	}

/*
6-8カラー
.con04 {
	background-color: #8adcff;
	background-repeat: repeat;
	padding: 1vh 0 3.5vh 0;
}
	
/*
3-5カラー	
.con04 {
	background-color: #c2e9d7;
	background-repeat: repeat;
	padding: 1vh 0 3.5vh 0;
}
	
9-11カラー
.con04 {
	background-color: #fae7a4;
	background-repeat: repeat;
	padding: 1vh 0 3.5vh 0;
}
	
12-3カラー*/
.con04 {
	background-color: #ced9ea;
	background-repeat: repeat;
	padding: 1vh 0 3.5vh 0;
}

.con04 h2 {
	color: #000;
	margin: 3.8vh auto 3vh auto;
	padding-bottom: 1vh;
	font-size: 4.8vw;
	border-bottom: solid 2px #737373;
	width: 45vw;
}

/*
.infobox {
	width: 90vw;
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
	padding: 2vw;
	margin: 0 auto 1.5vh auto;
}

.ingoimg {
	float: left;
	margin: 2vh 0;
	width: 35vw;
}
.inforight {
	float: right;
	width: 52vw;
}

.category01,.category02,.category03,.category04 {
	padding: 0.5vh 2vw;
	width: 40vw;
	font-size: 2.8vw;
	color: #fff;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
}
	
.category01 {background-color: #f9a148;}

.category02 {background-color: #7f7fe2;}

.category03 {background-color: #eb6877;}

.category04 {background-color: #55a1ed;}

time {font-size: 2.7vw;}

.infotxt {
	font-size: 3.3vw;
	line-height: 1.4em;
}
	
.infobox a time {
	color: #000;
}
	
.infobox a .infotxt {
	color: #000;
}
 //////////*/
	

/*///////// 資料請求 //////////*/
#siryo {
	padding: 2vh 1vw;
    margin: 3vh auto;
    background: #ec6d56;
    box-shadow: 0px 0px 0px 5px #ec6d56;
    border: solid 1px #fff;	
	width: 80vw;
	text-align: center;
}

#siryo img {
	width: 55vw;
}
	


/*///////// 法人のお客様にも充実のサービスを提供！ //////////*/
.con05 {
	background-color: #fcf7ea;
	padding: 1vh 0 3.5vh 0;
}

.con05 h2 {
	color: #000;
	margin: 3.8vh auto 3.6vh auto;
	padding-bottom: 1vh;
	font-size: 4.8vw;
	border-bottom: solid 2px #737373;
	width: 92vw;
}

.con05Btn ul {
	text-align: center;
}

.con05Btn ul li img {
	width: 75vw;
	margin-bottom: 2vh;
}
	
	
/*
6-8カラー
footer {
	background-color: #00a3ea;
	background-repeat: repeat;
	padding: 4vh 0;
}
	
	
/*
3-5カラー
footer {
	background-color: #81ceab;
	background-repeat: repeat;
	padding: 4vh 0;
}
	
9-11カラー
footer {
	background-color: #f88f13;
	background-repeat: repeat;
	padding: 4vh 0;
}
	
12-3カラー*/
footer {
	background-color: #6a9dd0;
	background-repeat: repeat;
	padding: 4vh 0;
}

#fbox {
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
	width: 85vw;
	padding: 1vh 2vw;
	text-align: center;
	margin: 1vh auto;
}

.contactbox {
	background-color: #000;
	border-radius: 20px 20px 20px 20px;
	width: 65vw;
	padding: 1vh 3vw;
	font-size: 3vw;
	color: #fff;
	text-align: center;
	margin: 2vh auto 3.5vh auto;
}

.contactimg li {
	display: inline;
	text-align: center;
	margin: 0 1vw;
}

.contactimg li img {
	width: 67vw;
	margin: 0 0 3vh 0;
}

.company {
	text-align: center;
	margin: 3.5vh 0;
}

.company img {
	width: 45vw;
}

.address {
	font-size: 3vw;
	text-align: center;
	color: #fff;
}
	
.address img {
	width: 40vw;
	margin: 2.5vh 0 1vh 0;
	}

.snsicon ul {
	text-align: center;
	margin: 2vh 0;
}

.snsicon ul li {
	display: inline;
	margin: 0 3vw;
}

.snsicon li img {
	width: 10vw;
}

.f_menusp {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 2vh 0 2.5vh 0;
	width: 100vw;
	text-align: center;
}
	
.f_linkbanner {
    text-align: center;	
	margin: 4vh 0;
	}
	
.f_linkbanner li {
	display: inline;
    text-align: center;	
	margin: 0 1.5vw;
	}
	
.f_linkbanner li img {
	width: 35vw;
	}

.f_menusp ul li {
	display: inline;
	margin: 0 2vw;
	font-size: 3vw;
	text-align: center;
}

.f_menusp ul li a {
	color: #fff;
}

.f_menu ul {
	display:none;
}
	
.f_topmenu ul {
	display:none;
}
	
/*
6-8カラー
.pagetop a {
    display: block;
    background-color: #117bd4;
    text-align: center;
	width: 100vw;
}
.pagetop a img {
    display: block;
    background-color: #117bd4;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 2vh 0;
	width: 5vw;
}	
	
/*
3-5カラー
.pagetop a {
    display: block;
    background-color: #36a472;
    text-align: center;
	width: 100vw;
}
.pagetop a img {
    display: block;
    background-color: #36a472;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 2vh 0;
	width: 5vw;
}
	
9-11カラー
.pagetop a {
    display: block;
    background-color: #bc6907;
    text-align: center;
	width: 100vw;
}
.pagetop a img {
    display: block;
    background-color: #bc6907;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 2vh 0;
	width: 5vw;
}
	
12-3カラー*/
.pagetop a {
    display: block;
    background-color: #3d74b7;
    text-align: center;
	width: 100vw;
}
.pagetop a img {
    display: block;
    background-color: #3d74b7;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 2vh 0;
	width: 5vw;
}
	
	
.pagetop a:hover {
    display: block;
    text-align: center;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}


.copyright {
	font-size: 3vw;
	color: #fff;
	text-align: center;
	margin: 3vh 0 0 0;
}
	

	
/*///////// 2021.02追加 ////////////////////////////////////////////////////////////////////////////////////////*/
	
/*///////// トップバナー //////////*/
	
.variable-width {
	margin-top: 4vh;
	width: 100%;
	}
	
.variable-width li img {
	width: 100vw;
	}
	
	
/*///////// 最新情報 //////////*/
.latest {
	background-color: #f7f7f7;
	padding: 5vh 0
	}
	
.matter {
	box-sizing: border-box;
	width: 80%;
	margin: 0 auto 4vh;
	text-align: center;
	border: solid 1px #000;
	padding: 3vh 2vw;
	background-color: #fff;
	border-radius: 5px;
	}
	
.matter p {
	font-size: 3.6vw;
	font-weight: bold;
	}
	
.matter .p-matter {
	font-size:  3.2vw;
	font-weight: normal;
	margin-bottom: .5em;
}
	
.matter .p-matter:last-child {
	margin-bottom: 0;
}

.matter01 {
	margin-bottom: 0;
	}
	
.matter01 a {color: #000;}
.matter02 a {color: #000;}
	
.matter01 a:hover,.matter02 a:hover {opacity: 0.5;}
	
.latestarea {
	width: 100%;
	margin: 0 auto;
	}
	
.latest_l {
	text-align: center;
	}
.latest_r {
	width: 100%;
	border-bottom: solid 1px #d3d3d3;
	padding-bottom: 1.5vh;
	}
	
.latest_title {
	font-size: 4.5vw;
	margin: 2vh 0 2vh;
	text-align: center;
	}
	
.latest_list a {
	font-size: 3vw;
	color: #000;
	display: block;
	text-align: center;
	border: solid 2px #000;
	padding: 0.5vh 0;
	width: 20vw;
	margin: 0 auto 4vh;
	background-color: #fff;
	border-radius: 5px;
	}
	
.latest_list a:hover {
	color: #fff;
	background-color: #0470bc;
	border: solid 2px #0470bc;
	}
	
.noticearea {
	clear: both;
	border-top: solid 1px #d3d3d3;
	padding: 1.5vh 5vw;
	margin-top: 1.5vh;
	}
	
time {
	font-size: 3.2vw;
	color: #787878;
	}
	
.latest_text {
	font-size: 3.3vw;
	line-height: 1.6em;
	}
	
.latest_text a {
	color: #000;
	}
	
.latest_text a:hover {
	color: #0470bc;
	}
	

}
/*
**  sp end
============== ============== ============== ============== ============== ============== ============== */





@media print, screen and (min-width: 769px){

/*
**  pc
============== ============== ============== ============== ============== ============== ============== */
	
body {min-width: 1300px;}

header {
	width: 1100px;
	height: 130px;
	margin: 0 auto;
	}

#logo_h {
	width: 325px;
	margin-top: 30px;
	float: left;
	}

.pcnavi {
	float: right;
	width: 750px;
	}

.sabtop {
	text-align: right;
	margin: 0px 0 10px 0;
	}

.sabtop li {
	display: inline;
	font-size: 13px;
	margin-right: 20px;
	}
	
.sabtop li a {
	color: #000;
	}
	
.sabtop li a:hover {
	color: #499bee;
	}
	
.sabtop li.siryo {
	margin-right: 0px;
	
	}
	
.sabtop li.siryo a {
	color: #fff;
	background-color: #ec6d56;
	font-size: 14px;
	border-radius: 3px 3px 3px 3px;
	width: 186px;
	height: 42px;
	display: inline-block;
	text-align: center;
	line-height: 3em;
	}
	
.sabtop li.siryo a:hover {
	background-color: #e25036;
	}
	
.navimain {
	text-align: right;
	}
	
.navimain li {
	display: inline;
	font-size: 16px;
	margin-right: 13px;/*30px;*/
	font-weight: bold;
	}
	
.navimain li a {
	color: #484848;
	}
	
.navimain li a:hover {
	color: #499bee;
	}
	
.navimain li.mylog {
	margin-right: 0px;
	}
	
.navimain li.mylog a {
	color: #fff;
	background-color: #499bee;
	font-size: 15px;
	border-radius: 3px 3px 3px 3px;
	width: 186px;
	height: 52px;
	display: inline-block;
	text-align: center;
	line-height: 3.5em;
	}
	
.navimain li.mylog a:hover {
	background-color: #2f87e0;
	}

	
/* navigation /////////////////// */

.el_humburger {display: none;}
	
 
/*///////// ナビゲーション内 //////////*/
 
#top .navigation {display: none;}
/*///////// ナビゲーション end //////////*/	
	


#mainimg img.pc {
	width: 100%;
    height: 470px;
    object-fit: cover;
	position: relative;
	}

#txtarea {
	width: 1100px;
	position: relative;
	margin: 0 auto;
	}
.maintxt {
	width: 525px;
	position: absolute;
    top: -370px;
    right: 0px;
	z-index: 50;
}	

.ops {
	position: absolute;
	top: -185px;
	left: 0px;
	z-index: 100;
	width: 270px;
	}
	
.ops02 {
	position: absolute;
	top: -150px;
	left: 260px;
	z-index: 100;
	width: 270px;
	}
	
.ops03 {
	position: absolute;
	top: -190px;
	right: 240px;
	z-index: 100;
	width: 230px;
	}
	
.ops04 {
	position: absolute;
	top: -120px;
	right: 0px;
	z-index: 100;
	width: 200px;
	}
	
.cpb {
	position: absolute;
	top: -140px;
	right: 0px;
	z-index: 100;
	width: 230px;
	}
	
.cpb2 {
	position: absolute;
	top: -160px;
	left: 310px;
	z-index: 100;
	width: 240px;
	}
	
.cpb3 {
	position: absolute;
	top: -170px;
	left: 600px;
	z-index: 100;
	width: 210px;
	}
	
	
.object_fit_img {
      object-fit: cover;
      font-family: 'object-fit: cover;'
    }
	
	
/*///////// 決めてはこれだ //////////*/

/* 12-3*/
.autmcolor {
	background-color: #ced9ea;
	width: 100;
	padding-bottom: 4vh;
}
	
/* 9-11
.autmcolor {
	background-color: #fae7a4;
	width: 100;
	padding-bottom: 4vh;
}*/

/* 3-5
.autmcolor {
	background-color: #c2e9d7;
	width: 100;
	padding-bottom: 4vh;
}
*/

/* 6-8	
.autmcolor {
	background-color: #8adcff;
	width: 100;
	padding-bottom: 4vh;
}
*/

.title01 {
	width: 575px;
	margin: 0 auto 0 auto;
	z-index: 20;
}

.conback {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	width: 1000px;
	margin: -140px auto 40px auto;
	padding: 180px 20px 20px 20px;
}

.headline {
	font-size: 20px;
	line-height: 2em;
	text-align: center;
	margin-bottom: 5vh;
}
	
.headlineimg {display: none;}
	
.pointarea {
	width: 1100px;
	clear: both;
	position: relative
	}

.conimg01 {
	width: 541px;
	float: right;
	margin: 0 50px 70px 0;
	}
	
.conimg02 {
	width: 541px;
	float: left;
	margin: 0 0 70px -50px;
	}
	
.txtbox01,.txtbox02 {
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	padding: 30px 40px;
	text-align: justify;
	text-justify: inter-ideograph;
}
	
.txtbox01 {
	position: absolute;
	top: 15px;
	left: 10px;
	z-index: 30;
}
	
.txtbox02 {
	position: absolute;
	top: 15px;
	right: 100px;
	z-index: 30;
}

.home h3 {
	background-image: url(../images/images1809/txtbox.png);
	background-repeat: no-repeat;
	background-size: 508px auto;
	color: #383838;
	text-align: center;
	position: relative;	
	margin: 15px 0;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 1.5em;
	width: 508px;
	letter-spacing: 5px;
}

.txtbox01 p {
	font-size: 16px;
    line-height: 1.9em;
	width: 508px;
}
	
.txtbox02 p {
	font-size: 16px;
    line-height: 1.9em;
	width: 508px;
}

.linbox {
	font-size: 17px;
	text-align: center;
	border: solid 4px #ec6d56;
	font-weight: bold;
	width: 450px;
	margin: 0 auto 55px auto;
	letter-spacing: 2px;
	border-radius: 2px 2px 2px 2px;
}

.linbox a {
	color: #ec6d56;
	padding: 15px 0;
	display: block;
}
	
.linbox a:hover {
	color: #fff;
	background-color: #ec6d56;
}
	


/*///////// あなたに合った学び方が選択できる //////////*/

.con02 {
	width: 1100px;
	margin: 0 auto 0 auto;
	padding: 0 0 60px 0;
}

h2 {
	color: #000;
	text-align: center;
	margin: 70px 0 20px 0;
	padding-bottom: 15px;
	font-size: 34px;
	letter-spacing: 10px;
}
	
.linecolor {margin: 0 0 10px 0;}

.con02Btn ul {
	text-align: center;
}
	
.con02Btn ul li{
	display: inline;
	margin: 0 40px 0 0;
}
	
.con02Btn ul li.last{
	margin-right: 0px;
}

.con02Btn ul li img {
	width: 518px;
	margin-bottom: 30px;
}

	

/*///////// まずは講座説明会･翻訳力チェックから！ //////////*/

.con03 {
	background-color: #fcf7ea;
	background-repeat: repeat;
	padding: 0 0 50px 0;
}

.supportarea {
	width: 1100px;
	position: relative;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}

.stamp{
	width: 145px;
	position: absolute;
	top: 29px;
	right: 0;
	z-index: 10;
}


.con03Btn {
	}
.con03Btn ul {
	margin: 60px 0 0 0;
	text-align: center;
}
	
.con03Btn ul li {
	margin: 0 40px 0 0;
	display: inline;
}
	
.con03Btn ul li.last{
	margin-right: 0px;
}

.con03Btn ul li img {
	width: 518px;
	margin-bottom:40px;
}
	
.con03Btn ul li.sp02 {display: none;}


/*///////// INFORMATION
.notice {
	margin: 0 auto 40px auto;
	padding: 20px 0;
	font-size: 17px;
	text-align: center;
	border-top: solid 1px #737373;
	border-bottom: solid 1px #737373;
	}

/*
6-8カラー
.con04 {
	background-color: #8adcff;
	background-repeat: repeat;
	padding: 70px 0;
	clear: both;
}

/*
3-5カラー
.con04 {
	background-color: #c2e9d7;
	background-repeat: repeat;
	padding: 70px 0;
	clear: both;
}*/	
	
/*
9-11カラー	
.con04 {
	background-color: #fae7a4;
	background-repeat: repeat;
	padding: 70px 0;
	clear: both;
}*/

/*
12-3カラー*/	
.con04 {
	background-color: #ced9ea;
	background-repeat: repeat;
	padding: 70px 0;
	clear: both;
}

.con04 h2 {
	color: #000;
	text-align: center;
	margin: 0 auto 60px auto;
	padding-bottom: 15px;
	font-size: 27px;
	letter-spacing: 6px;
	border-bottom: solid 3px #737373;
	width: 310px;
}
	

/*
information
.infoarea {
	width: 1100px;
	margin: 0 auto;
	}
	
.infobox,.infobox a {
	width: 250px;
	height: 385px;
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
	float: left;
	margin: 0 25px 0 0;
	display: block;
}
	
.infobox a:hover {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
	
.infobox02 {
	margin-right: 0px;
}

.ingoimg {}
	
.inforight {
	width: 216px;
	margin: 0 auto;
}

.category01,.category02,.category03,.category04 {
	padding: 7px 0 5px 0;
	width: 212px;
	margin: 15px auto 10px auto;
	font-size: 15px;
	color: #fff;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
}
	
.category01 {background-color: #f9a148;}

.category02 {background-color: #7f7fe2;}

.category03 {background-color: #eb6877;}

.category04 {background-color: #55a1ed;}

.infobox time {
	font-size: 14px;
	margin-bottom: 25px;
	color: #000;
	}
	
.infobox a time {
	font-size: 14px;
	margin-bottom: 20px;
	color: #000;
	}

.infobox .infotxt {
	font-size: 15px;
	line-height: 1.4em;
	margin: 5px 0 0 0;
	color: #000;
}
	
.infobox a .infotxt {
	font-size: 15px;
	line-height: 1.4em;
	margin: 5px 0 0 0;
	color: #000;
}
 //////////*/
	

/*///////// 資料請求 //////////*/
#siryo {clear: both;}
	
#siryo a {
	padding: 15px 0;
    margin: 60px auto;
    background: #ec6d56;
    box-shadow: 0px 0px 0px 12px #ec6d56;
    border: solid 1px #fff;	
	width: 960px;
	text-align: center;
	display: block;
}
	
#siryo a:hover {
    background: #e25036;
    box-shadow: 0px 0px 0px 12px #e25036;
}

#siryo a img {
	width: 500px;
}
	


/*///////// 法人のお客様にも充実のサービスを提供！ //////////*/
.con05 {
	background-color: #f2f2f2;
	background-repeat: repeat;
	padding: 70px 0;
}

.con05 h2 {
	color: #000;
	text-align: center;
	margin: 0 auto 40px auto;
	padding-bottom: 15px;
	font-size: 34px;
	letter-spacing: 10px;
	border-bottom: solid 3px #737373;
	width: 840px;
}
	
.con05Btn ul {
	text-align: center;
	margin: 55px 0 0 0;
}
	
.con05Btn ul li{
	display: inline;
	margin: 0 40px 0 0;
}
	
.con05Btn ul li.last{
	margin-right: 0px;
}

.con05Btn ul li img {
	width: 518px;
}
	
	
/*
6-8カラー
footer {
	background-color: #00a3ea;
	background-repeat: repeat;
	padding: 4vh 0;
}
	
/*
3-5カラー
footer {
	background-color: #81ceab;
	background-repeat: repeat;
	padding: 4vh 0;
}
	
9-11カラー
footer {
	background-color: #f88f13;
	background-repeat: repeat;
	padding: 4vh 0;
}
	
12-3カラー*/
footer {
	background-color: #6a9dd0;
	background-repeat: repeat;
	padding: 4vh 0;
}

#fbox {
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
	width: 970px;
	padding: 15px 20px;
	text-align: center;
	margin: 30px auto;
}

.contactbox {
	background-color: #000;
	border-radius: 20px 20px 20px 20px;
	width: 340px;
	padding: 10px 30px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin: 20px auto 35px auto;
}

.contactimg li {
	display: inline;
	text-align: center;
	margin: 0 20px;
}

.contactimg li img {
	width: 430px;
	margin: 0 0 30px 0;
}
	
.addressarea {
	width: 1100px;
	margin: 0 auto;
	}

.company {
	float: left;
	margin: 35px 0;
}

.company img {
	width: 240px;
	float: left;
	margin: 0 17px 0 0;
}

.address {
	float: left;
	margin: 15px 0 0 0;
}
	
.address img {
	width: 160px;
	margin: 3px 0 5px 0;
	}
	
.address p {
	font-size: 14px;
	color: #fff;
	clear: both;
	}
	
.snsicon {
	float: right;
	padding: 20px 0 30px 0;
	
	}
	
.snsicon ul {margin: 20px 0 30px 0;}

.snsicon ul li {
	display: inline;
	padding: 0 30px;
}

.snsicon ul li.snslast {
	padding-right: 0px;
}	

.snsicon li img {
	width: 55px;
}

#f-menuarea {
		width: 1100px;
		margin: 0 auto;
	}
	
.f_topmenu {
	padding: 35px 0;
	text-align: center;
	/* float: left; */
}

.f_topmenu ul li {
	display: inline;
	/* margin: 0 25px 0 0; */
	margin: 0 12px 0 0;
	font-size: 16px;
	text-align: center;
}

.f_topmenu ul li a {
	color: #fff;
}
	
.f_topmenu ul li a:hover {	
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}
	
/* .f_linkbanner {float: right;} */
	
.f_linkbanner {
	margin: 0px 0 24px 0;
	text-align: center;
}
	
.f_linkbanner li {
	display: inline;
	width: 143px;
	margin: 0 7.5px 0;
	}
	
.f_linkbanner li img {
	width: 143px;
	}

.f_menusp {
	display:none;
}

#f_sabarea {
	border-top: solid 1px #fff;
	clear: both;
	padding: 30px 0 0 0;
	}	
	
.bottomarea {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	}

.f_menu {
	float: left;
}

.f_menu ul li {
	display: inline;
	margin: 0 20px 0 0;
	font-size: 12px;
}

.f_menu ul li a {
	color: #fff;
}
	
	
.f_menu ul li a:hover {	
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}
	
	
/*
36-8カラー
.pagetop a {
    display: block;
    background-color: #117bd4;
    text-align: center;
	width: 100%;
}
.pagetop a img {
    display: block;
    background-color: #117bd4;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 15px 0;
	width: 40px;
}
	
	
/*
3-5カラー
.pagetop a {
    display: block;
    background-color: #36a472;
    text-align: center;
	width: 100%;
}
.pagetop a img {
    display: block;
    background-color: #36a472;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 15px 0;
	width: 40px;
}

9-11カラー
.pagetop a {
    display: block;
    background-color: #bc6907;
    text-align: center;
	width: 100%;
}
.pagetop a img {
    display: block;
    background-color: #bc6907;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 15px 0;
	width: 40px;
}
	
12-3カラー*/
.pagetop a {
    display: block;
    background-color: #3d74b7;
    text-align: center;
	width: 100%;
}
.pagetop a img {
    display: block;
    background-color: #3d74b7;
    text-align: center;
	margin: 4vh auto 0 auto ;
	padding: 15px 0;
	width: 40px;
}
	
.pagetop a:hover {
    display: block;
    text-align: center;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

.copyright {
	float: right;
	font-size: 13px;
	color: #fff;
}
	
	
	
/*///////// 2021.02追加 ////////////////////////////////////////////////////////////////////////////////////////*/	
	
/*///////// トップバナー //////////*/
	
.variable-width {
	margin-top: 50px;
	width: 100%;
	}
	
.variable-width li {
	width: 770px;
	margin: 0 10px;
	}
	

	
	
/*///////// 最新情報 //////////*/
.latest {
	background-color: #f7f7f7;
	padding: 70px 0
	}
	
.matter {
	width: 900px;
	margin: 0 auto 30px;
	text-align: center;
	border: solid 1px #000;
	padding: 30px 0;
	background-color: #fff;
	border-radius: 5px;
	}
	
.matter p {
	font-size: 20px;
	font-weight: bold;
	}
	
.matter .p-matter {
	font-size:  14px;
	font-weight: normal;
	margin-bottom: .5em;
}

.matter .p-matter:last-child {
	margin-bottom: 0;
}

.matter01 {
	margin-bottom: 0px;
	}
	
.matter01 a {color: #000;}
.matter02 a {color: #000;}
	
.matter01 a:hover,.matter02 a:hover {opacity: 0.5;}
	
.latestarea {
	width: 1120px;
	margin: 0 auto;
	}
	
.latest_l {
	float: left;
	width: 100px;
	margin-right: 40px;
	}
.latest_r {
	float: left;
	width: 980px;
	border-bottom: solid 1px #d3d3d3;
	padding-bottom: 20px;
	}
	
.latest_title {
	font-size: 23px;
	margin: 15px 0 50px;
	text-align: center;
	}
	
.latest_list a {
	font-size: 18px;
	color: #000;
	display: block;
	text-align: center;
	border: solid 3px #000;
	padding: 10px 5px;
	width: 60px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 5px;
	}
	
.latest_list a:hover {
	color: #fff;
	background-color: #0470bc;
	border: solid 3px #0470bc;
	}
	
.noticearea {
	clear: both;
	border-top: solid 1px #d3d3d3;
	padding: 20px 0;
	margin-top: 20px;
	}
	
time {
	font-size: 16px;
	float: left;
	margin-right: 25px;
	color: #787878;
	}
	
.latest_text {
	float: left;
	clear: right;
	font-size: 17px;
	color: #000;
	}
	
.latest_text a {
	color: #000;
	}
	
.latest_text a:hover {
	color: #0470bc;
	}

	
}

.post-type-archive-news .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.post-type-archive-news .page-numbers {
	padding: 0 .5em;
}