@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Tankai-shodo
Theme URI: http://tankai-shodo.ac.jp
Author: DIGITAL STRIVE
Author URI: http://d-strive.com/
Description: A theme by <a href="http://daikiact.com/">淡海書道文化専門学校</a>.
*/

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 12px;
	line-height: 140%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	background: #F7F7ED;
	}

.highlight a:hover *{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img {
	border: none;
	}

p {
	margin: 0;
	padding: 0;
	}

ul {
	margin: 0;
	padding:0;
	}

li {
	margin: 0;
	padding:0;
	}

th {
	font-weight: normal;
	}

/* 画像 */
.alignleft	{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright	{float: right;
	margin-left: 30px;
	margin-bottom: 30px;}

.aligncenter	{clear: both;
	display: block;
	margin: 30px auto;}

a:link {
	color: #EE0000;
	text-decoration: none;
}

a:visited {
	color: #EE0000;
	text-decoration: underline;
}

a:hover {
	color: #62AC00;
	text-decoration: underline;
}

a:active {
	color: #EE0000;
	text-decoration: underline;
}

.bottom5 {
	margin-bottom: 5px;
	}

.bottom10 {
	margin-bottom: 10px;
	}

.bottom20 {
	margin-bottom: 20px;
	}

.bottom30 {
	margin-bottom: 30px;
	}

.bottom40 {
	margin-bottom: 40px;
	}

.bottom50 {
	margin-bottom: 50px;
	}

.bottom3 {
	margin-bottom: 3px;
	}

.top20 {
    margin-top: 20px;
}

.top40 {
    margin-top: 40px;
}

.top60 {
    margin-top: 60px;
}

.top80 {
    margin-top: 80px;
}

.top100 {
    margin-top: 100px;
}

.top200 {
    margin-top: 200px;
}

.text-right {
	text-align: right;
	}

.right5{
	margin-right:5px;
}

.text-red {
	color:#CC0000;
	}

.text-green {
	color: #62AC00;
	}

.text16-b-green {
	color: #62AC00;
	font-size: 16px;
	font-weight: bold;
	line-height: 140%;
	}

.text10 {
	font-size: 10px;
	}

.text14 {
	font-size: 14px;
	line-height: 140%;
	}

.text14-red {
	color: #CC0000;
	font-size: 14px;
	line-height: 150%;
	}

.text12 {
	font-size: 12px;
	line-height: 140%;
	}

.text16 {
	font-size: 16px;
	line-height: 160%;
	}

.text16b {
	font-size: 16px;
	line-height: 140%;
	font-weight:bold;
	}

.text18b-green {
	color: #62AC00;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	}

.text18b {
	font-size: 18px;
	line-height: 140%;
	font-weight:bold;
	}

.text20b {
	font-size: 20px;
	line-height: 140%;
	font-weight:bold;
	}

.text16-green {
	color: #70bd47;
	font-size: 16px;
	line-height: 150%;
	}
.text16-blue {
	color: #009cc2;
	font-size: 16px;
	line-height: 150%;
	}

.text16-pink {
	color: #f67084;
	font-size: 16px;
	line-height: 150%;
	}

.text20-green {
	color: #70bd47;
	font-size: 20px;
	line-height: 150%;
	}

.text20-red {
	color: #CC0000;
	font-size: 20px;
	line-height: 150%;
	}

.text24-green {
	color: #70bd47;
	font-size: 24px;
	line-height: 150%;
	}
.text24-blue {
	color: #009cc2;
	font-size: 24px;
	line-height: 150%;
	}

.text24-pink{
	color: #f67084;
	font-size: 24px;
	line-height: 150%;
	}

.text24-parple {
	color: #9275b2;
	font-size: 24px;
	line-height: 150%;
}


.text-or {
	color: #FF6600;
	}

.text-b {
	color:#03C;
	}

.text-shihanka {
	font-size: 16px;
	font-family: sans-serif;
    font-weight: bold;
	line-height: 150%;
    padding: 4px;
    border-radius: 4px;
	color: #fff;
    background: #a3abba;
}

.text-kenkyuka {
	font-size: 16px;
	font-family: sans-serif;
    font-weight: bold;
	line-height: 150%;
    padding: 4px;
    border-radius: 4px;
	color: #fff;
    background: #a3abba;
}

.center{
	text-align:center;
}

h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	}

.pc_none {
	display: none;
}


/* -----------------------------
ヘッダー
----------------------------- */

#header {
	background: #FFFFFF url(http://tankai-shodo.ac.jp/image/bg_head.gif) repeat-x bottom;
	padding: 15px 0 25px 0;
	margin-bottom: 20px;
	}

#header_wrap {
	width: 980px;
	margin: 0 auto;
	}

