@charset "UTF-8";

/* =========================================================
 20201212：CSSファイルを統合
 /k1106/style/base201207.css
 /css/koza/base_side.css
========================================================= */


/* =========================================================
 memo:/k1106/style/base201207.css
========================================================= */

.hh {
  /* DBにすごい書かれてるから気づいたら消していく */
  font-weight: bold;
}

body {
  font-size: 14px;
  background: #E8E8E8;
  /*background: #f2f2f2;*/
}


/* オールリセット */

i {
  font-style: normal;
  padding-right: 5px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  line-height: 1.4;
}

p {
  margin: 0px;
  padding: 0px;
  /*font-size: 15px;*/
  /*line-height: 1.8;*/
}

ul, li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

img {
  border: 0px;
}

table, th, td {
  margin: 0px;
  padding: 0px;
  /*	font-size: 13px;*/
}

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

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
		height: auto;
		overflow: hidden;
		/**/
}

.spOnly {
  display: none;
}


/* 基礎設定 */

.rollover:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.dot {
  clear: both;
}

.img_center {
  text-align: center;
  padding: 10px 0px 10px 0px;
}

a {
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/*
a:link {
	color: #003399;
	text-decoration: none;
}

a:visited {
	color: #003399;
	text-decoration: none;
}

*/

a.arrow {
  background: url(/k1106/images/00base/arrow.png) left center no-repeat;
  padding: 3px 0 3px 25px;
  font-weight: bold;
}

.tbold {
  font-weight: bold;
}

.red {
  color: #dd0000;
}

p.red {
  color: #dd0000;
}

p.redbold {
  color: #dd0000;
  font-weight: bold;
}

p.redbold_big {
  color: #dd0000;
  font-weight: bold;
  font-size: 20px;
}

.clear {
  clear: both;
}

.aln-cnt {
  text-align: center !important;
}

.aln-rit {
  text-align: right !important;
}

.align_r {
  text-align: right !important;
}

.align_c {
  text-align: center !important;
}

.align_l {
  text-align: left !important;
}

.margin_top0 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.margin_ys {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin_x {
  margin-left: 20px;
  margin-right: 20px;
}

.margin_t {
  margin-top: 20px !important;
}

.margin_ts {
  margin-top: 10px !important;
}

.margin_l {
  margin-left: 20px;
}

.margin_b {
  margin-bottom: 20px;
}

div.imgleft {
  float: left;
  padding-right: 20px;
}

div.imgright {
  float: right;
  padding-left: 20px;
}

div.imgcenter {
  text-align: center;
  padding: 20px 0px 20px 0px;
}

#main div.img_right {
  float: right;
  padding-left: 20px;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

div.boxlink {
  cursor: pointer;
  border: #DFDFD0 solid 2px;
}


/* div全体に内側にあるaタグのリンク範囲を広げる */

div.boxlink:hover {
  border: #dd0000 solid 2px;
}


/* iframeレスポンシブ対応ボックス */

.box_iframe {
  position: relative;
  width: 100%;
  padding-top: 56.2%;
  margin: 25px 0;
}

.box_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.box_iframe img {
  width: 100%;
  height: auto;
}


/* CSSボタン aを囲うpに2つクラスを指定（使用例：<p class="button but_XXX"><a href="#" class="rollover"></a></p>） */

.button a {
  display: block;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  padding: 10px 0;
  margin: 20px 0;
  text-align: center;
  text-decoration: none !important;
  font-family: 'Shin Go DeBold';
  font-size: 16px;
  line-height: 120%;
}

.but_order a {
  border: #FF4D4D solid 1px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF4D4D), color-stop(1, #B20000));
  background: -moz-linear-gradient(top, #FF4D4D 5%, #B20000 100%);
  background: -webkit-linear-gradient(top, #FF4D4D 5%, #B20000 100%);
  background: -o-linear-gradient(top, #FF4D4D 5%, #B20000 100%);
  background: -ms-linear-gradient(top, #FF4D4D 5%, #B20000 100%);
  background: linear-gradient(to bottom, #FF4D4D 5%, #B20000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4D4D', endColorstr='#B20000', GradientType=0);
  text-shadow: -1px -1px 0 #B20000;
  box-shadow: 0 3px 0 #660000;
  color: #fff;
}

.but_request a {
  border: #007FFF solid 1px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007FFF), color-stop(1, #00468C));
  background: -moz-linear-gradient(top, #007FFF 5%, #00468C 100%);
  background: -webkit-linear-gradient(top, #007FFF 5%, #00468C 100%);
  background: -o-linear-gradient(top, #007FFF 5%, #00468C 100%);
  background: -ms-linear-gradient(top, #007FFF 5%, #00468C 100%);
  background: linear-gradient(to bottom, #007FFF 5%, #00468C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007FFF', endColorstr='#00468C', GradientType=0);
  text-shadow: -1px -1px 0 #00468C;
  box-shadow: 0 3px 0 #002040;
  color: #fff;
}

.but_gray a {
  border: #EEEEEE solid 1px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EEEEEE), color-stop(1, #CCCCCC));
  background: -moz-linear-gradient(top, #EEEEEE 5%, #CCCCCC 100%);
  background: -webkit-linear-gradient(top, #EEEEEE 5%, #CCCCCC 100%);
  background: -o-linear-gradient(top, #EEEEEE 5%, #CCCCCC 100%);
  background: -ms-linear-gradient(top, #EEEEEE 5%, #CCCCCC 100%);
  background: linear-gradient(to bottom, #EEEEEE 5%, #CCCCCC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC', GradientType=0);
  text-shadow: -1px -1px 0 #EEEEEE;
  box-shadow: 0 3px 0 #AAAAAA;
  color: #333333;
}


/* 基本枠の設定 */

#wrapper {
  text-align: center;
  /* IE用の中央寄せ */
  width: 990px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  /* IE以外用の中央寄せ */
  text-align: left;
  /* 中身を左寄せに戻す */
}

#wrapper > h1 {
  font-size: 11px;
  font-weight: normal;
}

#base {
  background-color: #fff;
  /*border-radius: 10px 10px 0 0;*/
  padding: 20px 0;
}

#header {
  margin: 0px 20px;
  width: 950px;
}

#container {
  width: 950px;
  margin: 0 20px;
}

#main {
  float: right;
  width: 708px;
  text-align: left;
  background: #E8E8E8;
  /* グレーの背景上 */
  padding: 12px;
  /*overflow: hidden;*/
  /*border-radius: 10px;*/
}

#main #main_new {
  /*width: 660px;*/
  width: 100%;
  background: #fff;
  /* 白の背景上 */
  padding: 25px 20px;
  /*border-radius: 10px;*/
}

#main div.gototop {
  /*ページごとに書いてあるものからフッターの#gotopに移行 */
  display: none;
}


/* ------------------header内設定---------------------- */

#header .head_contents {
  display: flex;
  justify-content: space-between;
}

#header .head01 {
  display: flex;
  align-items: center;
  flex: 1;
}

#header .head01 .icon {
  width: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 5px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: #d00;
}

#header .head01 a {
  display: block;
  margin-right: 10px;
}

#header .head01 img {
  width: 150px;
}

#header .head_kozaname {
  font-size: 13px;
  line-height: 1;
}

#header .head_kozaname .kozaname {
  font-weight: bold;
  text-align: left;
  color: #333;
}

#header .head02 {
  display: flex;
  margin-left: 20px;
}

#header .head_support__img img {
  width: 180px;
}

#header .head_corporation {
padding-right: 10px;
}

#header .corporation_link {
  display: flex;
  padding: 5px 8px;
  height: 49px;
  color: #fff;
  text-align: center;
  background-color: #d00;
}

#header .corporation_link:before {
  content: url(/images/sogo/base/ico_company_02.svg);
  width: 24px;
  margin-right: 5px;
}

#header div.headmenu {
  padding: 5px 0px 0px 0px;
  margin: 10px 0;
}

#header div.headmenu ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  width: 100%;
}

#header div.headmenu li {
  margin: 0;
  width: 100%;
  text-align: center;
}

#header div.headmenu li a {
  margin: 0;
  padding: 10px 0;
  display: block;
  text-decoration: none;
  color: #000000;
  border-right: 1px solid #DDD;
  background-color: rgba(255, 255, 255, 0.8);
}

#header div.headmenu li a:hover {
  background-color: #EBEBEB;
}

#header div.headmenu li:last-child a {
  border-right: none;
}


/* パンくずリスト設定 */

#header div.pankuzu {
  clear: both;
  margin: 10px 0 15px 0;
}

#header div.pankuzu li {
  float: left;
  font-size: 11px;
  color: #444;
}

#header div.pankuzu li.pan1 {
  background: url(/k1106/images/00base/header/pan_arrow1.gif) center left no-repeat;
  padding: 0px 0px 0px 20px;
}

#header div.pankuzu li.pan2 {
  background: url(/k1106/images/00base/header/pan_arrow2.gif) center left no-repeat;
  padding: 0px 10px 0px 15px;
}

#header div.pankuzu li.pan3 {
  background: url(/k1106/images/00base/header/pan_arrow3.gif) center left no-repeat;
  padding: 0px 10px 0px 15px;
}

#header div.pankuzu a:link {
  color: #444;
  text-decoration: none;
}

#header div.pankuzu a:visited {
  color: #444;
  text-decoration: none;
}

#header div.pankuzu a:hover {
  color: #dd0000;
  text-decoration: none;
}


/* ------------------main内設定---------------------- */


/* ↓北川追加20140225 */

#main div.main_title_new {
  background: url(/k1106/images/00base/bg_maintitle.png) left top no-repeat;
  height: 42px;
  width: 650px;
  font-size: 24px;
  font-weight: bold;
  color: #686858;
  padding: 20px 15px;
  overflow: hidden;
  margin-left: -15px;
}

* html #main div.main_title_new {
  /* IE6 hack */
  height: 62px;
}


/* --------講座タイトル----------- */

#main .main_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

#main .main_title__koza_name {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 15px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.4;
  background-color: #333;
}

#main .main_title__koza {
  position: relative;
  margin-left: 5px;
  font-size: 1.1rem;
  line-height: 1;
  text-align: center;
  background-color: #fff;
}

#main .main_title__koza_total__label {
  padding: 5px 15px;
  color: #fff;
  font-size: 0.75rem;
  background-color: #333;
}

#main .main_title__koza_total__num {
  padding: 10px 15px;
  color: #d00;
  font-size: 1.8rem;
  font-weight: bold;
}

#main .main_title__koza_total__num small {
  font-size: 0.6em;
}

#main div.main_title b {
  font-size: 180%;
  font-weight: normal;
  color: #fff;
}


/*
#main .main_total_students:before {
	content: '';
	position: absolute;
	top: 0;
	left: 30px;
	width: 60px;
	height: 40px;
	border-bottom: 2px solid #333;
	border-left: 2px solid #333;
}*/


/*
#main .main_total_students strong {
	color: #d00;
	font-size: 1.5em;
}

#main div.main_title {
	letter-spacing: 1px;
	padding: 15px;
	background-color: #333;
	font-size: 110%;
	line-height: 190%;
	margin: 0 0px 20px;
}

#main div.main_title span {
	font-size: 130%;
	color: #EEEEEE;
}
*/

#main .categorytitle {
  font-size: 210% !important;
  background: none;
  font-weight: lighter;
  padding: 5px 0px 15px 10px;
  margin: 0;
  line-height: 120%;
  border: none;
}

#main .categorytitle span {
  display: block;
  font-size: 60%;
}

#main .categorytitle:after {
  display: none;
}

#main .pagetitle {
  background: url(/k1106/images/00base/bg_pagetitle.png) top left repeat-y;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

#main .pagetitle p {
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  font-size: 28px;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 20px;
  line-height: 110%;
}

#main .pagetitle p span {
  font-size: 16px;
}

#main .h_folk {
  border-left: #DD0000 solid 5px;
  padding: 10px 0 0 10px;
  font-family: 'Folk Medium';
  line-height: 1.2;
  margin-bottom: 25px;
}

#main .h_folk span {
  /* 見出し大きい文字のほう */
  display: block;
  font-size: 40px;
  line-height: 150%;
}

#main .h2_new {
  margin-bottom: 30px;
}

/* 20241023 コメントアウト対応 */
/* .successful h3 {
  margin: 40px 0 20px;
  border-bottom: #ccc dotted 1px;
  padding-bottom: 10px;
  font-size: 16px;
  color: #900;
} */

#main .h3_new {
  border: none;
  background: url(/k1106/images/00base/h2.png) top left no-repeat;
  line-height: 60px;
  padding: 0 0px 0 30px;
  margin: 40px 0 20px;
  font-size: 20px;
  font-family: "ヒラギノ角ゴ W6 JIS2004", Hiragino Kaku Gothic W6 JIS2004;
  overflow: hidden;
}

#main .h3_new a {
  color: #333;
  text-decoration: none;
}

#main .main_inner2 .h3_new {
  margin-top: 0;
}


/* 合格体験記で使用中のベージュの見出し */

#main h2.h2_teacher {
  line-height: 60px;
  padding: 10px 20px 0;
  margin: 40px 0 20px;
}

#gyoseiBody #main h2.h2_teacher {
  background: url(../01gyosei/images/h2_gyosei.png) top center repeat-y;
}

#sharoushiBody #main h2.h2_teacher {
  background: url(../02sharoushi/images/h2_sharoushi.png) top center repeat-y;
}

#fpBody #main h2.h2_teacher {
  background: url(../03fp/images/h2_fp.png) top center repeat-y;
}

#takkenBody #main h2.h2_teacher {
  background: url(../04takken/images/h2_takken.png) top center repeat-y;
}

#mankanBody #main h2.h2_teacher {
  background: url(../05mankan/images/h2_mankan.png) top center repeat-y;
}

#bokiBody #main h2.h2_teacher {
  background: url(../06boki/images/h2_boki.png) top center repeat-y;
}

#colorBody #main h2.h2_teacher {
  background: url(../08color/images/h2_color.png) top center repeat-y;
}

