@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Lora|Roboto:400,700');
/* Reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}
p, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	outline: none;
}
li {
	list-style: none;
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	vertical-align: bottom;
	border: none;
}
a {
	color: inherit;
	text-decoration: none;
	outline: none;
}
a  img:hover{
	opacity:0.7;
}
sup {
	font-size: 0.7em;
	vertical-align: super;
}
main{
	display:block;
}
/* pc-sp
---------------------------------------- */
.forPC {
}
.forSP {
	display: none;
}
/* リンク無効化（PC tel リンク無効化）
---------------------------------------- */
a.link-disabled{
	text-decoration: none !important;
	pointer-events: none !important;
}
/* columns
---------------------------------------- */
/* columns series common */
.columns, .columns2, .columns3, .columns3-2 .columns4, .columns5 {
	width: 100%;
	letter-spacing: -.40em;
}
.columns > *, .columns2 > *, .columns3 > *, .columns4 > *, .columns5 > * {
	float: left;
	vertical-align: top;
	letter-spacing: normal;
	box-sizing: border-box;
}

.columns3-2 > *{
	vertical-align: top;
	letter-spacing: normal;
	box-sizing: border-box;
}

.columns > *:nth-child(2n), .columns2 > *:nth-child(2n), .columns3 > *:nth-child(3n), .columns4 > *:nth-child(4n), .columns5 > *:nth-child(5n) {
	margin-right: 0 !important;
}
.columns:after, .columns2:after, .columns3:after, .columns3-2:after, .columns4:after, .columns5:after {
	content: "";
	display: block;
	clear: both;
}
/* columns2 */
.columns2 > * {
	width: 48%;
	margin-right: 4%;
}
/* columns3 */
.columns3 > * {
	width: 31%;
	margin-right: 3.5%;
	font-size:13px;
	line-height:1.6;
}

.columns3-2 > *{
	width: 65.5%;
	margin: 0 auto;
	font-size:13px;
	line-height:1.6;
}

/* columns4 */
.columns4 > * {
	width: 23.5%;
	margin-right: 2%;
	font-size:13px;
	line-height:1.6;
}
.columns4.num2 {
	margin-left: calc(51% / 2);
	margin-left: -webkit-calc(51% / 2) ;
}
.columns4.num3 {
	margin-left: calc(25.5% / 2);
	margin-left: -webkit-calc(25.5% / 2) ;
}

/* columns5 */
.columns5 > * {
	width: 19%;
	margin-right: 1.2%;
}
/* columns-nm series common (no margin) */
.columns2-nm, .columns3-nm, .columns4-nm, .columns5-nm {
	width: 100%;
	letter-spacing: -.40em;
}
.columns2-nm > *, .columns3-nm > *, .columns4-nm > *, .columns5-nm > * {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	box-sizing: border-box;
}
.columns2-nm:after, .columns3-nm:after, .columns4-nm:after, .columns5-nm:after {
	content: "";
	display: block;
	clear: both;
}
/* columns2-nm */
.columns2-nm > * {
	width: 50%;
}
/* columns3-nm */
.columns3-nm > * {
	width: 33.33%
}
/* columns4-nm */
.columns4-nm > * {
	width: 25%;
}
/* columns4-nm */
.columns5-nm > * {
	width: 20%;
}

/* columns-nm series common (list 垂直方向へ) */
.columns2-listH, .columns3-listH, .columns4-listH, .columns5-listH {
	width: 100%;
}
.columns2-listH > *, .columns3-listH > *, .columns4-listH > *, .columns5-listH > * {
	float:left;
	vertical-align: top;
	letter-spacing: normal;
	box-sizing: border-box;
}
.columns2-listH:after, .columns3-listH:after, .columns4-listH:after, .columns5-listH:after {
	content: "";
	display: block;
	clear: both;
}
/* columns2-nm */
.columns2-listH > * {
	width : -webkit-calc(50% - 20px) ;
	width : calc(50% - 20px) ;
}
/* columns3-nm */
.columns3-listH > * {
	width : -webkit-calc(33.33% - 20px) ;
	width : calc(33.33% - 20px) ;
}
/* columns4-nm */
.columns4-listH > * {
	width : -webkit-calc(25% - 20px) ;
	width : calc(25% - 20px) ;
}
/* columns4-nm */
.columns5-listH > * {
	width : -webkit-calc(20% - 20px) ;
	width : calc(20% - 20px) ;
}
/* columns2-listV (list水平方向へ) */
.columns2-listV {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
}
/* columns3-listV (list水平方向へ) */
.columns3-listV {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-o-column-count: 3;
	-ms-column-count: 3;
}
/* columns4-listV (list水平方向へ) */
.columns4-listV {
	column-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	-o-column-count: 4;
	-ms-column-count: 4;
}