.career_name {
	font-size: 16px;
	font-weight: bold;
	color: #ED6F29;
	}

#head_left {
	width: 400px;
	float: left;
}

#head_right {
	width: 565px;
	float: right;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#head_navi {
	float: left;
	width: 330px;
	margin: 5px 0 0 20px;
}

#head_navi ul {
	list-style: none;
	font-size: 10px;
}

#head_navi li {
	float: left;
	background: url(http://tankai-shodo.ac.jp/image/head_arrow2.gif) no-repeat;
	line-height: 20px;
	padding-left: 12px;
	margin: 0 10px 0 0;
}

#head_shiryo {
	float:right;
	width: 205px;
	}

#left_area {
	width: 240px;
	float: left;
	}

#top_right_area {
	width: 750px;
	float: right;
	margin-right: 10px;
	}

#right_area {
	width: 720px;
	float: right;
	margin-right: 10px;
	}

#top_right_area-main {
	width: 700px;
	margin-left: 50px;
	}

#right_area-main {
	width: 700px;
	margin-left: 20px;
	}

#right_area-wh {
	width: 660px;
	margin-left: 20px;
	background: #FFFFFF;
	padding: 40px 20px;
	}

#right_area-whop {
	width: 680px;
	margin-left: 20px;
	background: #FFFFFF;
	padding: 40px 10px 10px 10px;
	}

#home_ao{
	margin:10px 0 10px 0;
	float:left;
	}

#maincontents {
	width: 720px;
	}


#header_wrap h2 {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 1px 0;
    text-align: center;
    border: 1px solid #62AC00;
}

/* -----------------------------
ハンバーガーメニュー
----------------------------- */

#spNav { display: none;}



/* -----------------------------
カテゴリーナビ
----------------------------- */

#category_navi ul {
    list-style: none;
    line-height: 1.4em;
}

#category_navi li {
    width: 24%;
    margin: 0.5% 0.2%;
    display: inline-block;
    background: #62AC00;
    text-align: center;
}

#category_navi a {
    font-size: 13px;
    color: #fff;
    display: block;
    padding: 5%;
}

#category_navi a:hover {
    color: #333;
    background: #BBDE9A;
    text-decoration: none;
}


/* -----------------------------
フッター
----------------------------- */

#footer {
	background: #62AC00;
	padding: 25px 0 20px;
	}

#footer_wrap {
	width: 980px;
	margin: 0 auto;
	color: #FFFFFF;
	}

#foot_navi {
	width: 710px;
	float: left;
	}

.navi-foot {
	width: 140px;
	float: left;
	border-right: 1px dotted #FFFFFF;
	}

.navi-foot-last {
	width: 200px;
	float: left;
	}

.navi-foot li,
.navi-foot-last li {
	list-style: none;
	padding-left: 15px;
    line-height: 1.2em;
    margin-bottom: 0.6em;
	}

#foot_navi a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#foot_navi a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#foot_navi a:hover {
	color: #C6000B;
	text-decoration: underline;
}

#foot_navi a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#foot_address {
	width: 260px;
	float: right;
	}

#foot_copy {
	clear: both;
	padding: 40px 0 0 0;
	font-size: 10px;
	}

#logo {
	background: url(http://tankai-shodo.ac.jp/image/logo.gif) no-repeat;
	height: 142px;
	padding-bottom: 45px;
	text-indent: -9899px;
	}

h2 {
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}


/* -----------------------------
ページトップアロー
----------------------------- */

#pagetop {
    position: fixed;
    bottom: 60px;
    right: 80px;
}

#pagetop a {
    color: #BBDE9A;
    font-size: 36px;
    transition: font-size 0.5s;
    }

#pagetop a:hover {
    color: #facb2e;
    font-size: 48px;
    transition: font-size 2s;
}


/* -----------------------------
レフトエリア
----------------------------- */