#itBody #main h2.h2_teacher {
  background: url(../26it/images/h2_it.png) top center repeat-y;
}

#tsukanshiBody #main h2.h2_teacher {
  background: url(../27tsukanshi/images/h2_tsukanshi.png) top center repeat-y;
}

#ryokouBody #main h2.h2_teacher {
  background: url(../28ryokou/images/h2_ryokou.png) top center repeat-y;
}

#main .h4_new, #main .h4_new {
  display: block;
  border-left: #dd0000 solid 4px;
  padding: 6px 10px;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  margin: 30px 0 25px;
  border-bottom: #ccc dotted 1px;
}

#main .h5_new {
  font-size: large;
  margin: 20px 0 10px;
}

#main h5 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}

#main .mainheadimg {
  margin: -25px 0 -15px -20px;
  width: 700px;
  overflow: hidden;
}

#main p.p_new {
  font-size: 15px;
  color: #444;
  line-height: 170%;
  margin-bottom: 20px;
}

#main .text_info {
  margin: 8px 0 0;
  padding-bottom: 8px;
  border-bottom: #ccc dotted 1px;
}

#main .text_info span {
  background: #dd0000;
  color: #fff;
  padding: 2px 5px;
  margin-right: 5px;
}

#main .text_date {
  text-align: right;
  font-size: 15px;
  color: #444;
}

#main .text_s {
  font-size: small;
}

#main .text_xs {
  font-size: x-small;
}

#main .text_red {
  color: #990000;
  font-weight: bold;
  text-align: left;
  float: none !important;
}

#main .txt_catch {
  color: #dd0000;
  font-weight: bold;
  font-size: 20px;
  line-height: 150%;
}

#main p.text_indent {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}

#main .text_caption {
  font-size: small;
  text-indent: -1em;
  margin-left: 1em;
}

#main .font_Oswald {
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3em;
  color: #000000;
}

#main .font_Ubuntu {
  font-family: 'Ubuntu Mono', ;
  font-weight: 700;
  font-size: 50px;
  color: #333;
  text-align: right;
  padding-top: 45px;
  margin-right: 10px;
}

#main .marker_red {
  background: #FACCCA;
  font-weight: bold;
  color: #333;
}

#main .but_sampletext, #main .but_samplemondaishu {
  margin-top: 20px;
}

#main .but_sampletext a, #main .but_samplemondaishu a {
  display: block;
  width: 360px;
  height: 91px;
  text-indent: -9999px;
  overflow: hidden;
}


/* 受講料・お申し込み */

#main .price_cp_ban {
  /*margin: -25px auto 0px -20px;*/
}

.price_cp_ban_cp_flowline {
  margin: 0 auto 16px auto;
  width: 660px;
  height: 196px;
}

#main .koza_title {
  font-size: 210%;
  margin: 10px 0 30px 0;
  font-family: 'Folk Medium';
  line-height: 140%;
  border-left: 6px solid #DD0000;
  padding: 0px 0 0 20px;
}

#main .kyozaiimg {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 90%;
  color: #666;
}

#main .kyozaiimg img {
  max-width: 100%;
  margin-bottom: 10px;
}


/*#main h6 {
	font-size: 18px;
	font-weight: bold;
	color: #008000;
	border-bottom: dotted 1px #999999;
	padding: 30px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}*/

#main .text_sum {
  text-align: right;
  border-top: #444 solid 1px;
}

#main div.price_stitle {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
}

#main p.price_titletxt, #main p.price_titletxt2, #main div.price_titletxt2 {
  /* 単科講座の見出し */
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  line-height: 2;
  padding: 10px;
  border-top: #333 solid 2px;
  border-bottom: #333 dotted 1px;
  margin: 20px 0 0;
  background: #0059B2;
}


/*合格率NO.1アイコンだよ20170526*/

#main .v2_icon {
  background-color: #d00;
  color: #fff;
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 7px;
  line-height: 1;
}

#main .v2_icon span {
  color: #FFEF1F;
  font-size: 18px;
  margin-right: 3px;
}


/*オススメアイコンだよ20180502*/

#main .rec_icon {
  background-color: rgba(221, 0, 0, 0.50);
  color: #fff;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  margin-right: 7px;
  line-height: 15px;
}

.refund_icon {
  display: inline-block;
  color: #fff;
  padding: 3px 5px;
  margin-right: 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  background-color: #21b732;
  border-radius: 3px;
}

.refund_icon .lsf {
  animation: price_flash 1s infinite;
  margin-right: 3px;
  color: yellow;
  font-size: 18px;
}

@keyframes price_flash {
  50% {
    opacity: 0;
  }
}


/* 旅行業務受講料ページ  各科目の教材の内容の表で使用 */

#main table.jt_table {
  text-align: center;
  border-top: solid 1px #666666;
  border-left: solid 1px #666666;
  width: 100%;
  margin-bottom: 10px;
}

#main table.jt_table th {
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
  text-align: left;
  border-right: solid 1px #666666;
  border-bottom: solid 1px #666666;
  background: #555;
  padding: 4px 10px;
}

#main table.jt_table td {
  border-right: solid 1px #666666;
  border-bottom: solid 1px #666666;
  padding: 6px 0px 6px 0px;
  text-align: center;
}

#main table.jt_table td.sougou {
  background: #fdf5e6;
}

#main table.jt_table td p.price2 {
  color: #ff0000;
  font-size: 23px;
  font-weight: bold;
  padding: 5px;
}

#main h3.h3_tanka {
  background-color: #444444;
  color: #fff;
  margin: 50px 0 30px;
  padding: 10px 4px 8px 4px;
  text-align: center;
  font-size: 150%;
  border-top: 3px solid #000;
  font-weight: lighter;
}


/*------------------------------------------------------------------------------------------------------- */


/*------------------------------------------ howtoお支払いの手順----------------------------------------- */


/*------------------------------------------------------------------------------------------------------- */

#main div.howto_box {
  padding: 0px 0px 0px 20px;
}

#main div.howto_b_other {
  text-align: right;
  padding: 20px;
}

#main div.title_howto3 {
  padding: 60px 0px 20px 0px;
}

#main div.howto_box2 {
  padding-left: 20px;
  padding-right: 20px;
}

table.howtotable {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
}

table.howtotable th {
  background-color: #DDD;
  border-right: solid 2px #eee;
  border-bottom: solid 2px #eee;
  padding: 10px;
}

table.howtotable td {
  text-align: center;
  background-color: #FFF;
  border-right: solid 2px eee;
  border-bottom: solid 2px #eee;
  padding: 10px;
}

table.howtotable td.tdleft {
  text-align: left;
  width: 200px;
}

.content_howto .content {
  margin-bottom: 30px;
  overflow: hidden;
}

.content_howto h3 {
  font-size: 230%;
  border-left: 5px solid #295FB3;
  line-height: 110%;
  margin: 15px 0 30px 0;
  padding-left: 3%;
}

.content_howto h4 {
  font-size: 160%;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 14px;
  color: #295FB3;
}

.content_howto h4 span {
  font-size: 120%;
  color: #FFFFFF;
  background-color: #295FB3;
  padding: 1% 3%;
  margin-right: 3%;
}

.content_howto .step .box01, .content_howto .step .box02, .content_howto .step .box03 {
  border: 1px solid #B2C6DF;
  padding: 3%;
  padding-top: 6%;
  position: relative;
}

.content_howto .step .box01 img, .content_howto .step .box02 img, .content_howto .step .box03 img {
  width: 25%;
  float: right;
  margin-left: 4%;
  margin-top: -3.5%;
}

.content_howto .step .box01 {
  margin-bottom: 10px;
}

.content_howto .step .box02 {
  margin-bottom: 10px;
}

.content_howto .step .box03 {}

.content_howto .step .box02:after, .content_howto .step .box03:after {
  top: -6%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #B2C6DF;
  border-width: 20px;
  margin-left: -20px;
}

.content_howto .pay .box01 h5 {
  font-size: 180%;
  line-height: 140%;
  color: #295FB3;
  text-align: center;
  font-weight: lighter;
  margin-top: 15px;
}

.content_howto .pay .box01 .set01, .content_howto .pay .box01 .set02, .content_howto .pay .box01 .set03 {
  padding: 2%;
  margin: 20px 0;
  border: 1px solid #B2C6DF;
  border-top: 8px solid #B2C6DF;
  width: 26%;
  float: left;
}

.content_howto .pay .box01 .set01, .content_howto .pay .box01 .set02 {
  margin-right: 4%;
}

.content_howto .pay .box01 .set04 {
  border: 1px solid #D8D8D8;
  background-color: #EDEDED;
  padding: 0 3% 3% 3%;
  line-height: 160%;
}

#main .content_howto .pay .box01 .set04 h6 {
  color: #2B2B2B;
}


/*支払方法*/

.content_howto .pay .box02 {
  font-size: 115%;
  color: #666666;
  line-height: 180%;
  margin-top: 50px;
}

.content_howto .pay .box02 .lead {
  font-size: 120%;
  color: #222222;
  line-height: 180%;
  margin-top: 20px;
}

.content_howto .pay .box02 .lead img {
  width: 31%;
  float: left;
  margin: 0 1%;
}

.content_howto .pay .box02 .lead hr {
  border: none;
  border-bottom: 1px dotted #CBCBCB;
  margin: 15px 0;
}

.content_howto .pay .box02 .set01, .content_howto .pay .box02 .set02, .content_howto .pay .box02 .set03 {
  padding: 3%;
  margin: 20px 0;
  border: 1px solid #B2C6DF;
  border-left: 8px solid #B2C6DF;
}

#main .content_howto .pay .box02 h5 {
  margin: 0;
  font-size: 180%;
  line-height: 140%;
  color: #FFFFFF;
  background-color: #295FB3;
  padding: 2%;
  font-weight: lighter;
}

.content_howto .pay .box02 b {
  color: #295FB3;
  margin: 15px 0;
  display: block;
  font-size: 120%;
}

.content_howto .pay .box02 h5 img {
  width: 6%;
  float: left;
  margin: 0 3% 0 1%;
}

.content_howto .pay .box02 .set01 {}

.content_howto .pay .box02 .set02 {}

.content_howto .pay .box02 .set03 {}


/* 新受講料レイアウト 20140218 */

#main .box_attention {
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.8;
  background: #f9f5e9;
  border: 2px solid #d00;
}

#main .box_attention strong {
  font-size: 1rem;
  line-height: 1.4;
  color: #d00;
}

#main .box_attention__list {
  margin-top: 1em;
}

#main .box_attention__list li {
  list-style: disc;
  margin-left: 20px;
}

#main .box_attention__list li + li {
  margin-top: 0.5em;
}

#main .box_attention .text_border_red {
  border-bottom: #d00 solid 2px;
  font-weight: bold;
}

#main .box_attention a {
  font-weight: bold;
  text-decoration: underline;
}

#main .box_attention a:hover {
  text-decoration: none;
}

#main .box_attention p {
  margin-top: 1em;
  margin-bottom: 0;
}


/* 教材配送スケジュール */

/*#main .box_schedule {
  background: #eeeeee;
  margin: 30px auto;
  border: #ccc solid 1px;
  padding: 15px 15px 0 15px;
}*/

#main .box_schedule h3 {
  overflow: hidden;
  font-size: 20px;
  line-height: 110%;
  border: none;
  padding: 0;
}

#main .box_schedule h3 .schedule_bot {
  padding: 3px 8px;
  background-color: #DB0003;
  color: #FFFFFF;
  float: right;
  font-size: 70%;
  line-height: 130%;
  cursor: pointer;
}

#main .box_schedule h3 .schedule_bot:hover {
  opacity: 0.7;
}

#main .box_schedule .open_next {
  display: none;
}

#main .box_schedule p {
  margin-bottom: 15px;
}

#main .box_schedule dl {
  margin: 0;
  display: flex;
}

#main .box_schedule dt {
  width: 170px;
  background: url(/k1106/images/06price/ico_schedule.png) 5px 5px no-repeat;
  padding: 10px 0 20px 60px;
  font-weight: bold;
  line-height: 1.4;
}

#main .box_schedule dd {
  flex: 1;
  font-size: 12px;
  padding: 0 0 10px;
  margin: 0 0 0 20px;
}


/* テーブル */

#main table.table_price {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

#main table.table_price th.table_price01 {
  background: #444444;
  color: #fff;
  width: 237px;
  text-align: center;
}

#main table.table_price th.table_price02 {
  background: #FF9B00;
  color: #fff;
  width: 140px;
  text-align: center;
}

#main table.table_price th.table_price03 {
  background: #FF8354;
  color: #fff;
  width: 27%;
  text-align: center;
}

#main table.table_price th.table_price04 {
  background: #E85641;
  color: #fff;
  width: 140px;
  text-align: center;
}

#main table.table_price .table_price05 {
  /* バリューのセット内容等 */
  background: #444444;
  color: #fff;
  border-left: #999 dotted 1px;
}

#main table.table_price th, #main table.table_price td {
  border-bottom: #999 dotted 1px;
  padding: 6px 8px 4px 8px;
}

#main table.table_price .ico_kyufu {
  /* 教育訓練給付制度アイコン */
  border: #FBA800 solid 2px;
  background: #fff;
  font-weight: bold;
  line-height: 110%;
  padding: 6px 0 5px;
  margin: 5px 0;
  color: #333;
  text-align: center;
}

#main table.table_price th a.mediaModal, #main table.table_price th a.mediaModal:hover {
  /* helpモーダル */
  color: #fff;
  text-decoration: none;
}

#main table.table_price th a.mediaModal span.help {
  margin-left: 3px;
  line-height: 12px;
  font-size: 12px;
  text-align: center;
  padding: 1.5px 3px 0;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.60);
  color: #FF774B;
  border-radius: 7px;
}

#mediaCD, #mediaDVD, #mediaCDDVD {
  font-size: 14px;
  line-height: 22px;
}

#mediaCD h5, #mediaDVD h5, #mediaCDDVD h5 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 5px;
}

#main table.table_price td.table_price02, #main table.table_price td.table_price03, #main table.table_price td.table_price04 {
  text-align: center;
}