/* box
---------------------------------------- */
.box {
	padding-top: 13px;
	position: relative;
}
.box h2, .box .title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.box .inner {
	width: 1100px !important;
	border-style: solid;
	border-width: 15px;
	box-sizing: border-box;
}
.box .box-header {
	width: 100%;
	text-align: center;
	padding: 7px 0;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	margin-bottom: 0;
}
.box .box-body {
	margin: 50px 80px;
	width: 910px;
}
.box .box-body .box-block {
	margin-bottom: 50px;
	letter-spacing: -.40em;
}
.box .box-body .box-block:last-child {
	margin-bottom: 0;
}
.box .box-body .box-block:after {
	content: " ";
	clear: both;
	display: block;
}
.box .box-body .box-block > * {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.box .box-body .box-block:nth-child(odd) .box-image,
.box .box-body .box-block:nth-child(even) .box-info {
	margin-right: 30px;
}
.box .box-body .box-block:nth-child(even) .box-image,
.box .box-body .box-block:nth-child(even) .box-info {
	float:right;
}
.box .box-body .box-block > .box-image {
	width: 490px;
	position: relative;
}
.box .box-body .box-block > .box-image .photo {
	margin: 0 0 10px 10px;
	height: 310px;
	overflow: hidden;
	background-color: #eaeaea;
	text-align: center;
	line-height: 310px
}
.box .box-body .box-block > .box-image .photo img {
	/*width: 100%;*/
	max-width: initial;
	max-height: initial;
	vertical-align: middle;
}
.box .box-body .box-block > .box-image .data {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 160px;
	height: 160px;
	border: solid 2px #505050;
	color: #ffffff;
	box-sizing: border-box;
	padding: 30px 10px 20px;
	text-align: center;
	opacity:0.9;
}
.box .box-body .box-block > .box-image .data_student {
	position: absolute;
	left: 330px;
	bottom: 0;
	width: 160px;
	height: 160px;
	border: solid 2px #505050;
	color: #ffffff;
	box-sizing: border-box;
	padding: 30px 10px 20px;
	text-align: center;
	opacity:0.9;
}
.box .box-body .box-block > .box-image .data.rowsS {
	padding: 45px 10px 20px;
}
.box .box-body .box-block > .box-image .data .name {
	font-size: 1.3em;
	font-weight: bold;
}
.box .box-body .box-block > .box-image .data .resume {
	line-height: 1.3;
}
.box .box-body .box-block > .box-image .data_student .resume {
	line-height: 1.3;
}
.box .box-body .box-block > .box-image .data .resume span{
	font-size:0.9em;
}
.box .box-body .box-block > .box-info {
	width: 390px;
}
.box .box-body .box-block > .box-info p {
	text-align:left;
}
.box .box-body .box-block > .box-info strong {
	color:#333 !important;
}
/* box-only */
.box-only .inner {
	width: 100% !important;
	padding: 20px;
}

/* common
---------------------------------------- */
html {
	width: 100%;
}
body {
	font: 13px/1em 'Roboto', helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
main{
	font-size:14px;
}
.inner {
	width: 980px;
	margin: auto;
}
.no-title {
	display: none !important;
}
a, img ,footer #totop{
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
footer #totop{
	position:fixed;
	right:50px;
	z-index:1000;
}
.page a {
	text-decoration: underline;
}
.page a:hover {
	text-decoration: none;
}
.btn a {
	display: block;
	font-family: 'Roboto', 'Noto Sans Japanese';
	color: #333;
	background-color:#fff;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.03em;
	text-decoration: none;
	line-height: 26px;
	border-color: #eb7392;
	border-width: 2px;
	border-style: solid;
	border-radius: 14px;
	font-size:13px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}
.btn a:hover {
	color: #fff;
	background-color: #eb7392;
}
.btn span {
	padding-left: 13px;
	margin-left: 5px;
	position: relative;
}
.btn span::after {
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	background-image: url(/web/20190806231924im_/https://www.yic.ac.jp/bm/assets/images/btn_arrow_00.png);
	background-repeat: no-repeat;
	margin:auto;
}
.btn a:hover span::after {
	background-image: url(/web/20190806231924im_/https://www.yic.ac.jp/bm/assets/images/btn_arrow_00_on.png) !important;
}
.btn-area {
	text-align:center;
	font-size:0.92em;
}
.btn-area .btn {
    display: inline-block;
    width: auto;
    margin-right: 10px !important;
}
.btn-area .btn:last-child {
    margin-right: 0 !important;
}
.txt {
	line-height: 1.8;
}
.txtL {
	text-align: left;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
strong {
	color: #e7577c;
	font-weight: bold;
}
.attention {
	color:#ff0000;
}
.annotation {
	font-size: 0.8em;
	color: #666;
}
.hide-text {
	text-indent: 110% !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	background-repeat: no-repeat !important;
}
/* table */
table {
	width: 100%;
	margin-bottom:20px;
}
table th span{
	font-size:0.8em;
}
table th{
	line-height:1.4;
}
table td{
	line-height:1.6;
}
table th,table td{
	padding:5px 10px;
	box-sizing:border-box;
	font-weight:normal;
}
/* clearfix */
.clearfix {
	width:inherit;
	margin:auto;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* accordion */
h2.accordion {
	padding: 18px 0;
	font-size: 1.3em;
	letter-spacing: 0.4em;
	font-weight: bold;
	position: relative;
}
h2.accordion span.nomal{
	font-weight:normal;
}
h2.accordion p {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto !important;
	line-height: 28px;
	height: 28px;
	width: 200px;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #fff;
	border-width: 2px;
	border-style: solid;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	cursor: pointer;
}
h2.accordion span.close {
	display: none;
	font-family: 'Roboto', 'Noto Sans Japanese';
}
h2.accordion span.open{
	font-family: 'Roboto', 'Noto Sans Japanese';
}
h2.accordion.open span.open {
	display: none;
}
h2.accordion.open span.close {
	display: block;
}

h2.accordion p:after {
	width: 13px;
	height: 13px;
	position: absolute;
	right: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
h2.accordion.open p:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.accordion-content {
	display: none;
}
.accordion-content.open {
	display: block;
}

/* adjust-link */
main .adjust-link {
	padding-top: 130px;
	margin-top: -130px;
}

.mw_wp_form .horizontal-item {
    margin-left: 10px;
}

/************************************************************
 TOP
************************************************************/
/* gallery
---------------------------------------- */
#index #gallery .slick-prev, #index #gallery .slick-next {
	display:none !important;
}



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

 2017年1月対応分リンク処置

============================================================*/
/* ギャラリー
---------------------------------------- */
#index #gallery {
	display:none !important;
}

/* Before After
---------------------------------------- */
#index #works {
	display:none !important;
}

/* 教師紹介
---------------------------------------- */
#index #teachers {
	display:none !important;
}

/* その他　ペンディング要素に下記のクラスを追加してください
---------------------------------------- */
.newpage {
	display:none !important;
}
.comingsoon img:hover{
	opacity:1;
}
.comingsoon:hover .txt{
	text-decoration:none !important;
}

/* 各校共通：イベントカレンダー
------------------------------ */
main#event_calendar .event-archive .time dd{
	word-wrap: break-word;
}

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

2018年6月対応分リンク処置

============================================================*/
/* 学費サポート
---------------------------------------- */
#support table.loan{
	table-layout: fixed;
	font-size: 13px;
}
#support #loan table thead{
	border-bottom: solid 2px #777;
}

/* パスワード保護ボタン */
.post-password-form input[type="submit"] {
    width: 150px;
    color: #333;
}
/*
     FILE ARCHIVED ON 23:19:24 Aug 06, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:57:19 Jan 09, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 699.728 (3)
  load_resource: 564.523
  exclusion.robots: 0.188
  PetaboxLoader3.resolve: 747.152 (4)
  captures_list: 735.279
  esindex: 0.012
  RedisCDXSource: 18.539
  PetaboxLoader3.datanode: 512.048 (5)
  exclusion.robots.policy: 0.174
  CDXLines.iter: 13.939 (3)
*/