#navi {
	margin-bottom: 20px;
	background: #62AC00 url(http://tankai-shodo.ac.jp/image/navi-bg.gif) repeat-y;
	margin-left: 10px;
	}

#navi ul{
    list-style: none;
    margin:0;
    padding:0;
    width:230px;
}

#navi ul li ul{
    width:230px;
}

#navi ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi ul li a{
    display:block;
    text-decoration: none;
    height:50px;
}

#navi ul li ul a{
    display:block;
    font-weight: normal;
	font-size: 12px;
    height:40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	color: #FFFFFF;
	border-bottom: 1px #CCCCCC solid;
}

#navi ul li a:hover{

}

#navi ul li ul a:hover{
	background: #BBDE9A;
	color: #333333;
}

#navi ul li ul{
    display:none;
}

.side_bt {
	margin-bottom: 15px;
	}

.youtube_bt{
	margin-bottom: 15px;
    padding: 0 0 0 10px;
}

.youtube_bt p{
    text-align: center;
}


/* -----------------------------
スライダー
----------------------------- */

.information01 {
    width: 100%;
    background-image: linear-gradient(0deg, #ac2, #62AC00);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 32px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #62AC00;
}

.information02 {
    width: 100%;
    background-image: linear-gradient(0deg, #e16ea5, #ea1616);
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #ea1616;
}


#slider {
	height: 380px;
	background: url(http://tankai-shodo.ac.jp/image/bg-slider.gif) no-repeat;
	padding: 10px;
	margin-bottom: 85px;
	}

#news_area {
	padding: 10px;
	background: #fff;
    border-radius: 8px;
	}

.news_head {
    width: 80%;
    float: left;
    padding: 1%;
    font-size: 16px;
    background-image: linear-gradient(0deg, #eee, #ccc);
}

.news_goto {
    float: left;
    width: 16%;
    padding: 1%;
    text-align: center;
    background-image: linear-gradient(0deg, #ccc, #999);
}

.news_goto a {
    color: #333;
    display: block;
}

.news_goto a:hover {
    color: #f33;
    text-decoration: none;
}

.news_part {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
	}

.news_photo {
	float: left;
	width: 120px;
    height: 90px;
}

.news_text {
	float: left;
	margin-left: 20px;
	width: 520px;
	}

.news_date {
	padding-bottom: 5px;
	}

.news_title {
	font-size: 14px;
	padding-bottom: 5px;
	}

#top_open {
	margin-top: 20px;
	}

#top_syugyou {
	position: relative;
	height: 450px;
	background: #fff;
	padding: 10px;
	margin: 0 0 40px 0;
    border-radius: 8px;
	}

.syugyou_title {
    width: 95.5%;
    background-image: linear-gradient(0deg, #efd, #ac2);
    padding: 2%;
    font-size: 21px;
    font-weight: bold;
    color: #333;
    line-height: 21px;
    margin: 0 0 10px 0;
    border-radius: 4px;
    border: 1px solid #cd5;
}

.syugyou_text {
    width: 100%;
    margin: 20px 0;
}

.syugyou_subtitle {
	position: relative;
	z-index: 1;
    font-size: 21px;
    text-indent: 0.5em;
    font-weight: bold;
}

.syugyou_subtitle a:hover {
    text-decoration: none;
    color: #f00;
    font-weight: bold;
}

.syugyo_article {
    padding: 1em;
    font-size: 16px;
    line-height: 1.4em;
}

.syugyou_image {
	position: absolute;
	bottom: 0;
	right: 0;
}

#top_course_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
    width: 700px;
    margin: 10px auto;
}

.top_course {
	width: 28%;
	float: left;
	margin: 2% 1%;
	padding: 1.5%;
	background:#fff0;
    border-radius: 8px;
	cursor: pointer;
	}

.top_course img {
    width: 100%;
}

.top_course-text {
	height: 30px;
	padding-top: 5px;
	}

#head_image {
	margin-bottom: 10px;
	position: static;
	z-index:0;
	margin-left: 20px;
	}

#head_bt {
	width: 280px;
	height: 80px;
	margin: 0 5px 5px 435px;
	background: url(http://tankai-shodo.ac.jp/image/bt_head2.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: 240px;
	}

#head_bt ul {
	padding:0px;
	margin:0px;
 }