#main table.table_price td.table_price01 {
  background: #EBEBEB;
  text-align: center;
  vertical-align: middle !important;
}

#main table.table_price td.table_price02 {
  background: #FFECD9;
  border-left: #fff solid 1px;
}

#main table.table_price td.table_price03 {
  background: #FFE3D9;
  border-left: #fff solid 1px;
}

#main table.table_price td.table_price04 {
  background: #FFDADA;
  border-left: #fff solid 1px;
}

#main table.table_price tr:nth-child(odd) td.table_price01 {
  background: #F1F1F1;
}

#main table.table_price tr:nth-child(odd) td.table_price02 {
  background: #FFF2E4;
}

#main table.table_price tr:nth-child(odd) td.table_price03 {
  background: #FFECE4;
}

#main table.table_price tr:nth-child(odd) td.table_price04 {
  background: #FFE5E5;
}

#main table.table_price tr:last-child td {
  vertical-align: bottom;
}


#main .tanka_price {
  text-align: center;
  display: block;
  padding: 3px;
  background-color: #FFFFFF;
  font-size: 90%;
}

#main .text_price_normal {
  font-family: 'Oswald', sans-serif;
  line-height: 1.3em;
  text-decoration: line-through;
  color: #555;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 5px;
}

#main .text_price_normal b {
  font-size: 65%;
}

#main .text_price_tankaoff {
  font-family: 'Oswald', sans-serif;
  line-height: 1.3em;
  color: #555;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 5px;
}

#main .text_price_tankaoff b {
  font-size: 65%;
}

#main .text_price_campaign {
  margin-bottom: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}

#main .text_price_campaign span {
  font-size: 20px;
  vertical-align: middle;
}

#main .price5 {
  font-size: 85%;
}


#main .pricetext_box {
  font-size: 90%;
  color: #666;
}


/* 直対用テーブル */

#main .table_extra {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

#main .table_extra th {
  padding: 3px 8px;
  font-weight: bold;
  background: #444;
  color: #fff;
  border-left: #999 dotted 1px;
}

#main .table_extra th:first-child {
  border: none;
}

#main .table_extra td.table_extra05 .ico_kyufu {
  /* 教育訓練給付制度アイコン */
  border: #FBA800 solid 2px;
  background: #fff;
  font-weight: bold;
  line-height: 110%;
  padding: 5px;
  color: #333;
  font-size: 12px;
}

#main .table_extra td {
  border-bottom: #666 dotted 1px;
  padding: 3px 8px;
  background: #FFECE4;
}

#main .table_extra td.table_extra01 {
  font-weight: bold;
  background: #FF8354;
  color: #fff;
  font-size: 15px;
  height: 50px;
}

#main .table_extra td.table_extra02 {
  width: 277px;
}

#main .table_extra td.table_extra03 {
  border-left: #666 dotted 1px;
}

#main .table_extra td.table_extra04 {
  border-left: #666 dotted 1px;
  width: 85px;
  text-align: center;
}

#main .table_extra td.table_extra05 {
  width: 140px;
  text-align: center;
  border-left: #666 dotted 1px;
}


/*#main .table_extra tr:nth-child(odd) td {
	background:#FFE3D9;
}*/

#main .table_extra .table_extra02 {}

#main .table_extra .table_extra03 {
  width: 170px;
  border-left: #fff solid 1px;
}

#main .table_extra .table_extra04 {
  width: 140px;
  border-left: #fff solid 1px;
}

table.table_default {
  border-collapse: collapse;
  border-top: #999 solid 1px;
  width: 100%;
  font-size: 12px;
  margin-bottom: 40px;
}

table.table_default th, table.table_default td {
  border-bottom: #999 solid 1px;
  padding: 10px;
  vertical-align: middle;
}

table.table_default tbody th {
  background: #f6f6f6;
}

table.table_default td {}

table.table_default .border_bot {
  border-bottom: #999 dotted 1px;
}


/*eラーニング機能一覧のテーブル*/

.table_elearning_feature td {
  font-size: 1.7em;
  text-align: center;
}
.table_elearning_feature td.none {
  background-color: #eee;
}
.table_elearning_feature span {
  /* display: inline-block; */
}
.table_elearning_feature th, .table_elearning_feature td {
  border: #999 solid 1px;
}

table.table_elearning_feature th {
  padding: 6px;
}

table.table_elearning_feature td {
  padding: 5px;
}

.table_elearning_feature_th {
  text-align: center;
}

.table_elearning_feature_tanka {
  background-color: #f5f5f5;
  border: solid 1px #ccc;
  margin-top: 20px;
}

.table_elearning_feature_tanka table {
  width: 100%;
  margin-top: 0;
}

.table_elearning_feature_tanka ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.table_elearning_feature_tanka td {
  padding: 15px 0 15px 40px;
}

.table_elearning_feature_tanka li {
  list-style-type: disc;
  margin-bottom: 10px;
  line-height: 1.4;
  width: 25%;
  text-align: left;
}

.table_elearning_feature_tanka li:last-child {
  margin-bottom: 0;
}

.table_f_size__m .table_elearning_feature_tanka li {
  font-size: 1rem;
}


#main .wid65 {
  width: 65px;
}

#main .price {
  font-weight: bold;
  color: #f00;
  font-size: 14px;
}

#main .but_cart {
  display: block;
  border: #ccc solid 1px;
  background: #efefef;
  border-radius: 10px;
}


/* 20140407 お支払い方法についてバナー */

#main .box_shiharai {
  border: #aaa solid 1px;
  padding: 15px;
  margin: 20px 0 0;
}

#main .box_shiharai p.title {
  float: left;
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 10px;
  background: url(/k1106/images/06price/bg_circle_red.gif) left top no-repeat;
}

#main .box_shiharai span {
  float: right;
}

#main .box_shiharai .box_shiharai_daibiki {
  clear: both;
  padding: 10px;
  min-height: 80px;
  background: #FFF3E4 url(/k1106/images/06price/bg_daibiki.gif) right top no-repeat;
  margin-bottom: 10px;
}

#main .box_shiharai .box_shiharai_credit {
  padding: 10px;
  min-height: 80px;
  background: #FFF3E4 url(/k1106/images/06price/bg_credit.gif) right top no-repeat;
  width: 395px;
  float: left;
}

#main .box_shiharai .box_shiharai_credit img {
  padding-top: 5px;
}

#main .box_shiharai .box_shiharai_bank {
  padding: 10px;
  height: 80px;
  background: #FFF3E4;
  width: 175px;
  float: right;
}

#main .box_shiharai_credit p, #main .box_shiharai_bank p, #main .box_shiharai_daibiki p {
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  background: none;
  line-height: 140%;
}

#main .box_shiharai .but_soryo a {
  text-align: left;
  float: right;
  display: block;
  box-sizing: border-box;
  width: 195px;
  margin: 10px 0;
  padding: 10px;
  background: #d00;
  color: #FFFFFF;
}


/* マン管プライス テキストに関する注釈 */

.box_mankantext_attention {
  border: #aaa solid 1px;
  margin: 14px 0 20px 0;
  padding: 20px;
}

.box_mankantext_attention_title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.box_mankantext_attention_title p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  padding-left: 10px;
}

.box_mankantext_attention_title img {
  width: 19px;
  height: 19px;
}

.box_mankantext_attention_text span {
  font-weight: bold;
}


/* 感動の合格体験記 */

#main .storylist_table .icon_short {
  display: block;
  margin-bottom: -10px;
  margin-left: -10px;
  z-index: 100;
  position: relative;
}

#main .storylist_table .frequently td {
  background: #FFFDF5;
}

#main div.storytitle {
  text-align: center;
  padding: 0px 0px 30px 0px;
}


/*
#main div.story_formtab {
	margin: 20px 0px 0px 0px;
	background-color: #666;
	color: #fff;
	padding: 5px;
}
*/

#main div.storyform_box {
  background-color: #efefef;
  padding: 20px;
}

table.story_form {
  max-width: 100%;
}

table.story_form td {
  padding: 10px 0;
}

table.story_form td div.formicon {
  float: left;
  display: inline-block;
  margin-right: 10px;
}


/*
table.story_form a#listsearch {
	background-color: #d00;
	color: #fff;
	font-size: 14px;
	padding: 5px 15px;
	margin-left: 20px;
}

table.story_form a#listsearch:hover {
	text-decoration: none;
	opacity: 0.7;
}
*/

#main div.storybox_sort2 {
  background-color: #efefef;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#main div.storybox_sort {
  background-color: #ffeded;
  border-top: dotted 1px #333333;
  margin-top: 10px;
}

#main div.storybox_sort table {
  padding: 10px;
}

#main div.storybox_sort table td {
  padding: 0px 5px 5px 5px;
}

#main div.storybox_sort table td.tdtitle {
  width: 340px;
}

#main div.sorticon {
  float: right;
  padding: 0px 10px 0px 2px;
}

#main div.list_navi {
  text-align: center;
  padding: 10px;
  margin: 20px;
}

#main div.taikenki_left {
  float: left;
  width: 100px;
}

#main div.taikenki_right {
  float: right;
  width: 530px;
}

#main div.button_before {
  text-align: center;
  padding: 5px;
}

table.storylist_table {
  border-top: solid 1px #DDDDDE;
  margin-bottom: 20px;
  width: 660px;
}

table.storylist_table td {
  padding: 10px;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #DDDDDE;
  border-left: none;
  border-right: none;
}

table.storylist_table td.td1 {
  width: 80px;
}

table.storylist_table td.td1 a {
  display: block;
  overflow: hidden;
}

table.storylist_table .td2 {
  background: url(/k1106/images/14goukaku/bg_arrow.gif) right center no-repeat;
}

table.storylist_table p {
  margin-right: 30px;
}

table.storylist_table p.t_cap a {
  font-size: 16px;
  line-height: 130%;
  text-decoration: none !important;
}

table.storylist_table p.t_cap a:link {
  font-weight: bold;
  text-decoration: underline;
}

table.storylist_table p.t_cap a:visited {
  font-: bold;
  text-decoration: underline;
}

table.storylist_table p.t_cap a:hover {
  ont-: bold;
  text-decoration: underline;
}


/* 実務家インタビュー 新しいデザイン */

div.interview_box01 {
  border: solid 1px #666666;
  margin: 20px 0px 20px 0px;
  padding: 20px;
}

div.interview_box01 div.spaceleft {
  float: left;
}

div.interview_box01 img {
  margin-bottom: 10px;
}

p.pname {
  font-weight: bold;
  padding-top: 5px;
  margin-bottom: 10px;
}

div.interview_box01 div.spaceright {
  float: right;
  width: 380px;
}

div.interview_box01 p.t_copy {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6em;
  margin-bottom: 10px;
}

div.interview_box01 table.int_rireki {
  width: 100%;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
}

div.interview_box01 table.int_rireki td {
  border-left: solid 1px #999999;
  border-top: solid 1px #999999;
  padding: 5px;
}

div.interview_box01 table.int_rireki td.tleft {
  white-space: nowrap;
}

p.txt_copy {
  padding: 20px;
}

.title_int {
  border-top: solid 3px #333;
  border-bottom: dotted 1px #333;
  display: table;
  width: 100%;
  margin: 40px 0 20px;
  padding: 20px 0;
}

.title_int p {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
  line-height: 150%;
}


/* 実務家インタビュー 古いデザイン（使ってる） */

#main #interview_inner {}

#main #interview_inner p.intro_title {
  font-size: 16px;
  font-weight: bold;
  color: #dd0000;
  margin: 20px 0;
}

#main #interview_inner p.intro_text {
  font-size: 14px;
  line-height: 150%;
  color: #444;
  margin-bottom: 20px;
}

#main div.interview_title {
  margin-bottom: 20px;
}

#main div.interview_capbox {
  border: solid 1px #666666;
  padding: 20px;
  margin-bottom: 20px;
}

#main div.interview_capbox p {
  /* 実務家インタビュー古いデザイン プロフィールのテキスト */
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 150%;
  color: #444;
}

#main div.interview_capbox p.stitle {
  /* 実務家インタビュー古いデザイン プロフィールの名前 */
  font-size: 15px;
  font-weight: bold;
}

#main div.interview_capbox p.indent {
  margin-left: 1em;
  text-indent: -1em;
}

#main div.interview_capbox div.photoleft {
  float: left;
  padding: 0px 20px 0px 0px;
}

table.interviewlist_table {
  margin-top: 30px;
  width: 100%;
  border-top: solid 1px #ccc;
}

table.interviewlist_table td {
  border-bottom: solid 1px #ccc;
}

table.interviewlist_table td p.t_cap {
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 10px;
}

table.interviewlist_table td.td1 {
  padding: 15px;
  width: 15%;
}

table.interviewlist_table td.td2 {
  padding: 5px 0px 5px 0px;
}

table.interviewlist_table td div.storymore {
  text-align: center;
  padding: 5px;
}


/* #main #successful_inner .titleQ { */

table.table_comment {
  width: 100%;
  border-top: #CCC solid 1px;
}

table.table_comment td {
  border-bottom: #CCC solid 1px;
}

#main .titleQ {
  border-top: solid 3px #333;
  background: url(/k1106/images/14goukaku/icon_q.png) left top no-repeat;
  display: table;
  width: 100%;
  min-height: 60px;
  margin-bottom: 20px;
}

#main .titleQ span {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 80px;
  padding-right: 20px;
  line-height: 1.4;
}

#main div.interview_boxleft {
  float: left;
  width: 350px;
  margin-left: 20px;
}

#main div.interview_boxleft p {
  padding-bottom: 20px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 150%;
  color: #444;
}

#main div.interview_boxleft img {
  float: left;
  padding: 0px 10px 10px 0px;
}

#main div.interview_imgright {
  float: right;
  width: 250px;
  margin-right: 20px;
}

#main div.interview_imgright p {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  line-height: 150%;
  color: #444;
}

#main div.interview_boxflat {
  margin: 0px 20px 0px 20px;
  padding-bottom: 20px;
}

#main div.interview_boxflat p {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 150%;
  color: #444;
}

#main div.interview_boxflat img {
  float: left;
  padding: 0px 10px 10px 0px;
}

#main div.interview_message {
  padding: 20px 0px 20px 0px;
  text-align: center;
}


/* 20111028修正 */

#main div.interview_daybox {
  border: 1px solid #999;
  background-color: #eee;
  margin: 0px 0px 0px 0px;
  padding: 15px;
}


/* END 20111028修正 */

#main div.interview_daybox p.sstitle {
  font-weight: bold;
  border-bottom: dotted 1px #666666;
  padding: 5px 0px 3px 0px;
  margin: 0px 20px 0px 20px;
}

#main div.interview_daybox div.minititle {
  padding: 10px 0px 0px 20px;
}

table.interview_daytable {
  border-top: solid 1px #888888;
  border-right: solid 1px #888888;
  background-color: #ffffff;
  margin: 5px 0px 0px 20px;
}

table.interview_daytable td {
  border-bottom: solid 1px #888888;
  border-left: solid 1px #888888;
  font-size: 12px;
  padding: 2px 5px 2px 5px;
  text-align: left;
}

table.interview_daytable td.time {
  background-color: #99ccff;
}

table.interview_daytable td.naiyou {
  background-color: #ffcc99;
}

#main div.interview_dayimgright {
  float: right;
  padding: 20px;
}


/* 合格宣誓モデルのご紹介 */

#main div.inner700b_660 div.sstitle {
  padding-bottom: 30px;
}

#main div.b_smodel {
  text-align: right;
  padding: 20px 0px 20px 0px;
}

#main table.senseimodel_table {
  width: 660px;
  border-top: solid 1px #999999;
  border-right: solid 1px #999999;
}

#main table.senseimodel_table td.td1 {
  border-bottom: solid 1px #999999;
  border-left: solid 1px #999999;
  padding: 5px;
}

#main table.senseimodel_table td.td2 {
  border-bottom: solid 1px #999999;
}

#main table.senseimodel_table div.b_left {
  float: left;
  width: 170px;
  padding: 5px;
}

#main table.senseimodel_table div.b_right {
  float: right;
  width: 300px;
  padding: 5px 10px 5px 0px;
}

#main table.senseimodel_table div.b_left2 {
  float: left;
  width: 240px;
  padding: 5px;
}

#main table.senseimodel_table div.b_right2 {
  float: right;
  width: 230px;
  padding: 5px 10px 5px 0px;
}

#main table.senseimodel_table p.psstxt {
  border-bottom: dotted 1px #013299;
  padding-bottom: 3px;
  margin-bottom: 5px;
  font-weight: bold;
}

#main div.inner580 {
  width: 580px;
  padding: 10px 0px 10px 40px;
}

#main div.p_indentbox p {
  text-indent: -2em;
  margin-left: 2em;
}

#main div.b_sdl {
  text-align: center;
  padding: 20px;
}


/* 合格者の声とかで使ってるQAデザイン */

#main p.txtQ {
  font-size: 18px;
  font-weight: bold;
  background: url(../01gyosei/13success/images/icon_Q.gif) center left no-repeat;
  padding: 2px 0px 0px 30px;
  margin: 50px 0px 20px 0px;
}

#main p.txtA {
  font-size: 15px;
  font-weight: bold;
  color: #ff0000;
  background: url(../01gyosei/13success/images/icon_A.gif) center left no-repeat;
  padding: 2px 0px 0px 30px;
  margin: 20px 0px 20px 23px;
}


/* サイトマップ */

#main .box_sitemap {
  width: 620px;
  margin-left: 20px;
  margin-top: 20px;
  border-top: #eee solid 20px;
}

#main .box_sitemap .float_left, #main .box_sitemap .float_right {
  width: 290px;
}

#main .box_sitemap p {
  border-bottom: #ccc dotted 1px;
  padding: 10px;
  font-weight: bold;
  color: #555;
}

#main .box_sitemap p a {
  font-weight: normal;
}

#main p.sitemap_kozatop {
  padding: 0 20px;
  font-weight: bold;
}

#main .box_sitemap p.sitemap_branch1 {
  padding-left: 30px;
}

#main .box_sitemap p.sitemap_branch2 {
  padding-left: 60px;
}


/* 文字サイズ変更（実務家インタビューページ） */

#main div.btn_textsize {
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  background-color: #ff0000;
  width: 200px;
  padding: 5px;
  margin: 0px 0px 10px 440px;
}


/* カリキュラムページ */

#main div.h_box_cu1 p, #main div.h_box_cu2 p, #main div.h_box_cu3 p {
  margin-top: 0;
}

#main div.h_box_cu1 {
  /* 基礎講座 */
  background: #CDEEFF;
  padding: 1px 20px 1px;
}

#main div.h_box_cu2 {
  /* 過去問講座 */
  background: #CCF2CF;
  padding: 1px 20px 1px;
}

#main div.h_box_cu3 {
  /* 直前対策講座 */
  background: #FFD6E8;
  padding: 20px;
}

#main div.h_box_cu4 {
  background: #fffacd;
  padding: 20px;
}

#main div.h_box_cu1 .clearfix, #main div.h_box_cu2 .clearfix {
  border-bottom: #666 dotted 1px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#main div.h_box_cu1 .clearfix h4.h4_new, #main div.h_box_cu2 .clearfix h4.h4_new {
  margin-top: 0;
}

#main div.h_box_cu1 .clearfix .float_right, #main div.h_box_cu2 .clearfix .float_right {
  width: 200px;
  margin-left: 20px;
}

#main div.h_box_cu1 .clearfix .float_right img, #main div.h_box_cu2 .clearfix .float_right img {
  width: 100%;
  height: auto;
}

.shadow_book {
  box-sizing: border-box;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 4px;
}

.shadow_manga {
  box-sizing: border-box;
  padding: 0 30px;
}

.shadow_manga img {
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 4px;
}

.shadow_media {}

.shadow_paper {
  box-sizing: border-box;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px;
}

.curriculum_img_01 {
  width: 200px;
  margin-left: 20px;
}

.curriculum_img_01 img {
  width: 100%;
  height: auto;
}

#main div.p_linklist {
  /* 教材の特長ページ目次リンク */
  margin: 20px 0 40px;
}

#main div.p_linklist ul {
  border-top: dotted 1px #666;
}

#main div.p_linklist li {
  background: #eee;
  padding: 10px;
  border-bottom: dotted 1px #666;
}

#main table.teachertable {
  width: 100%;
  border-top: solid 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #ffffff;
  margin-top: 20px;
}


/* 講師紹介 */

#main table.teachertable th, #main table.teachertable td {
  border-bottom: solid 1px #ccc;
  border-left: dotted 1px #ccc;
  padding: 10px;
  font-size: 15px;
}

#main table.teachertable th {
  width: 20%;
  background: #efefef;
}

#main table.table1 {
  width: 100%;
  border-top: solid 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #ffffff;
  margin-top: 20px;
}

#main table.table1 th, #main table.table1 td {
  border-bottom: solid 1px #ccc;
  border-left: dotted 1px #ccc;
  padding: 10px;
  font-size: 15px;
}

#main table.table1 th {
  width: 20%;
  background: #efefef;
}

#main .list_blog {
  font-size: 15px;
}

#main .list_blog li {
  border-bottom: #ccc dotted 1px;
  padding: 10px;
}

#main .list_blog li .text_date {
  background: #dd0000;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
}

#main .list_blog li a {
  padding-left: 10px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/* 速報・解説 */

.kaisetsu .anchorarea {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
}

.kaisetsu .anchorarea a {
  display: block;
  width: 48%;
  padding: 10px 0;
  color: #fff;
  background: #d00;
  text-align: center;
}

.kaisetsu .crossarea {
  background: #eee;
  padding: 15px;
  margin-top: 30px;
}

.kaisetsu .crossarea .ttl {
  text-align: center;
  font-weight: bold;
  font-size: 140%;
  margin: 15px 0 30px;
}

.kaisetsu .crossarea .kozabox {
  clear: both;
  background: #fcfcfc;
  padding: 15px 15px 0;
  font-size: 120%;
  line-height: 1.5;
  margin-bottom: 15px;
}

.kaisetsu .crossarea .kozabox:last-child {
  margin-bottom: 0;
}

.kaisetsu .crossarea .kozabox img {
  display: block;
  float: left;
  width: 20%;
  height: auto;
  margin-right: 10px;
}

.sp .kaisetsu .crossarea {
  padding: 10px;
}

.sp .kaisetsu .crossarea .kozabox img {
  display: none;
}

.sp .kaisetsu .crossarea .ttl {
  font-size: 90%;
  margin: 5px 0 15px;
}

.sp .kaisetsu .crossarea .kozabox {
  font-size: 80%;
}


/* 新着情報 */

#main div.news_box {
  line-height: 1.6em;
  padding: 20px;
}

#main div.news_box h3 {
  font-size: 16px;
  line-height: 1.6em;
  border-bottom: solid 2px #999999;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#main div.news_box p {
  padding: 20px;
  border-bottom: dotted 1px #acacac;
}


/* successful　合格者の声
--------------------------------------------------------- */

.successful .story_formtab {
  position: relative;
  padding: 10px;
  color: #fff;
  background-color: #1a1a1a;
  display: flex;
  align-items: center;
}

#main .titleA {
  font-size: 18px;
  font-weight: bold;
  color: #dd0000;
  padding-top: 5px;
  margin: 20px 0;
  line-height: 130%;
}

#main div.titleA p {
  margin: 0 20px 20px 80px;
}

#main ul.list-decimal {
  font-size: 15px;
  line-height: 160%;
  margin-bottom: 20px;
}

#main ul.list-decimal li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.5em;
  margin-left: 1.5em;
}

#main div.profbox {
  overflow: hidden;
  margin: 15px 0;
}

#main div.profbox div.img_left {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

#main div.profbox p.read {
  font-size: 18px;
  line-height: 1.5em;
  color: #dd0000;
  font-weight: bold;
  margin-bottom: 10px;
}

#main div.profbox p.name_t {
  margin-bottom: 10px;
}

#main div.profbox p {
  font-size: 15px;
  line-height: 160%;
  color: #444;
}

.successful_profile {
  display: flex;
}

.successful_profile__img {
  width: 150px;
  margin-right: 20px;
}

.successful_profile__data {
  flex: 1;
  margin-top: 0;
  font-size: 0.8rem;
}

.successful_profile__data dt {
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #efefef;
}

.successful_profile__data dd {
  margin-bottom: 20px;
  margin-left: 0;
}

#main div.goukaku_boxleft {
  margin: 0px 20px 30px 80px;
}

#main div.goukaku_boxleft div.icon_a {
  float: left;
}

#main div.goukaku_boxleft div.img_center img {
  max-width: 100%;
  height: auto;
}

#main div.goukaku_boxleft p {
  font-size: 15px;
  color: #444;
}

#main div.goukaku_boxleft2 {
  margin: 0px 20px 30px 0px;
}

#main div.goukaku_boxleft2 table {
  margin-left: 30px;
}

#main div.goukaku_boxleft2 div.naka_left {}

#main div.goukaku_boxleft2 div.naka_left img {
  float: right;
  padding-left: 20px;
  padding-bottom: 20px;
}

#main div.goukaku_boxleft2 h3 {
  border-left: #dd0000 solid 3px;
  padding-left: 7px;
  margin: 20px 0 10px 80px;
}

#main div.goukaku_boxleft2 p {
  margin-left: 80px;
  font-size: 15px;
  line-height: 160%;
  color: #444;
}

#main div.goukaku_boxleft2 ul {
  margin-left: 110px;
  font-size: 15px;
  line-height: 160%;
}

#main div.goukaku_boxleft2 ul li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.5em;
  margin-left: 1.5em;
}

#main div.goukaku_boxleft2 .table_default {
  margin-left: 80px;
  width: 580px;
}

#main div.goukaku_boxleft div_img_right {
  float: right;
  padding-left: 20px;
}

#main div.goukaku_boxleft div.img_center {
  text-align: left;
}


/* 201207講座概要/合格グッズ部分追加 */

#main div.box_04goods {
  margin: 20px 0px 30px 0px;
}


/* 20140428 kitagawa追加 courseGuide用 */


/*　コースガイドタブ　-----------*/

* html #main .menu_category li a {
  width: 228px;
}

#container #main ul.tab_category {
  margin: 0 0 0px 0;
  display: block;
  padding: 10px 1% 0px 2%;
  width: 97%;
}

#container #main ul.tab_category li {
  float: left;
  width: 20%;
}

#container #main ul.tab_category li a {
  display: block;
  height: 40px;
  background: none;
  line-height: 40px;
  text-indent: 0;
  text-align: center;
  width: 94%;
  margin: 0;
  font-weight: bold;
}

#container #main ul.tab_category li a:hover {
  text-decoration: none;
}

#container #main ul.tab_category li.tab1 a, #container #main ul.tab_category li.tab2 a, #container #main ul.tab_category li.tab3 a, #container #main ul.tab_category li.tab4 a, #container #main ul.tab_category li.tab5 a {
  color: #FFF;
  background-color: #d00;
  border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
}

#container #main ul.tab_category li.tab1 a:hover, #container #main ul.tab_category li.tab1 a.active, #container #main ul.tab_category li.tab2 a:hover, #container #main ul.tab_category li.tab2 a.active, #container #main ul.tab_category li.tab3 a:hover, #container #main ul.tab_category li.tab3 a.active, #container #main ul.tab_category li.tab4 a:hover, #container #main ul.tab_category li.tab4 a.active, #container #main ul.tab_category li.tab5 a:hover, #container #main ul.tab_category li.tab5 a.active {
  background-color: #FFF;
  color: #d00;
  border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
}


/* 講座トップ・アンケートページ */

.box_passrate2 {
  margin-top: 30px;
  padding-bottom: 10px;
}

.box_passrate2 .set00 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
}

.box_passrate2 .set01 {
  overflow: hidden;
}

.box_passrate2 .set01 img {
  width: 20%;
}