#head_bt li {
	display:inline;
	list-style-type:none;
	}

#head_bt li a {
	height:80px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	font-size: 8px;
	}

/*------off*/

#head_bt li.op a {
	background: url(http://tankai-shodo.ac.jp/image/bt_head2.png) no-repeat 0px 0px;
	width: 140px;
	}

#head_bt li.siryo a {
	background: url(http://tankai-shodo.ac.jp/image/bt_head2.png) no-repeat -140px 0px;
	width: 140px;
	}

/*------hover*/

#head_bt li.op a:hover {
	background:url(http://tankai-shodo.ac.jp/image/bt_head2.png) no-repeat 0px -80px;
	}

#head_bt li.siryo a:hover {
	background:url(http://tankai-shodo.ac.jp/image/bt_head2.png) no-repeat -140px -80px;
	}

#main_image {
	margin: 20px 0 0 0;
	}

.title {
    font-family: serif;
    font-size: 24px;
	margin: 60px 0 20px;
    padding: 10px;
    border-left: 4px solid #666;
    border-bottom: 1px solid #666;
	}

.title_op {
	margin: 0 0 15px 10px;
	}

.btn_time_schedule a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480px;
    margin:0 auto 40px;
    padding: 1.5em 2em;
    border: none;
    border-bottom: solid 5px #af6000;
    border-radius: 8px;
    background-color: #ff8c00;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    transition: .5s ease;
}

.btn_time_schedule a::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.btn_time_schedule a:hover {
    transform: translateY(3px);
    border-bottom-width: 2px;
}