.box_passrate2 .pr_koza {
  float: left;
  width: 22%;
  background-color: #d00;
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  padding: 20px 1% 12px;
  margin-right: 15px;
}

.box_passrate2 .pr_average {
  float: left;
  width: 50%;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #d00;
  font-weight: bold;
  padding: 0px 0 0 0;
}

.box_passrate2 .pr_average .ele01 {
  font-size: 92px;
  line-height: 90px;
}

.box_passrate2 .pr_average .ele02 {
  font-size: 72px;
}

.box_passrate2 .passrate_data_title {
  padding: 5px;
  text-align: center;
  color: #333;
  background-color: #ccc;
}

.box_passrate2 .passrate_data_title_01 {
  border-top: 1px solid #ccc;
}

.box_passrate2 .passrate_data_body {
  margin-bottom: 30px;
}

.box_passrate2 .passrate_data_box_wrap_01 {
  display: flex;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.box_passrate2 .passrate_data_box_01 {
  display: flex;
  width: 100%;
  text-align: center;
}

.box_passrate2 .passrate_data_box_01__head {
  width: 50%;
  font-size: 13px;
  background-color: #efefef;
  box-sizing: border-box;
}

.box_passrate2 .passrate_data_box_01__body {
  width: 50%;
  font-size: 22px;
  box-sizing: border-box;
}

.box_passrate2 .passrate_data_note_01 {
  margin-top: 10px;
  color: #666;
  font-size: 11px;
  text-align: right;
}

.box_passrate2 p.text_m {
  margin-bottom: 1em;
}

#main .box_passrate2 a.navi {
  background-color: #d00;
  width: 40%;
  display: block;
  margin: 20px auto 10px auto;
  text-align: center;
  padding: 12px 14px;
  color: #fff;
  font-size: 14px;
}

#main .box_passrate2 a:visited, #main .box_passrate2 a:link {
  color: #fff;
}


/* アンケートページ */


/* アンケートのメニュー */

#main div.ank_list {
  text-align: center;
  margin: 20px 0 10px 0;
}

#main div.ank_list li a {
  box-sizing: border-box;
  width: 214px;
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  background: #333;
  border-radius: 5px;
  padding: 5px 0;
  color: #FFFFFF;
}

#main div.ank_list li:nth-child(3n) a {
  margin-right: 0;
}

#main div.ank_body div.ank_title01 {
  font-size: 25px;
  font-weight: bold;
  border-bottom: solid 1px #666666;
  padding-bottom: 10px;
  margin: 50px 0px 20px 0px;
}

#main div.ank_body div.ank_title02 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: dotted 1px #666666;
  padding-bottom: 10px;
  margin: 20px 10px 10px;
}

#main div.ank_body div.image_left {
  float: left;
  padding: 20px 20px 0px 20px;
}

#main div.ank_body table {
  margin-top: 20px;
}

#main div.ank_body table th, td {
  border: 0px;
  text-align: left;
}

#main div.ank_body table.ank_table01 {
  border-right: solid 1px #666666;
  border-bottom: solid 1px #666666;
}

#main div.ank_body table.ank_table01 th, #main div.ank_body table.ank_table01 td {
  border-left: solid 1px #666666;
  border-top: solid 1px #666666;
  padding: 5px;
}

#main div.ank_body table.ank_table01 th {
  background: #add8e6;
  white-space: nowrap;
}

#main div.ank_body table.ank_table01 th.left01 {
  width: 200px;
}

#main div.ank_body table.ank_table01 td.migi {
  text-align: right;
}

#main div.ank_body p.ank_txt {
  border: solid 1px #acacac;
  padding: 10px;
  margin: 10px;
}


/* 20141010公開中のアンケートパーツ */

#main .box_enquete_top {
  background: url(/k1106/images/15enquete/bg_voice_top.png) left top no-repeat;
  padding-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
}

#main .box_enquete_btm {
  background: url(/k1106/images/15enquete/bg_voice_btm.png) left bottom no-repeat;
  padding-bottom: 20px;
}

#main .text_enquete {
  padding: 10px 45px 0 25px;
  font-size: 15px;
  line-height: 150%;
  color: #666;
  background: url(/k1106/images/15enquete/bg_voice_mid.png) left top repeat-y;
}

#main .box_improve_top {
  background: url(/k1106/images/15enquete/bg_improve_top.png) left top no-repeat;
  padding-top: 20px;
}

#main .box_improve {
  background: url(/k1106/images/15enquete/bg_improve.png) left bottom no-repeat;
  padding: 0 50px 10px 30px;
}

#main .box_improve h4.text_improve {
  background: url(/k1106/images/15enquete/icon_improve.png) left center no-repeat;
  padding: 20px 20px 0 70px;
  font-size: 18px;
  color: #FF4456;
  min-height: 33px;
  vertical-align: middle;
}

#main .box_improve p.text_improve {
  padding-top: 10px;
  font-size: 15px;
  line-height: 150%;
  color: #666;
}


/* 20141010更新分アンケートパーツ */

#main .box_enquete {
  clear: both;
  border-bottom: #ccc dotted 1px;
  padding: 10px 0 5px;
  margin: 0 20px;
}

#main .box_enquete span {
  /* よかった！ご意見・ご要望アイコン */
}

#main .box_enquete span.icon_enquete_good {
  display: block;
  width: 110px;
  height: 26px;
  float: left;
  text-indent: -9999px;
  background: url(/k1106/images/15enquete/icon_enquete.png) left top no-repeat;
}

#main .box_enquete span.icon_enquete_bad {
  display: block;
  width: 110px;
  height: 26px;
  float: left;
  text-indent: -9999px;
  background: url(/k1106/images/15enquete/icon_enquete.png) left bottom no-repeat;
}

#main .box_enquete .text_enquete {
  width: 500px;
  float: right;
  background: none;
  padding: 5px 0 0;
  margin: 0 0 5px;
}

#main .box_enquete .text_improve {
  clear: both;
  color: #666;
  margin-left: 120px;
  margin-bottom: 5px;
  padding: 10px;
  background: #FFFFBF;
  font-size: 13px;
  line-height: 150%;
}

#main .box_enquete .text_improve span {
  /* フォーサイトからのコメント */
  display: block;
  color: #FA5C5B;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

table.tbl-default {
  border-collapse: collapse;
  border-top: #ccc solid 1px;
  width: 330px;
  margin-bottom: 20px;
  float: left;
}

table.tbl-default th, table.tbl-default td {
  border-bottom: #ccc solid 1px !important;
  padding: 5px;
  width: 33%;
}

table.tbl-default th {
  background-color: #F6F6F6;
  font-weight: normal !important;
}

table.tbl-default td {
  border-top: none !important;
  border-left: none !important;
}

#graph {
  border: none;
}

.chart-1 {
  color: #F7464A;
}

.chart-2 {
  color: #46BFBD;
}

.chart-3 {
  color: #FDB45C;
}

.chart-4 {
  color: #4D5362;
}

.chart-5 {
  color: #949FB3;
}

.chart-6 {
  color: #EEEEEE;
}


/* なぜ安いの？ */

p.txt_why01 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 15px 0px 15px 0px;
}

p.why_bbtxt {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
  margin-bottom: 15px;
}

div.why_title {
  margin: 30px 0px 10px 0px;
}

table.table_why {
  width: 100%;
  border-top: solid 1px #333333;
  border-right: solid 1px #333333;
}

table.table_why th {
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  text-align: center;
  padding: 10px;
}

table.table_why th.jurai {
  background: #eeeeee;
  width: 260px;
}

table.table_why th.foresight {
  background: #ff0000;
  color: #ffffff;
}

table.table_why td {
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  vertical-align: top;
  padding: 10px;
}

table.table_why td div.whyimg {
  text-align: center;
  margin: 15px;
}


/* コンテンツのフッター部分、前後ページへのナビゲーションリンク */

#main .pagelink {
  margin-top: 30px;
  border-top: #ccc dotted 1px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#main .pagelink p {
  background: #eee;
  padding: 10px;
}

#main .pagelink p.float_l {
  float: left;
  width: 310px;
}

#main .pagelink p.float_r {
  float: right;
  width: 310px;
  text-align: right;
}


/* コンテンツのフッター部分 サンプルとお申込み誘導パーツ */

#main .ban_foot_request {
  margin: 20px 0 0 0;
}

#main .ban_foot_request a {
  color: #fff;
}

#main .ban_foot_request a img {
  max-width: 100%;
}

#main .ban_foot_request .foot_request {
  float: left;
  width: 48%;
  box-sizing: border-box;
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 20px;
  background: #d00;
}

#main .ban_foot_request .foot_price {
  float: right;
  width: 48%;
  box-sizing: border-box;
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 20px;
  background: #d00;
}

#main .ban_foot_cl {
  display: none;
}

#main .pagelink_success {
  border: #ccc solid 1px;
}

#main .pagelink_success p {
  background: #333;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding: 5px;
  text-align: center;
}

#main .pagelink_success ul {
  width: 198px;
  padding: 10px;
  float: left;
}

* html #main .pagelink_success ul {
  width: 218px;
}

#main .pagelink_success ul li.title {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

#main .pagelink_success ul li a {
  display: block;
  background: none;
  border-bottom: #ccc dotted 1px;
  padding: 5px;
}

.cfoot_successful .inner {
  margin: 0 30px;
  padding-bottom: 30px;
}

.cfoot_successful .slick-prev:before, .cfoot_successful .slick-next:before {
  color: #ccc;
}

.cfoot_successful .slick-list {
  margin: 0 20px;
}

.cfoot_successful .slick-slide {
  text-align: center;
}

.cfoot_successful .rollover {
  width: 150px;
}

.cfoot_successful img {
  margin-bottom: 10px;
  width: 150px;
  height: auto;
}

.successful_ttl {
  position: relative;
  background: #eee;
  padding: 10px 5px;
  text-align: center;
  font-weight: bold;
  margin: 20px 0 10px;
}

.successful_ttl a {
  position: absolute;
  top: 7px;
  right: 7px;
  font-weight: normal;
  font-size: 80%;
  background: #333;
  color: #fff;
  padding: 3px 8px;
  border-radius: 4px;
}

.successful_ttl a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.successful_carousel {
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}

.successful_carousel li {
  width: 23%;
}

.successful_carousel .thumb {}

.successful_carousel .thumb img {
  width: 100%;
  height: auto;
}

.successful_carousel .catch {
  box-sizing: border-box;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 10px;
  min-height: 75px;
  display: table;
  width: 100%;
}

.successful_carousel .catch p {
  display: table-cell;
  vertical-align: middle;
}

#main #box_sns {
  margin-top: 20px;
  padding-top: 20px;
  border-top: #ccc dotted 1px;
}

#main #box_sns div {
  margin-left: 10px;
}


/*SNS button*/

#main #share ul {
  margin: 20px 0;
  display: flex;
  width: 100%;
}

#main #share li {
  text-align: center;
  list-style: none;
  width: 20%;
}

#main #share li.twitter-btn-icon a {
  background: #55acee;
}

#main #share li.facebook-btn-icon a {
  background: #3b5998;
}

#main #share li.google-plus-btn-icon a {
  background: #dd4b39;
}

#main #share li.hatena-btn-icon a {
  background: #2c6ebd;
}

#main #share li.pocket-btn-icon a {
  background: #f13d53;
}

#main #share li.line-btn-icon a {
  background: #00C300;
}

#main #share a {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-size: x-large;
}


/* フォローシステムのページのみ適用スタイル　start */

#main .follow div.h_stitle {
  font-weight: bold;
  font-size: 180%;
  border-left: 5px solid #990000;
  margin: 50px 0 15px 0;
  padding: 3px 3px 3px 10px;
  font-family: Hiragino Kaku Gothic W6 JIS2004;
}

#main .follow div.h_stitle a, #main .follow div.h_stitlea:hover {
  text-decoration: none;
  color: #000000;
}

#main .follow div.h_box {
  border: solid 1px #E9DBC2;
  padding: 3% 4% 3% 6%;
  background-image: url(/images/koza/follow/bg_note.png);
}

#main .follow p.p_new {
  margin: 0;
  padding: 0;
}

#main .follow .cont01, #main .follow .cont02 {
  color: #990000;
  background-color: #FFFFFF;
  padding: 3%;
  margin-bottom: 5%;
  font-size: 130%;
  font-weight: bold;
  line-height: 200%;
  display: none;
}

#main .follow .cont01 .q_text, #main .follow .cont02 .q_text, #main .follow .cont01 .a_text, #main .follow .cont02 .a_text {
  color: #2A2A2A;
  font-size: 85%;
  line-height: 140%;
  font-weight: normal;
}

#main .follow div.qa_ex_box {
  position: relative;
  margin-top: 25px;
}

#main .follow div.qa_ex_title {
  text-align: center;
  border-bottom: 1px solid #7A662D;
  color: #7A662D;
  font-size: 160%;
  padding-bottom: 8px;
  margin: 40px 0 20px 0;
}

#main .follow div.qa_ex {
  font-size: 110%;
  font-weight: bold;
  padding: 0 120px 10px 0;
  border-bottom: 3px solid #C7B47D;
}

#main .follow div.qa_ex_bot {
  padding: 2px 7px;
  position: absolute;
  background-color: #DD0000;
  color: #FFFFFF;
  right: 0;
  top: 0;
  margin-bottom: 20px;
  cursor: pointer;
}

#main .follow .p_mini {
  font-size: 85%;
  margin-top: 30px;
}


/* フォローシステムのページのみ適用スタイル　end */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- サンプル教材の整列　---*/

.sample_kyozai {
  margin: 25px 0;
}

.sample_kyozai img {
  margin-right: 1%;
  transform: skew(0deg, 5deg);
  -webkit-transform: skew(0deg, 5deg);
  -moz-transform: skew(0deg, 5deg);
  -o-transform: skew(0deg, 5deg);
  -ms-transform: skew(0deg, 5deg);
  -moz-box-shadow: 3px 4px 4px #DDD;
  -webkit-box-shadow: 3px 4px 4px #DDD;
  box-shadow: 3px 4px 4px #DDD;
}