.oc_images {
	width: 100%;
	max-width: 660px;
	margin: 0 auto 40px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.oc_images div {
	width: 320px;
}

.oc_images img {
	width: 100%;
}

.triple {
	width: 220px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	}

.op_place {
	width: 660px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	}

.oc01{
	width:430px;
	margin:0 0 10px 10px;
}

.oc02{
	width:430px;
	margin:0 0 10px 10px;
}

.op_place_wrap{
	width:450px;
	float:left;
}

.op01-img{
	width:200px;
	float:right;
}

.op_place-title {
	background: #EDD900;
	line-height: 32px;
	text-align: center;
	font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.3em;
	}

.op_text {
	padding: 8px;
	background: #F7F7ED;
	}

.op_text-border1 {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #333333;
	margin-bottom: 5px;
	line-height: 18px;
	height: 60px;
	}

.op_text-border2 {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #333333;
	margin-bottom: 5px;
	line-height: 18px;
	height: 36px;
	}

.op_text-border3 {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #333333;
	margin-bottom: 5px;
	line-height: 18px;
	height: 160px;
	}

.bt_bottom {
	margin: 20px 0 30px 20px;
	clear: both;
	}

.bt_bottom2 {
	margin: 5px 0 15px 20px;
	clear: both;
	}

.curri_text-inst {
	background: #328C28;
	padding: 10px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 140%;
	margin-bottom: 30px;
	}

.curri_text-inves {
	background: #185696;
	padding: 10px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 140%;
	margin-bottom: 30px;
	}

.curri_text-other {
    width: 90%;
	margin: 20px auto;
	background: #b8589d;
	padding: 10px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 140%;
	}

.curri_text-access {
	background: #FFEC94;
	padding: 10px 15px;
	font-size: 14px;
	color: #000000;
	line-height: 140%;
	margin-bottom: 30px;
	}

.curri_desc,
.curri_desc-inves {
	width: 100%;
    margin-bottom: 40px;
    color: #000;
	}

.curri_desc ul,
.curri_desc-inves ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.curri_desc li,
.curri_desc-inves li {
	font-size: 16px;
	margin-left: 20px;
    line-height: 200%;
	}

.desc_inst:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #444444;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: 1px;                   /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.desc-inves:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #444444;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: 1px;                   /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.desc_other1:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #b8589d;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: 1px;                   /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.desc_other2:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #b8589d;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 1px;                   /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.inst_various ul,
.inves_various ul {
    margin: 40px auto;
    padding: 0;
}

.inst_various a,
.inves_various a {
    color: #fff;
}

.inst_various li:before,
.inves_various li:before {
  display:inline-block;
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}

.inst_various li {
    position: relative;
    list-style-type: none!important;/*ポチ消す*/
    padding: 1em;
    margin-bottom: 20px;
    line-height: 1.5em;
    background: #a3abba;
    vertical-align: middle;
    color: #505050;
    font-size: 16px;
    font-weight: bold;
    border-radius: 28px;
}

.inves_various li {
    position: relative;
    list-style-type: none!important;/*ポチ消す*/
    padding: 1em;
    margin-bottom: 20px;
    line-height: 1.5em;
    background: #a3abba;
    vertical-align: middle;
    color: #505050;
    font-size: 16px;
    font-weight: bold;
    border-radius: 28px;
}


/* -----------------------------
入学における特典
----------------------------- */
.c_title{
font-size: 20px;
color: #ea7a16;
font-weight: bold;
margin: 12px 0;
line-height: 1.2;
}

.c_number{
font-size: 22px;
color: #fff;
font-weight: bold;
padding: 4px 8px;
background:  #ea7a16;
margin-bottom: 10px;
margin-right: 12px;}

.c_note{
font-size: 16px;
font-weight: 800;
}

.c_txt{
margin-bottom: 20px;}


.c_sub_title{
font-size: 16px;
margin: 15px 0;
line-height: 1.2;
}

/*.curri_desc2 {
	width: 400px;
	}*/

.curri_desc3 {
	width: 380px;
	float: left;
	}

.curri_support {
    width: 560px;
    margin: 60px auto 40px;
    padding: 10px 0;
    border-top : 6px dotted #ea7a16;
    border-bottom : 6px dotted #ea7a16;
}

.curri_support_wrap {
	width: 530px;
	margin: 10px auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.curri_support_L {
    color: #fe0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    background: #ea7a16;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.curri_support_R {
    color: #ea1616;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2em;
    padding: 10px;
}

.curri_support_article {
    text-align: center;
    font-size: 18px;
    line-height: 1.4em;
}

.left_photo {
	width: 275px;
	float: left;
	}

.right_text {
	width: 415px;
	float: right;
	}

.right_photo {
	width: 275px;
	float: right;
	}

.right_photo img {
    width: 100%;
}

.left_text {
	width: 415px;
	float: left;
	}

.left_text-partner {
	width: 375px;
	float: left;
	}

.left_photo-message {
	width: 240px;
	float: left;
	}

.right_text-message {
	width: 415px;
	float: right;
	}

.right_text-guide {
	width: 370px;
	float: right;
	}

.right_text-mansion {
	width: 370px;
	float: right;
	}

.left_photo-feature {
	width: 240px;
	float: left;
	}

.right_text-feature {
	width: 395px;
	float: right;
	}

.school_song {
    width: 700px;
    margin-left: 20px;
}

.school_song img {
    width: 700px;
}

.left_text02 {
	width: 400px;
	float: left;
	line-height: 20px;
	}

.history_year {
	width: 80px;
	float: left;
	}

.history_text {
	float: left;
	margin: 0 0 5px 10px;
	width:280px
	}

.history_hr {
	border-bottom: 1px dotted #333333;
	clear:both;
	margin-bottom: 5px;
	}

.charm_num {
	width: 30px;
	float: left;
	}

.charm_text {
	float: left;
	margin: 0 0 10px 5px;
	}

.text-inst {
	background: #e16ea5;
	padding: 10px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 140%;
	margin-bottom: 30px;
	}

.text-inst02 {
	background: #a3abba;
	padding: 10px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 140%;
	margin-bottom: 30px;
	}


.teacher_plofile {
    margin: 30px auto;
}

.teacher_name {
	border-bottom: 1px solid #0093D9;
	padding-bottom: 2px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #0093D9;
	font-weight: bold;
}

.teacher_wrap {
    width: 100%;
}

.teacher_photo {
    float: left;
    width: 18%;
}

.teacher_photo img {
    width: 100%;
}

.teacher_detail {
    float: left;
    width: 78%;
	padding: 1% 2%;
}

.teacher_position,
.teacher_subject {
    color:#000;
	font-size: 14px;
    font-weight: bold;
	border-bottom: 1px dotted #0093D9;
    padding: 1% 0;
}

.teacher_comment {
    padding: 1% 0;
}



.question_wrap {
    width: 470px;
    margin: 10px auto;
}

.question_title {
	background: url(http://tankai-shodo.ac.jp/image/bg_question.gif) no-repeat;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 30px;
	}

.question_text {
	margin-bottom: 20px;
	padding-left: 20px;
	font-size:14px;
	line-height:150%;
	}

.question_text-last {
	padding-left: 20px;
	font-size:14px;
	line-height:150%;
	}

#college {
    width: 94%;
    margin: 20px auto 20px;
    color:#fff;
    background: #70bd47;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
}

#findwork_jisseki {
    width: 85%;
    line-height: 1.6em;
    margin: 0 auto;
}

#findwork_jisseki img {
    width: 100%;
}

.findwork_headline {
    color: #EB6D7B;
    font-size: 48px;
}

.findwork_text {
    font-size: 14px;
}

.findwork_jisseki_wrap {
    margin: 20px 0;
}

.findwork_circle {
    float: left;
    font-size: 24px;
    font-weight: bold;
    width: 140px;
    height: 80px;
    line-height: 1.2em;
    color: #EB6D7B;
    text-align: center;
    border: 1px solid #EB6D7B;
    border-radius: 50% ;
    padding: 40px 10px;
}

.findwork_jissekiL {
    font-size: 24px;
    line-height: 1.7em;
    float: left;
    margin: 5px 10px;
}

.findwork_jissekiR {
    font-size: 24px;
    line-height: 1.5em;
    float: left;
    text-align: right;
    margin: 5px;
}

.strong_red {
    color: #ee0000;
    font-size:  36px;
    font-family: serif;
}

#findwork_nihonshuji {
    width: 94%;
    margin: 20px auto 20px;
    color:#fff;
    background: #f67084;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
}

#school {
    width: 94%;
    margin: 20px auto 20px;
    color:#fff;
    background: #9275b2;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
}

#findwork_others {
    width: 94%;
    margin: 20px auto 20px;
    color:#fff;
    background: #009cc2;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
}

.career-box {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #666666;
	padding-bottom: 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.licence_type {
	width: 48%;
	margin: 1%;
}

.licence_type img {
	width: 100%;
}

.career_photomain {
	width: 220px;
    text-align: center;
	}

.student_photo img {
	width: 220px;
    margin-bottom: 10px;
}

.student_work img {
    max-width: 220px;
    max-height: 480px;
    margin-bottom: 10px;
}


.career_photomain-right {
	width: 220px;
	float: right;
	}

.career_photomain-right img {
	width: 100%;
	}

.career_photosub {
	margin: 0 0 10px 0;
	float: left;
	}

.career_college_title {
    color: #70bd47;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 20px 0 0 0;
}

.image70 img {
    width: 70%;
}

.image100 img {
    width: 100%;
}

.career_text {
	width: 400px;
	}

.career_text-main {
	height: 217px;
	}

.career_title {
    font-size: 20px;
	color:#CC0000;
    margin-bottom: 10px;
    line-height: 1.5;
}

.career_article {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 10px;
}

.career_findwork-title {
	width: 490px;
	float: right;
	margin-bottom: 10px;
	padding-top: 50px;
}

.career_findwork-title2 {
	width: 490px;
	float: right;
	margin-bottom: 10px;
	padding-top: 30px;
}

/*--- 年間スケジュール ---*/
.schedule_img {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	list-style: none;
}

.schedule_img li {
	width: 660px;
	max-width: 100%;
	margin-bottom: 30px;
}

.schedule_img li img {
	width: 100%;
}


/*------サイトマップ*/

#sitemap ul {
	list-style: none;
	}

#sitemap li.accent1 {
	width: 100%;
	border-left: 5px solid #62AC00;
	line-height: 20px;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 15px;
	clear: both;
	}

#sitemap li.accent2 {
	width:28%;
	line-height: 20px;
	list-style: circle;
	margin: 0 5px 15px 20px;
	display: block;
	float: left;
	position: relative;
	border-bottom: 1px dotted #666666;
	}

#sitemap a:link {
	color: #333333;
	text-decoration: none;
}

#sitemap a:visited {
	color: #333333;
	text-decoration: underline;
}

#sitemap a:hover {
	color: #62AC00;
	text-decoration: underline;
}

#sitemap a:active {
	color: #333333;
	text-decoration: underline;
}

.entry-title {
	background: #62AC00;
	padding: 8px;
}

.entry-title h3 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 30px;
}