.sample_kyozai img.disk {
  margin-right: 0;
  box-shadow: none;
  -webkit-filter: drop-shadow(3px 4px 2px #DDD);
}

.sample_kyozai img {
  width: 9.4%;
}


/*---------------------------------------------------------------------sampleページ------------------------------ */

.sample-movie-box{
  display: flex;
  margin-top: 20px;
}
.sample-movie {
  margin-bottom: 20px;
  margin-right: 15px;
}

.sample-movie iframe {
  width: 410px;
  height: 231px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- 道場紹介ページ　---*/

h2.big_title {
  margin: 90px 0 50px 0;
}

h2.big_title .left_icon {
  float: left;
  font-size: 400%;
  margin: 0 15px 0 0;
  line-height: 100%;
}

h2.big_title .left_icon .icon01, h2.big_title .left_icon .icon02 {
  line-height: 92px;
  display: block;
  border: #295FB3 1px solid;
  padding: 10px 10px 0px 10px;
}

h2.big_title .left_icon .icon01 {
  background-color: #295FB3;
  color: #FFFFFF;
  float: left;
}

h2.big_title .left_icon .icon02 {
  background-color: #FFF;
  color: #295FB3;
  float: right;
}

h2.big_title .right_text {
  float: left;
  font-weight: bold;
  font-size: 150%;
  color: #295FB3;
  line-height: 140%;
  padding-top: 14px;
}

h2.big_title .right_text a, h2.big_title .right_text a:hover {
  text-decoration: none;
}

h4.titlestyle {
  text-align: center;
  font-weight: lighter;
  font-size: 280%;
  margin: 50px 0 20px 0;
}

.section_2box {
  clear: both;
  overflow: hidden;
  margin: 40px 0;
}

.section_2box img {
  margin: 20px auto;
}

.section_2box .left_box, .section_2box .right_box {
  width: 42%;
  border: 1px solid #B2C6DF;
  padding: 3%;
  text-align: center;
}

.section_2box .left_box {
  float: left;
}

.section_2box .right_box {
  float: right;
}

.section_2box .title {
  color: #005483;
  font-size: 180%;
  margin: 10px 0;
}

.section_2box p {
  text-align: left;
  font-size: 110%;
  line-height: 140%;
  color: #295FB3;
  letter-spacing: 1px;
}

h4.tabstyle {
  background-color: #D9D9D9;
  display: inline-block;
  padding: 4px 8px;
  font-weight: lighter;
  font-size: 80%;
  color: #848484;
  margin-top: 30px;
}

.voice_box {
  line-height: 240%;
  border: 1px solid #D9D9D9;
  padding: 3%;
  border-top: 6px #D9D9D9 solid;
  background-color: #FAFAFA;
}

.voice_box .title {
  color: #287AD0;
  font-weight: bold;
  font-size: 140%;
  margin-right: 15px;
}

.voice_box .name {
  color: #287AD0;
}

.voice_box .text {
  border-bottom: 1px dotted #D5D5D5;
  font-size: 110%;
  padding-bottom: 3px;
}

.elearning_trial_info {
  margin: 60px 0;
}

.elearning_trial_info__title {
  margin-bottom: 20px;
  text-align: center;
}

.elearning_trial_info__textarea {
  font-size: 1rem;
  text-align: center;
}

.elearning_trial_info__btnarea {
  padding: 20px;
  margin-top: 30px;
  text-align: center;
  background-color: #efefef;
}

.elearning_trial_info__btnarea a {
  display: inline-block;
  padding: 20px 40px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  background-color: #00b980;
  border-radius: 4px
}

.elearning_trial_info__btnarea a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.elearning_trial_info__btnarea .lsf-icon {
  margin-left: 5px;
  font-weight: normal;
}

.elearning_app_area {
  display: flex;
  justify-content: center;
  background-color:#ddd;
  padding:3% 2% 2% 2%;
  text-align:center; margin:30px 0 20px 0;
}

.elearning_app_area img {
  width: 70px;
  height: 70px;
}

.elearning_app_area_text {
  width:320px;
  font-size:140%
}


/*--- ManaBunページ　---*/


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- FP受講料ページのタイトルとボタン　---*/

.fp_title {
  font-size: 210%;
  font-family: 'Folk Medium';
}

.fp_title .fp_class {
  float: left;
  padding: 20px 10px 25px 10px;
  margin-right: 15px;
}

.fp_title .fp_name {
  float: left;
}

.fp_title .fp_name b {
  line-height: 170%;
}

.fp_class {
  background-color: #D50003;
  color: #FFF;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}

.fp_class.bul {
  background-color: #005483;
}

.fp_class.gre {
  background-color: #079010;
}

.fp_name {
  display: inline-block;
  line-height: 22px;
  font-family: 'Folk Medium';
}

.fp_name span {
  color: #E50003;
}

.fp_bot {
  background-color: #EEE;
  padding: 15px 3%;
  margin: 20px 0;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  overflow: hidden;
}

.fp_bot a.fp_bot_center, .fp_bot a.fp_bot_left, .fp_bot a.fp_bot_right {
  width: 45%;
  display: block;
  font-size: 120%;
  font-family: 'Folk Medium';
  text-decoration: none;
  color: #000000;
  padding: 10px;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #FFFFFF));
  background: -moz-linear-gradient(top, #f9f9f9 5%, #FFFFFF 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 5%, #FFFFFF 100%);
  background: -o-linear-gradient(top, #f9f9f9 5%, #FFFFFF 100%);
  background: -ms-linear-gradient(top, #f9f9f9 5%, #FFFFFF 100%);
  background: linear-gradient(to bottom, #f9f9f9 5%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#FFFFFF', GradientType=0);
  background-color: #f9f9f9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  /*text-shadow:0px 1px 0px #ffffff;*/
}

.fp_bot a.fp_bot_center:hover, .fp_bot a.fp_bot_left:hover, .fp_bot a.fp_bot_right:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFE8E8), color-stop(1, #FFDADA));
  background: -moz-linear-gradient(top, #FFE8E8 5%, #FFDADA 100%);
  background: -webkit-linear-gradient(top, #FFE8E8 5%, #FFDADA 100%);
  background: -o-linear-gradient(top, #FFE8E8 5%, #FFDADA 100%);
  background: -ms-linear-gradient(top, #FFE8E8 5%, #FFDADA 100%);
  background: linear-gradient(to bottom, #FFE8E8 5%, #FFDADA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8E8', endColorstr='#FFDADA', GradientType=0);
  background-color: #e9e9e9;
}

.fp_bot a.fp_bot_center.now, .fp_bot a.fp_bot_left.now, .fp_bot a.fp_bot_right.now {
  border: 1px solid #d00;
}

.fp_bot a.fp_bot_center:active, .fp_bot a.fp_bot_left:active, .fp_bot a.fp_bot_right:active {
  position: relative;
  top: 1px;
}

.fp_bot .fp_bot_center {
  margin: auto;
  overflow: hidden;
  clear: both;
}

.fp_bot .fp_bot_left {
  float: left;
  margin-bottom: 10px;
}

.fp_bot .fp_bot_right {
  float: right;
}

.fp_bot a.fp_bot_center b, .fp_bot a.fp_bot_left b, .fp_bot a.fp_bot_right b {
  line-height: 140%;
}

.fp_bot .fp_class {
  padding: 10px 8px 15px 8px;
  float: left;
  margin-right: 10px;
}

.fp_bot .fp_name {
  float: left;
  line-height: 20px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- 受講料ページのナビゲーション　---*/

.price_nav_01 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 3%;
  margin: 20px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #eee;
  box-sizing: border-box;
}

.price_nav_01 a {
  width: 49%;
  font-size: 120%;
  text-decoration: none;
  color: #000000;
  padding: 14px;
  background-color: #f9f9f9;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
}

.price_nav_01 a:hover {
  opacity: 0.7;
}

.price_nav_01 > a:nth-child(2n) {
  margin-left: 2%;
}

.price_nav_01 > a:nth-child(n + 3) {
  margin-top: 2%;
}

.price_nav_01 a.now {
  border: 2px solid #d00;
}

.price_nav_01__col_01 {
  background-color: #d50003;
  padding: 14px;
  margin-bottom: 15px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.price_nav_01__col_01.bul {
  background-color: #005483;
}

.price_nav_01__col_01.gre {
  background-color: #079010;
}

.price_nav_01__col_02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  text-align: center;
  line-height: 1.4;
}

.price_nav_01__col_02 b {
  flex: 1;
  margin-left: 15px;
}

.price_nav_01__col_02 .lsf-icon {
  color: #e50003;
}

.price_nav_02 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 3%;
  margin: 20px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #eee;
  box-sizing: border-box;
}

.price_nav_02 a {
  width: 49%;
  font-size: 100%;
  text-decoration: none;
  color: #000000;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.price_nav_02 a:hover {
  opacity: 0.7;
}

.price_nav_02 > a:nth-child(2n) {
  margin-left: 2%;
}

.price_nav_02 > a:nth-child(n + 3) {
  margin-top: 2%;
}

.price_nav_02 a.now {
  border: 2px solid #d00;
}

.price_nav_02__col_01 {
  background-color: #d50003;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

.price_nav_02__col_01.bul {
  background-color: #005483;
}

.price_nav_02__col_01.gre {
  background-color: #079010;
}

.price_nav_02__col_02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  line-height: 1.4;
}

.price_nav_02__col_02 b {
  flex: 1;
  margin-left: 10px;
}

.price_nav_02__col_02 .lsf-icon {
  color: #e50003;
}


/* ----------------footer内設定---------------------------------------------- */

#footerbase div.logo {
  float: left;
  padding: 10px 20px 0px 0px;
}

#footerbase div.footerright {
  float: right;
  width: 756px;
  text-align: center;
}

#footerbase div.footerright ul.kozalist li {
  display: inline-block;
  padding: 2px 5px;
}

#footerbase div.footerright ul.kozalist li a {}

#footerbase div.footerright p.navi {
  border-top: solid 2px #fe8081;
  padding: 5px 0;
  margin: 5px 0;
}

#footerbase div.footerright p.copyright {
  font-size: 11px;
  color: #666666;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*---  資格について　---*/

.img_about {
  width: 250px;
  height: auto;
}

.table_sokuhou td.sub {
  background: #f6f6f6;
}

@media screen and (min-width: 768px) {
  .news_column3 {
    /* ニュースページ強制スマホ対応 */
    width: 30%;
    margin-right: 3%;
    float: left
  }
  .news_column3:last-child {}
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*---  動画表示　---*/

#main .movie {
  margin: 40px 0;
  background-color: #000000;
  position: relative;
  padding-bottom: 51%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  vertical-align: middle;
}

#main .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main .movie img {
  cursor: pointer;
  max-width: 100%;
  margin-top: -30px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*---  キャンペーンバナーの価格表示　---*/

.ban_base {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
}

.ban_base_cp_flowline {
  height: 100%;
  width: 98%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100%;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
}

a:visited .ban_base, a:link .ban_base {
  color: #000
}

.ban_base__contents {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}

.ban_base__price {
  flex: 1;
}

.ban_off {
  margin-right: 10px;
  font-size: 100%;
  border-radius: 20px;
  background-color: rgba(204, 0, 3, 1.00);
  color: #FFFFFF;
  float: left;
  text-align: center;
  line-height: 100%;
  padding: 7px 10px 8px 10px;
  /*position: absolute;*/
  /*bottom: 5px;*/
  /*left: 15px;*/
}

.ban_off b {
  font-size: 150%;
  display: block;
  padding: 0px 0 0px 0;
  line-height: 25px;
}

.ban_price {
  font-size: 190%;
  /*position: absolute;*/
  /*bottom: 10px;*/
  /*left: 90px;*/
  color: rgba(204, 0, 3, 1.00);
  line-height: 1;
}

.ban_price b {
  font-size: 220%;
}

.ban_slider_button {
  background-color: #DD0000;
  color: #FFFFFF;
  padding: 12px 10px 10px 15px;
  text-align: center;
  font-family: Meiryo;
  font-weight: bold;
  font-size: 110%;
  border-radius: 6px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #000;
  box-shadow: rgba(0, 0, 0, 0.23) 2px 2px 3px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.23) 2px 2px 3px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.23) 2px 2px 3px 0px;
}

/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- 低価格ページ　---*/

.content_why {}

.content_why h3 {
  font-size: 200%;
  line-height: 110%;
  margin: 30px 0 20px 0;
  color: #D00;
  font-weight: lighter;
}

.content_why p {
  line-height: 190%;
  font-size: 115%;
  letter-spacing: 1px;
  color: #333;
}

.content_why img {
  float: left;
  margin: 0 15px 5px 0;
  max-width: 16%;
}

.content_why .content01 {
  margin: 20px 0 50px 0;
  overflow: hidden;
}

.content_why .content01 .set01 {
  float: left;
}

.content_why .content01 .set02 {
  float: right;
}

.content_why .content01 .set01, .content_why .content01 .set02 {
  border: 1px solid #d00;
  padding: 2% 3%;
  width: 42%;
  text-align: center;
  font-size: 160%;
  color: #D00;
  line-height: 140%;
}

.content_why .content02 {
  background-color: #D00;
  color: #FFF;
  padding: 4%;
  font-size: 170%;
  margin: 40px 0 20px 0;
}

.content_why .content02 h4 {
  color: #FFF;
  font-size: 120%;
  margin: 0px 0 15px 0;
  text-align: center;
  line-height: 120%;
}

.content_why .content02 ul {
  overflow: hidden;
}

.content_why .content02 ul li {
  display: inline-block;
  width: 45%;
  padding: 1.5% 1%;
}

.content_why .content02 ul li:nth-child(odd) {
  margin-right: 3%;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- スケジュール　---*/

p.text_s {
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
}

.open_next table.table_default {
  margin-bottom: 10px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- FP受検資格　---*/

#main .content_head {
  position: relative;
  height: 240px;
}

#main .content_head h2 {
  position: absolute;
  top: 0;
  z-index: 2;
  font-size: 200%;
  line-height: 1.5;
  padding: 60px 170px 0 20px;
}

#main .content_head h2 span {
  display: block;
  font-size: 80%;
  font-weight: normal;
}

#main .content_head img {
  position: absolute;
  top: 0;
}

#main .shikaku_class2 {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  padding: 20px 20px 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background: #fee;
  margin: 20px 0 5px;
}

#main .shikaku_class2 > div {
  box-sizing: border-box;
  padding: 20px 5px;
  color: #fff;
  font-weight: bold;
  background: #e43030;
  margin-bottom: 20px;
  font-size: 130%;
  line-height: 1.5;
}