.entry-date {
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	line-height: 30px;
}

.entry {
	margin: 10px 0 30px 0;
	padding: 10px;
}

.entry p {
	margin: 5px 0;
}


/* -----------------------------
資格に強い！
----------------------------- */

.gold_tit span {
    font-size: 20px;
    font-weight: bold;
    font-family: serif;
    text-align: center;
    padding: 2%;
    margin: 10px 0;
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	-webkit-background-clip: text;
	color: transparent;
}

.gold_tit{
    text-align: center;
    padding: 2%;
    margin: 10px 0;
background:#000;
}


.license_midashi1 {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background: #EC6300;
	color: #FFFFFF;
	font-size: 16px;
}

.license_midashi2 {
	width: 300px;
	line-height: 40px;
	margin: 30px 0 10px 10px;
	padding: 0 10px;
	text-align: center;
	background: #FFDB00;
	color: #CC0000;
	font-size: 16px;
	border: 1px solid #CC0000;
}

.gokaku_gradient {
    font-size: 18px;
    font-weight: bold;
    font-family: serif;
    text-align: center;
    padding: 2%;
    border: 2px solid #874;
    margin: 10px 0;
    background-image: linear-gradient(130deg, #facb2e 10%, #c38700 15% 20%, #ffd214 25% 60%, #ffffc4 70% 75%, #facb2e 80% 100%);
}

#bt_society_area {
	padding: 10px;
	background: #EEEEEE;
}

.bt_society {
	width: 310px;
	margin: 5px;
	float: left;
}

.teacher_midashi_p {
	background: #eb6d91;
	padding: 4px 10px;
	font-size: 18px;
    font-weight: bold;
	color: #fff;
	line-height: 140%;
	margin-bottom: 10px;
	}

.teacher_midashi_l {
	background: #61c1be;
	padding: 4px 10px;
	font-size: 18px;
    font-weight: bold;
	color: #fff;
	line-height: 140%;
	margin-bottom: 10px;
	}

.teacher_midashi_g {
	background: #61c1be;
	padding: 4px 10px;
	font-size: 18px;
    font-weight: bold;
	color: #fff;
	line-height: 140%;
	margin-bottom: 10px;
	}

.teacher_midashi_o {
	background: #ffdd99;
	padding: 4px 10px;
	font-size: 18px;
    font-weight: bold;
	color: #fff;
	line-height: 140%;
	margin-bottom: 10px;
	}

.double_photo {
	float: left;
	width: 46.5%;
    margin: 1.5%;
}

.triple_photo {
	float: left;
	width: 30%;
    height: 180px;
    margin: 1.5%;
}

.double_photo img,
.triple_photo img {
	width: 100%;
}

.triple_photo_t {
	float: left;
	width: 30%;
    margin: 1.5%;
    padding: 50px 0 0 0;
}

triple_photo-image {
    width: 200px;
    height: 150px;
}



.conglatulation {
	width: 100px;
	margin-left: 125px;
	margin-bottom: 10px;
	float: left;
}

.bg_blue {
	padding: 15px;
	margin-bottom: 50px;
	background: #d4f0f0;
}

.bg_green {
	padding: 15px;
	margin-bottom: 50px;
	background: #deeed0;
}

.bg_pink {
	padding: 15px;
	margin-bottom: 50px;
	background: #fcebf2;
}

.message_student {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.message_photo {
	width: 120px;
	float:left;
}

.message_text {
	width: 275px;
	float:right;
}

.society_link-text {
	width: 350px;
	float: left;
	padding: 49px 0;
}

.society_link-text2 {
	width: 350px;
	float: left;
	padding: 39px 0;
}

.society_link-bt {
	width: 310px;
	float:left;
}
.illust{
	width:176px;
	float:left;
}
.illust02{
	width:330px;
	float:right;
}

.thum {
	margin:-80px 0 0 10px;
}

.thum img {
    max-width: 15%;
    margin: 0 .5%;
}

.pros_ao img,
.pros_top img {
    width: 100%;
}

.pros_left {
    float:left;
}

#gallery_inves_2nd,
#gallery_inves_3rd {
    font-size: 14px;
    font-weight: bold;
    color: #185696;
    width :660px;
    margin: 10px auto 20px;
    padding: 5px 0;
    border-bottom: solid 2px #185696;
}

#gallery_inves_1st {
    font-size: 14px;
    font-weight: bold;
    color: #185696;
    width :660px;
    margin: 40px auto 20px;
    padding: 5px 0;
    border-bottom: solid 2px #185696;
}


/* リモート学校説明会・面接申し込みフォーム */

.remote_titile {
    width: 100%;
    margin: 30px auto -12px;
}

.remote_strong {
    font-weight: bold;
    font-size: 18px;
    background: #ffbebe;
    padding: 10px;
}

.thanks_title {
    width: 80%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 20px;
    line-height: 1.6em;
    border-bottom: 1px solid #333;
}

.thanks_message {
    width: 80%;
    line-height: 1.6em;
    margin: 0 auto 40px;
}

.right_bt_area {
    width: 700px;
    margin: 20px 0 20px 20px;
}

.mail_chui {
    width: 70%;
    line-height: 1.6em;
    margin: -30px auto 10px;
    padding: 10px 40px;
	background: #D8EABF;
}

.leopalace_left {
    float: left;
    width: 142px;
}

.leopalace_right {
    float: left;
    margin: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fe0;
    background: #1C3075;
    width: 470px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
}

.caution {
    background: #f30;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 2% 5%;
    font-weight: bold;
    width: 90%;
    margin: 10px auto;
}

.content_wrap {
    width: 100%;
    margin: 10px 0;
}


/* -----------------------------
アクセスマップ
----------------------------- */

.gglmap {
    width:310px;
    float:left;
}

.acesmap {
    width:330px;
    float:right;
}



/* -----------------------------
奨学金精度
----------------------------- */
.s_ship_tit{
	color: #007eca;
	font-size: 16px;
	font-weight: bold;
	line-height: 140%;
	}


.scholar-bg {
	background: #eaf2fb;
	padding: 10px;
	}

.scholar-bg li {
	list-style: square;
	margin-left: 20px;
}

.s_ship_note{
	color: #f30;
	font-size: 15px;
	text-align: center;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #f30;
	font-weight: bold;
	line-height: 140%;
    width: 95%;
}



/* -----------------------------
生徒作品紹介
----------------------------- */
.container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-self: flex-start;
	align-items:center;
	margin-bottom:25px;
	padding: 10px;
}

/* 作品が4つの場合 */
.item {
	width:22%;
	text-align: center;
}

.item img {
	object-fit: contain;
	height: 343px;
}

/* 作品が3つの場合 */
.item3{
	width:48%;
	text-align: center;
}

.item3 img {
	width: 100%;
	object-fit: contain;
}

.nn{
	margin-top: 5px;
	margin-bottom: 25px;
}

.container::before{
	content:"";
	display: block;
	width:22%;
	order:1;
}

.container::after{
	content:"";
	display: block;
	width:22%;
}



/*-----------------------------------
募集要項
-----------------------------------*/
table.youkou {
	font-size: 12px;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

table.youkou tr:nth-of-type(1) {
	background: #eee;
}

table.youkou tr:nth-of-type(2) {
	background: #fcd;
}

table.youkou tr:nth-of-type(3) {
	background: #cdf;
}

table.youkou tr:nth-of-type(4) {
	background: #edb;
}

table.youkou td {
	border: 1px solid #666;
	padding: 5px 2px;
}

table.youkou tr:nth-of-type(2) td:nth-of-type(1) {
	background: #fff;
}

table.youkou tr:nth-of-type(5) td:nth-of-type(1) {
	border-left: none;
	border-bottom: none;
}



/*-----------------------------------
学費表
-----------------------------------*/
table.gakuhi {
	font-size: 12px;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
}

table.gakuhi th {
	font-weight: bold;
}

table.gakuhi th,
table.gakuhi td {
	border: 1px solid #666;
	padding: 5px 2px;
}

table.gakuhi tr:nth-child(1) {
	background: #eee;
}

table.gakuhi tr:nth-child(2) {
	background: #fcd;
}

table.gakuhi tr:nth-child(3) {
	background: #cdf;
}

table.gakuhi tr:nth-child(4) {
	background: #edb;
}



/*--- 学生コメント ---*/
.comment_cap {
    width: 100%;
    text-align: right;
    font-size: 14px;
    margin-top: 60px;
}













/*-----------------------------------
End
-----------------------------------*/