#main .shikaku_class2 .content1, .shikaku_class2 .content2 {
  width: 28%;
}

#main .shikaku_class2 .content3 {
  width: 40%;
  position: relative;
}

#main .shikaku_class2 .content3:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #e43030 transparent transparent transparent;
}

#main .column {
  border: #d00 solid 1px;
  padding: 25px 20px 20px;
  margin-bottom: 20px;
}

#main .column .column_inner {
  padding-right: 150px;
}

#main .nintei .column_inner {
  background: url(/images/koza/fp/img_nintei.png) right center no-repeat;
}

#main .goukaku .column_inner {
  background: url(/images/koza/fp/img_gats.png) right center no-repeat;
  padding-right: 180px;
}

#main .column h4 {
  font-size: 150%;
  color: #d00;
  margin-bottom: 10px;
  line-height: 1.5;
}

#main .course_list {
  padding: 20px;
  text-align: center;
  background: #fee;
  margin-bottom: 20px;
}

#main .course_list .ttl {
  font-size: 150%;
  margin-bottom: 20px;
}

#main .course_list_inner {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  width: 100%;
}

#main .course_list_inner > div {
  box-sizing: border-box;
  border: #ccc solid 1px;
  padding: 20px 5px;
  background: #fff;
  margin-bottom: 10px;
  width: 32%;
}

#main .course_list > div .txt_l {
  font-size: 120%;
  font-weight: bold;
}

#main .attention {
  background: #e43030;
  color: #fff;
  font-size: 130%;
  line-height: 1.5;
  padding: 10px;
}

#main .caption {
  font-size: small;
  margin-top: 10px;
}

#main .flow {
  background: #fee;
  padding: 20px 20px 20px;
  text-align: center;
  margin-top: 20px;
}

#main .flow ul {
  background: url(/images/koza/fp/dot_gray.gif) center top repeat-y;
}

#main .flow li {
  margin-bottom: 20px;
}

#main .flow li:last-child {
  margin-bottom: 0;
}

#main .flow .ttl {
  background: #e43030;
  color: #fff;
  font-size: 150%;
  line-height: 1.5;
  padding: 10px;
}

#main .flow .self {
  border: #333 solid 1px;
  padding: 10px;
  background: #fff;
  font-size: 150%;
  line-height: 1.5;
}

#main .flow .jukou {
  background: #fff;
  margin: 0 50px 20px;
}

#main .point {
  color: #d00;
  padding-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}

#main .conditions {
  padding: 10px;
}

#main .flow .get {
  background: #e43030;
  color: #fff;
  font-size: 150%;
  line-height: 1.5;
  padding: 10px;
}

#main .flow2 {
  clear: both;
  margin: 20px 0;
}

#main .flow2 dl {
  display: table;
  width: 100%;
  margin: 0 0 15px;
}

#main .flow2 dt {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  text-align: center;
  padding: 30px 10px;
  background: #e43030;
  color: #fff;
  font-size: 130%;
  line-height: 1.5;
}

#main .flow2 dt:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e43030 transparent transparent transparent;
  box-shadow: 0 1px 1px #fff;
}

#main .flow2 dt.last:after {
  display: none;
}

#main .flow2 dd {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
  width: 70%;
  margin: 0;
  padding: 10px;
}

#main .foot_navi {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

#main .foot_navi ul {
  width: 32%;
}

#main .foot_navi ul .ttl {
  background: #eee;
  padding: 10px 5px;
  text-align: center;
  font-weight: bold;
}

#main .foot_navi ul a {
  display: flex;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  width: 100%;
  border-bottom: #ccc solid 1px;
  padding: 10px;
  box-sizing: border-box;
}

#main .foot_navi ul a img {
  padding-right: 5px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- リトライ、クロスなどのキャンペーン　---*/

.head_campaign {
  text-align: center;
  background-size: cover;
  position: relative;
  padding-top: 25px;
}

.cross .head_campaign {
  background: url(/k1106/images/06price/bg_cross.png) center center no-repeat;
}

.head_campaign_discount {
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 25px 10px;
  position: absolute;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  border-radius: 50%;
  line-height: 1.4;
}

.head_campaign_ttl {
  display: block;
  margin-top: 10px;
  font-family: 'フォーク M';
  font-size: 32px;
  line-height: 130%;
  text-shadow: 1px 1px 10px #010;
  color: #fff;
  margin-bottom: 30px;
}

.head_campaign_attention {
  background: rgba(255, 255, 160, 0.8);
  padding: 20px;
  text-align: center;
}

.head_campaign_limit {
  background: #666;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  font-size: large;
  line-height: 1.8;
}

.head_campaign_limit_ico {
  color: #d00;
  background: #fff;
  padding: 5px;
  margin-right: 10px;
  font-size: small;
}

.head_campaign_timer1 {
  font-size: 20px;
  text-align: center;
  padding: 20px 0;
  line-height: 30px;
}

.head_campaign_timer2 {
  margin-bottom: 10px;
  color: #F00;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.head_campaign_timer1_black {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  color: #FFF;
  background-color: #000;
  padding-bottom: 1px;
}

#footer .inner {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.open_next table td {
  text-align: center;
}


/* =========================================================
 price
========================================================= */

.price_moshi_img_01 img {
  width: 100%;
}

.price_moshi_img_01_cap {
  margin-top: 5px;
  color: #666;
  font-size: 0.7rem;
  text-align: right;
}

.price_moshi_text_title_01 {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}

.price_moshi_text_title_01:before, .price_moshi_text_title_01:after {
  flex: 1;
  content: '';
  border-top: 3px solid #ccc;
}

.price_moshi_text_title_01:before {
  margin-right: 1em;
}

.price_moshi_text_title_01:after {
  margin-left: 1em;
}

.price_moshi_movie_01 {
  position: relative;
  width: 100%;
  padding-top: 56.2%;
}

.price_moshi_movie_01 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.price_moshi_movie_01 img {
  width: 100%;
  height: auto;
}

.price_moshi_cols {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 10px;
}

.price_moshi_col_01 {
  width: 53%;
}

.price_moshi_col_02 {
  width: 44%;
}

.price_moshi_recommend {
  padding: 15px;
  border: 3px solid #ccc;
}

.price_moshi_recommend__title {
  font-size: 1rem;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #ccc;
}

.price_moshi_recommend__list {
  list-style: none;
}

.price_moshi_recommend__list li {
  line-height: 1.6;
}

.price_moshi_recommend__list li + li {
  margin-top: 10px;
}

.price_moshi_recommend__check_01 {
  display: flex;
  align-items: center;
  color: #1a1a1a;
}

.price_moshi_recommend__check_01 .lsf-icon {
  color: #d00;
  font-size: 0.8rem;
}

.price_moshi_recommend__check_01__text {
  font-size: 0.75rem;
}

.price_moshi_recommend__check_02 {
  display: flex;
  align-items: center;
  margin-top: 0.5em;
  color: #666;
  font-size: 0.7rem;
}

.price_moshi_product_catch_01 {
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
}

.price_moshi_product_catch_01:before {
  content: '';
  display: block;
  width: 80%;
  height: 1px;
  background-color: #ccc;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
}

.price_moshi_product_catch_01__main {
  color: #d00;
  font-size: 1rem;
}

.price_moshi_product_catch_01 strong {
  position: relative;
  z-index: 0;
  margin-left: 8px;
  font-size: 1.4em;
}

.price_moshi_product_catch_01 strong:after {
  content: '';
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: -1;
  width: 102%;
  height: 10px;
  background-color: #f4ee21;
}

.price_moshi_product_catch_01__sub {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  color: #4d4d4d;
  font-size: 0.9rem;
}

.price_moshi_product_catch_01__sub:before, .price_moshi_product_catch_01__sub:after {
  content: '';
  display: inline;
  width: 50px;
  border-top: 1px solid #b3b3b3;
}

.price_moshi_product_catch_01__sub:before {
  margin-right: 1em;
}

.price_moshi_product_catch_01__sub:after {
  margin-left: 1em;
}

.price_moshi_product_catch_img {
  margin-top: 60px;
  margin-bottom: 20px;
  text-align: center;
}

.price_moshi_kyozai_title_01 {
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.8rem;
  font-weight: bold;
  background-color: #fff;
}

.price_product_kyozai_list {
  overflow: hidden;
  padding: 0 0 10px 10px;
  text-align: left;
  line-height: 160%;
}

.price_product_kyozai_list li {
  display: inline-block;
  width: 48%;
  padding-right: 2%;
  float: left;
  font-size: 110%;
}

.price_product_kyozai_list .lsf {
  color: #d00;
  font-size: 140%;
}

.live_moshi_info {
  margin: 80px 0;
}

.live_moshi_info .aln-cnt {
  color: #006da0!important;
}

.live_moshi_info_title {
  margin-top: 60px;
}

.live_moshi_info_title img {
  max-width: 500px;
  margin-bottom: 20px;
}

.live_moshi_info_subject {
  font-weight: bold;
  font-size: 18px;
  margin: 5px 10px;
}

.live_moshi_info_text span {
  font-weight: bold;
}

.live_moshi_info_red {
  color: #dd0000;
}

.live_moshi_info_elive {
  margin: 0 10px 16px 10px;
  padding: 16px;
  background-color: #e8f8ff;
  border-radius: 10px;
}

.live_moshi_info_elive_headline {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
}

.live_moshi_info_elive_commentary {
  margin: 5px 0 0 0;
  font-size: small;
}

/* =========================================================
 text_mimpokaisei
========================================================= */

.text_mimpokaisei {
  position: relative;
  padding: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  border: 3px solid #ccc;
}

.text_mimpokaisei__body {
  width: 400px;
}

.text_mimpokaisei__title {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}

.text_mimpokaisei__title small {
  font-size: 0.7em;
}

.text_mimpokaisei__body p {
  font-size: 0.95rem;
  line-height: 1.8;
}

.text_mimpokaisei__cover_text {
  position: absolute;
  top: -30px;
  right: 10px;
  width: 190px;
  box-shadow: 0px 0px 5px -2px #000;
  transform: rotate(10deg);
}


/* =========================================================
 text_renewal
========================================================= */

.text_renewal {
  margin-bottom: 40px;
}

.text_renewal__title {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.text_renewal__title small {
  font-size: 0.7em;
}

.text_renewal__title strong {
  color: #d00;
}

.text_renewal__cap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}

.text_renewal__cap:before, .text_renewal__cap:after {
  content: '';
  width: 60px;
  height: 2px;
  background-color: #ccc;
}

.text_renewal__cap:before {
  margin-right: 20px;
}

.text_renewal__cap:after {
  margin-left: 20px;
}

.text_renewal__img {
  box-sizing: border-box;
  width: 480px;
  margin: 0 auto;
  border: #ccc solid 1px;
  border-top: none;
  border-bottom: #ccc solid 3px;
}

.text_renewal__img img {
  width: 100%;
}

.text_renewal__btn {
  width: 340px;
  margin: 0 auto;
}


/* =========================================================
 price_select
========================================================= */

.price_select {
  margin-bottom: 40px;
}

.price_select * {
  box-sizing: border-box;
}

.price_select p {
  font-size: 0.95rem;
  line-height: 1.8;
}

.price_select .price_select__note {
  color: #666;
  font-size: 0.8rem;
  line-height: 1.6;
}

.price_select__mt10 {
  margin-top: 10px;
}


/* price_select__sec
--------------------------------------------------------- */

.price_select__sec {
  padding-top: 20px;
  margin-bottom: 40px;
}


/* price_select__title
--------------------------------------------------------- */

.price_select__title {
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 1.3;
}

.price_select__title_em {
  color: #d00;
}

.price_select__title strong {
  font-size: 1.3em;
}


/* price_select__body
--------------------------------------------------------- */

.price_select__body {
  display: flex;
  justify-content: space-between;
}

.price_select__body_col_01 {
  width: 300px;
}

.price_select__body_col_02 {
  width: 330px;
}


/* price_select__btnarea
--------------------------------------------------------- */

.price_select__btnarea {
  padding: 15px;
  background-color: #f2f2f2;
}

.price_select__btnarea--2rows {
  display: flex;
  justify-content: center;
}

.price_select__btnarea--2rows .price_select__btn {
  min-width: 300px;
}

.price_select__btnarea--2rows .price_select__btn + .price_select__btn {
  margin-left: 15px;
}

.price_select__btnarea--column {
  width: 100%;
}

.price_select__btnarea--column .price_select__btn {
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.price_select__btnarea--column .price_select__btn + .price_select__btn {
  margin-top: 15px;
}

.price_select__btn {
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  background-color: #d00;
  border-radius: 4px;
}

.price_select__btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

.price_select__btn:link, .price_select__btn:visited {
  color: #fff;
}

.price_select__btn .lsf-icon {
  margin-left: 10px;
}

.price_select__btn strong {
  font-size: 1.4em;
}


/* price_select__info
--------------------------------------------------------- */

.price_select__info {
  padding-bottom: 20px;
  margin-top: 30px;
  border-bottom: 3px solid #ccc;
}

.price_select__info_data {
  display: flex;
  padding-top: 20px;
  border-top: 3px solid #ccc;
}

.price_select__info_data + .price_select__info_data {
  margin-top: 10px;
}

.price_select__info_data__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
}

.price_select__info_data__body {
  flex: 1;
}

.price_select__info_data__body p {
  font-size: 0.8rem;
  line-height: 1.8;
}

.price_select__info_data__table {
  width: 100%;
  border-collapse: collapse;
}

.price_select__info_data__table tr:nth-child(n + 2) {
  border-top: 1px solid #ccc;
}

.price_select__info_data__table th, .price_select__info_data__table td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.price_select__info_data__table th {
  font-size: 0.9rem;
  font-weight: bold;
  text-align: left;
}


/* price_product
--------------------------------------------------------- */
.price_product {
  margin-bottom: 50px;
}

.price_product .price_table {
  border-collapse: collapse;
  width: 100%;
  border-bottom: 2px solid #fff;
}

.price_product .price_table th, .price_product .price_table td {
  text-align: center;
  border-left: 2px solid #fff;
}

.price_product .price_table th {
  padding: 10px;
  color: #f1f1f1;
  font-size: 0.8rem;
  background-color: #666;
  font-weight: normal;
}

.price_product .price_table td {
  padding: 20px;
}

.price_product .price_table th:first-child, .price_product .price_table td:first-child {
  border-left: none;
}

.price_product .price_items {
  width: 32%;
  margin-bottom: 10px;
  line-height: 1.4;
}

.price_product .price_item {
  padding: 4px;
  font-size: 0.7rem;
  border: 1px solid #666;
}

.price_product .price_course {
  width: 34%;
}

.price_product .price_body__contents {
  margin: 20px;
}

.price_product .price_note {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-bottom: 20px;
  color: #d00;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.4;
  border: 3px solid #d00;
}

.price_product .price_note__img {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.price_tanka_title {
  display: flex;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: bold;
}

.price_tanka_title:before, .price_tanka_title:after {
  content: '';
  flex: 1;
  height: 2px;
  background-color: #ccc;
}

.price_tanka_title:before {
  margin-right: 1em;
}

.price_tanka_title:after {
  margin-left: 1em;
}


.common_accordion_01 .price_product_tanka_title {
  cursor: pointer;
}

.price_product_tanka_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.price_product_tanka_title__main {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.4;
}

.price_product_tanka_title__ico {
  color: #444;
  margin-left: 10px;
}

.price_product_tanka__body {
  margin-bottom: 20px;
}

.price_tanka_table .price_extra__name {
  padding: 15px;
  font-weight: bold;
  background-color: #ccc;
}

.price_extra__description {
  width: 70%;
}

.price_extra__kyozai {
  margin-top: 15px;
}

.price_extra__kyozai_title {
  padding-bottom: 0.5em;
  margin-bottom: 10px;
  color: #333;
  font-size: 0.9em;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
}

.price_extra__schedule {
  padding: 10px;
  margin-top: 10px;
  font-size: 0.9em;
  background-color: #fff;
}

.price_extra__viewprice {
  width: 30%;
  text-align: center;
}

.price_text_list_btn_01 {
  display: block;
  padding: 20px;
  margin: 10px 0;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  border: 3px solid #ccc;
}

/* =========================================================
 memo:/css/koza/base_side.css
========================================================= */


/* サイドメニュー・メインナビゲーション */

#sidemenu {
  float: left;
  overflow: hidden;
  width: 204px;
}


/*--- メインナビのタイトル　---*/

.sm_list .sm_list_title {
  font-size: 12px;
  background-color: #333;
  color: #FFFFFF;
  padding: 10px 10px;
  display: flex;
  align-items: center;
}




/*--- メインナビ　---*/

#sidemenu .sm_navigation {
  width: 204px;
  font-size: 13px;
}

#sidemenu .sm_navigation ul {
  margin-bottom: 20px;
  background: #fff;
}

#sidemenu .sm_navigation a, #sidemenu .sm_navigation p {
  display: block;
  padding: 5px 0px 5px 10px;
  border-bottom: #ccc solid 1px;
}

#sidemenu .li_submenu a, #sidemenu .li_submenu p {
  padding-left: 30px;
  background: #f6f6f6;
}

#sidemenu .sm_navigation a {
  color: #333;
  display: flex;
  align-items: center;
  position: relative;
}


#sidemenu .sm_navigation a:after {
  position: absolute;
  font-family: 'LigatureSymbols';
  content: '\E112';
  margin-right: 5px;
  left: 92%;
}

#sidemenu .sm_navigation:nth-of-type(2) .heibai_invalid a:after{
  display: none;
}

#sidemenu .sm_navigation:nth-of-type(2) .heibai_invalid a{
  pointer-events: none;
}


#sidemenu .sm_navigation li p, #sidemenu .li_submenu p {
  background: #fee;
  color: #333;
}

#sidemenu .sm_navigation a:link {
  text-decoration: none;
}

#sidemenu .sm_navigation a:visited {
  text-decoration: none;
}

#sidemenu .sm_navigation .heibai_item {
  padding: 5px 0px 5px 20px;
}


#sidemenu .sm_navigation li a.active, #sidemenu .sm_navigation li a:hover {
  background: #fee;
  color: #333;
  text-decoration: none;
}

#sidemenu .sm_navigation .active {
  background: #fee;
}


/*メインメニューは目立たせる*/
#sidemenu .sm_navigation--main a{
  color: #dd0000;
  font-weight: bold;
}

.heibai_btn {
  padding: 5px 0px 5px 10px;
  border-bottom: #ccc solid 1px;
}

#sidemenu .list-navigation_category{
  background-color: #eee;
  padding: 5px 0px 5px 10px;
}
#sidemenu .list-navigation_accordion a:after{
  position: absolute;
  font-family: 'LigatureSymbols';
  content: '\E03e';
  margin-right: 5px;
  left: 92%;
}
#sidemenu .list-navigation_accordion.common_accordion_01--active{
  background-color: #eee;
}
#sidemenu .list-navigation_accordion.common_accordion_01--active a:after{
  content: '\E135';
}



/*--------------------------------------------------------------------------------------------------- */


/* -----サブナビの枠 ------*/

#sidemenu .sidemenu_box_koza {
  margin: 20px 0px 0px 0px;
  border: #DD0000 solid 3px;
  width: 198px;
}

#sidemenu .sidemenu_box {
  margin: 20px 0px 0px 0px;
  border: #EDEDED solid 3px;
  width: 198px;
}


/*--- サブナビのタイトル　---*/

#sidemenu .sidemenu_box .sidemenu_box_title {
  background: #EDEDED;
  padding: 5px;
  font-family: 'Folk Medium';
  color: #555555;
  font-size: 14px;
  text-align: center;
}


/*--- サブナビのリスト　---*/

#sidemenu .sidemenu_box ul {}

#sidemenu .sidemenu_box ul li {
  margin: 0 7px;
  border-top: #CCC dotted 1px;
}

#sidemenu .sidemenu_box ul li:first-child {
  border: none;
}

#sidemenu .sidemenu_box ul li a {
  display: block;
  padding: 10px;
  font-size: 12px;
}


/*--------------------------------------------------------------------------------------------------- */


/*--- お気に入りに追加ボタンのサンプル　---*/

#sidemenu .sidemenu_box input {
  width: 186px;
  height: 36px;
  text-indent: -9999px;
  border: none;
  background: url(/images/koza/side/sidebar_but_favorite.png) left top no-repeat;
  cursor: pointer;
  margin: 10px 7px;
}

#sidemenu .sidemenu_box input:hover {
  background-position: bottom;
}


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------- */


/*--- サイドメニューの目立つ受講料と資料請求のボタン　---*/

#sidemenu .sb_button {
  margin-top: 0;
  margin-bottom: 5px;
}

#sidemenu .sb_button a {
  width: auto;
  padding: 14px 30px 18px 10px;
  font-size: 16px;
  box-shadow: 0px -4px 1px 0px rgba(0, 0, 0, 0.2) inset;
}

.area-btns a{
  font-size: 16px !important;
  box-shadow: 0px -4px 1px 0px rgba(0, 0, 0, 0.2) inset;
}
.area-btns .common-btn-primary, #sidemenu .common-btn-primary {
  background: linear-gradient(0deg, #d50000 10%, #dd0000 50%);
}
.area-btns .common-btn-cta,#sidemenu .common-btn-cta {
  background: linear-gradient(0deg, #1A9c67 10%, #1A9c67 50%);
}




/*
#sidemenu .sb_button a {
	display: block;
	text-align: center;
	font-size: 15px;
	letter-spacing: 1px;
	max-width: 100%;
	padding: 15px 0 13px 0;
	text-decoration: none;
	color: #FFFFFF;
	box-shadow: 2px 2px 1px 0px #ddd;
	border-radius: 4px;
}

#sidemenu .sb_button a:hover {
	font-size: 16px;
}

#sidemenu .sb_button a span {}

#sidemenu .sb_button.smple a {
	background-color: #00b980;

	background: -moz-linear-gradient(top,#51C933,#4FAD2E  50%,#1B8F0D 50%, #239321);
		background: -webkit-gradient(linear, left top, left bottom, from( #97DD82), color-stop(0.5,#4FAD2E), color-stop(0.5, #1B8F0D), to(#239321));
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.7);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.7);
	color: #FFF;
	border: 1px solid #00b980;
	margin: 15px 0;
}

#sidemenu .sb_button.price a {
	background-color: #d00;
	background: -moz-linear-gradient(top,#F19A9C,#ED7577  50%,#EC4848 50%, #E83A3D);
		background: -webkit-gradient(linear, left top, left bottom, from(#F19A9C), color-stop(0.5, #ED7577), color-stop(0.5, #EC4848), to( #E83A3D));
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.7);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.7);
	color: #FFF;
	border: 1px solid #E83A3D;
	margin-top: 0;
}

 */


/*--------------------------------------------------------------------------------------------------- */


/*--- サイドメニューのカウントダウン　---*/

#sidemenu .cd {
  margin: 0 0 20px 0;
  background-color: #eee;
  padding: 12px 8px 10px;
  text-align: center;
  border: 1px solid #ddd;
}

#sidemenu .month {
  display: block;
  background-color: #fff;
  padding: 15px 0 10px;
  font-size: 160%;
  color: rgba(221, 0, 0, 1.00);
  margin: 8px 0;
  font-weight: bold;
}


/*--------------------------------------------------------------------------------------------------- */


/*--- サイドバー 給付金　---*/

#sb_kyufu {
  background: #4274B6;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
  line-height: 1.4;
}

#sb_kyufu p {
  color: #FFFFFF;
  font-size: 16px;
}

#sb_kyufu div {
  background: #FFFFFF;
  padding: 5px;
  margin-top: 10px;
}

#sb_kyufu div span {
  display: block;
  color: #4274B6;
  font-weight: bold;
}

#sb_kyufu div b {
  color: #666666;
}


/*--- サイドバー 返金保証　---*/

.sb_refund {
  background-image: linear-gradient(135deg, #a79756, #faf8c5, #a79756);
  border: #b8ac6e 1px outset;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
  line-height: 1.4;
}

.sb_refund p {
  color: #4a3128;
  font-size: 16px;
  font-weight: bold;
  background: url(/images/sogo/top/henkin_font_l.png), url(/images/sogo/top/henkin_font_r.png);
  background-repeat: no-repeat;
  background-position: left, right;
  background-size: auto 60%;
}

.sb_refund .sb_refund__target {
  background: #FFFFFF;
  padding: 5px;
  margin-top: 10px;
}

.sb_refund .sb_refund__target b {
  color: #666666;
}

.sb_refund .sb_refund__item {
  color: #c34b27;
  font-weight: bold;
}

#sidemenu .koza_navi_login {
  width: 100%;
  box-sizing: border-box;
  margin: 20px 0px 0px 0px;
  border: #EDEDED solid 3px;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff;
}

#sidemenu .koza_navi_manabun {
  display: block;
  padding: 35px 15px 15px;
  font-size: 16px;
}

#sidemenu .koza_navi_dojo {
  display: block;
  padding: 25px 20px 15px;
  font-size: 16px;
}

#sidemenu .koza_navi_login img {
  max-width: 100%;
  margin-bottom: 10px;
}


/*--- サイドバー リンク　---*/

.sb_link_btn {
  margin-top: 20px;
}

.sb_link_btn a {
  display: block;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border: #ededed solid 3px;
  background-color: #fff;
}


/* =========================================================
 memo:新規追加
========================================================= */


/* ---------------------------------------------------------
 foundation
--------------------------------------------------------- */


/* ---------------------------------------------------------
layout
--------------------------------------------------------- */

.main-body p {
  /* margin-bottom: 1em; */
}

.price_caption_red{
color: #d00;
  margin-bottom: 1em;
}

.main-section {
  margin-bottom: 80px;
}


/* ---------------------------------------------------------
project
--------------------------------------------------------- */


/*  heading
--------------------------------------------------------- */

.main-heading-h1 {
  margin-bottom: 30px;
  font-size: 1.8rem;
  font-weight: normal;
}

.main-heading-h1:after {
  content: '';
  display: block;
  width: 60px;
  padding-bottom: 0.5em;
  border-bottom: 3px solid #d00;
}

.main-heading-h1-sub {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.main-heading-h2 {
  position: relative;
  padding-bottom: 0.5em;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.6rem;
  font-weight: normal;
  border-bottom: 2px solid #ccc;
}

.main-heading-h2:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 30%;
  border-bottom: 2px solid #d00;
}

.main-heading-h3 {
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 20px;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
  border-left: 2px solid #d00;
}

.main-heading-h4 {
  padding: 0.5em 1em;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: normal;
  border-left: 2px solid #d00;
  background-color: #ececec;
}

.main-heading-h5 {
  padding-bottom: 0.5em;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: normal;
  border-bottom: 2px solid #ccc;
}

.main-heading-h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.1rem;
}


/* ---------------------------------------------------------
utility
--------------------------------------------------------- */


/* ---------------------------------------------------------
page
--------------------------------------------------------- */

.sokuhou h2 {
  margin-top: 60px;
}

/*sidearea 講師情報*/
.p-side-teacher-guide{
  background-color: #F5F5F5;
  padding: 16px;
}
.p-side-teacher-guide_img{
  display: block;
  text-align: center;
  border: 1px solid red;
  padding: 8px;
  background-color: white;
  margin-top: 16px;
}