@charset "UTF-8";
/*

form only CSS
create 2017/08/16

*/
/* = common
============================================================================== */
@charset "shift_jis";
/*

Common CSS
create 2013/11/22

*/
/* =element Structure
============================================================================== */
/* =Reset
	---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		}
div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address{
		display:block;
		}
html {
		font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','�l�r �o�S�V�b�N',sans-serif;
		color:#303030;
		font-size:62.5%;
		}
body {
		font-size: 1.4em; 
		line-height: 1.8;
		background:#E1F0C1;
		}
ol,ul {
		list-style: none;
		}
blockquote,q {
		quotes: none;
		}
blockquote:before,blockquote:after,q:before,q:after {
		content: '';
		content: none;
		}
table {
		border-collapse: collapse;
		border-spacing: 0;
		}
caption,th,td {
		font-weight: normal;
		text-align: left;
		padding:0.5em;
		}
h1,h2,h3,h4,h5 {
		clear: both;
		font-family:"�l�r �o����","MS PMincho","�q���M�m���� Pro W3","Hiragino Mincho Pro",serif;
		letter-spacing:0.05em;
		}
a:focus {
		outline: thin dotted;
		}
del {
		color: #333;
		}
ins {
		background: #fff9c0;
		text-decoration: none;
		}
hr {
		background-color:#C7BFB2;
		border: 0;
		height: 1px;
		margin:1em 0;
		}
hr.found{
		background-color:#E1F0C1;
		}
sub,sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
sup {
		top: -0.5em;
		}
sub {
		bottom: -0.25em;
		}
small {
		font-size: small;
		}
img {
		border: 0;
		-ms-interpolation-mode: bicubic;
		}
/* =Link
	---------------------------------------------------------------------- */
a{
		color:#303030;
		text-decoration:none;
		}
a:link{
		color:#303030;
		text-decoration:none;
		}
a:visited{
		color:#303030;
		text-decoration:none;
		}
a:hover{
		color:#909090;
		}
a.inlink{
		background:url(../../images/right_orange.png) no-repeat right 50%;
		padding-right:1.2em;
		margin-right:0.2em;
		text-decoration:underline;
		}
a.inlink:hover{
		background:url(../../images/right_orange_over.png) no-repeat right 50%;
		}
.email {
		text-decoration:underline;
		}
.email span{
		display:none;
		}
/* =Clearfix
	---------------------------------------------------------------------- */
.clearfix:after {
		content: ".";/* �V�����v�f������ */
		display: block;/* �u���b�N���x���v�f�� */
		clear: both;
		height: 0;
		visibility: hidden;
		}
.clearfix {
		min-height: 1px;
		}
* html .clearfix {
		height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
		}
/* =Layout
	---------------------------------------------------------------------- */
#wrapper{
		background:#F5F6F0;
		padding:0.8em 0 40px;
		}
#header{
		width:100%;
		text-align:center;
		}
#footer{
		width:100%;
		margin:0;
		border-top:solid 1px #CAC9AD;
		}
#side{
		text-align: left;
		width: 230px;
		float: right;
		margin:10px 0 0;
	}
#container{
		width:960px;
		margin:0 auto;
		}
#contents {
		margin:20px 0 0 0;
		float:left;
		width:680px;
		}
/* =print
	---------------------------------------------------------------------- */
@media print{
		#header, #footer, #totop ,#side, #foot-navi{ display:none;}
		body, #wrapper{ background:#FFF;}
		#contents{
		/*width:98%;*/
		float: none !important;
		width: 680px !important;
		margin: 0 !important;
		padding: 0 !important;
		}
	}
/* Browser Reset, Common Setting css */
@charset "shift_jis";
/*

footer CSS
create 2013/11/18

*/
/* =footer Structure
============================================================================== */
/* =address
	---------------------------------------------------------------------- */
#footer address{
		border-top:solid 1px #CAC9AD;
		text-align:center;
		font-size:90%;
		font-style:normal;
		padding:1.5em;
		}
/* =footer
	---------------------------------------------------------------------- */
#footer ul{
		display:block;
		width:960px;
		margin:1em auto;
		}
#footer ul li{
		display:inline;
		margin-right:2em;
		}
#footer ul li a{
		background:url(../../images/right_brown.png) no-repeat left 50%;
		padding-left:18px;
		}
#footer ul li a:hover{
		background:url(../../images/right_brown_over.png) no-repeat left 50%;
		}
/* =to top
	---------------------------------------------------------------------- */
#totop{
		width:960px;
		margin:-35px auto 0;
		text-align:right;
		}
#totop a{
		margin-right:280px;
		}
/* =foot navi
	---------------------------------------------------------------------- */
#foot-navi{
		width:960px;
		margin:0 auto;
		padding:1.5em 0;
		font-size:0.9em;
		}
#foot-navi dl{
		width:16.8%;
		display:block;
		float:left;
		line-height:1.5;
		/*margin-right:2em;*/
		}
#foot-navi dl.wide{
		width:19.5%;
		}
#foot-navi dl.short{
		width:15%;
		}
#foot-navi dt{
		margin:0.5em 0 0.5em 0;
		}
#foot-navi dt a{
		color:#009900;
		background:url(../../images/footer/dt_off.png) no-repeat left 0.25em;
		padding-left:1.2em;
		display:block;
		}
#foot-navi dt a:hover{
		color:#70C460;
		background:url(../../images/footer/dt_over.png) no-repeat left 0.25em;
		}
#foot-navi dd{
		margin:0.5em 0 0.5em 0;
		}
#foot-navi dd a{
		background:url(../../images/footer/dd_off.gif) no-repeat left 0.25em;
		padding-left:1.2em;
		display:block;
		}
#foot-navi dd a:hover{
		background:url(../../images/footer/dd_over.gif) no-repeat left 0.25em;
		}
/* Footer Setting css */
@charset "shift_jis";
/*----------------------------------------------
 *	�g���ݒ�
 *�@�e�w���̓�����2�����{�����Ŏw��
 *
 *�@font-weight: bold�̏ꍇ
 *�@.fwb{ font-weight: bold!important; }�@�Ǝw��
 *
 *�@�ʒu�̏ڍׂ͉��L�œ��ꂷ�邱�ƁB
 *
 *	t�����itop�j
 *	r���E�iright�j
 *	b�����ibottom�j
 *	l�����ileft�j
 *	c�����E�̒����icenter�j
 *	m���㉺�̒����imiddle�j
 *
 *----------------------------------------------
*/
/* =Text Structure
============================================================================== */
/* =font-weight
	---------------------------------------------------------------------- */
.fwn{ font-weight: normal!important; }
.fwb{ font-weight: bold!important; }
/* =font-size
	---------------------------------------------------------------------- */
.fs70{ font-size: 70%!important; }
.fs80{ font-size: 80%!important; }
.fs90{ font-size: 90%!important; }
.fs100{ font-size: 100%!important; }
.fs110{ font-size: 110%!important; }
.fs120{ font-size: 120%!important; }
.fs130{ font-size: 130%!important; }
.fs140{ font-size: 140%!important; }
.fs150{ font-size: 150%!important; }
.fs160{ font-size: 160%!important; }
.fs170{ font-size: 170%!important; }
.fs180{ font-size: 180%!important; }
.fs190{ font-size: 190%!important; }
.fs200{ font-size: 200%!important; }
/* =line-height
	---------------------------------------------------------------------- */
.lh110{ line-height: 110%!important; }
.lh120{ line-height: 120%!important; }
.lh130{ line-height: 130%!important; }
.lh140{ line-height: 140%!important; }
.lh150{ line-height: 150%!important; }
.lh160{ line-height: 160%!important; }
.lh170{ line-height: 170%!important; }
.lh180{ line-height: 180%!important; }
.lh190{ line-height: 190%!important; }
.lh200{ line-height: 200%!important; }
/* =text-decoration
	---------------------------------------------------------------------- */
.tdn{ text-decoration: none!important; }
.tdu{ text-decoration: underline!important; }
.tdo{ text-decoration: overline!important; }
.tdt{ text-decoration: line-through!important; }
.tdb{ text-decoration: blink!important; }
/* =text-align
	---------------------------------------------------------------------- */
.tac{ text-align: center!important; }
.tar{ text-align: right!important; }
.tal{ text-align: left!important; }
/* =vertical-align
	---------------------------------------------------------------------- */
.vat{ vertical-align: top!important; }
.vam{ vertical-align: middle!important; }
.vab{ vertical-align: bottom!important; }
/* =Box Structure
============================================================================== */
/* =float
	---------------------------------------------------------------------- */
.flr{ float: right!important; }
.fll{ float: left!important; }
/* =clear
	---------------------------------------------------------------------- */
.clb{ clear:both; }
.clr{ clear:right; }
.cll{ clear:left; }
.cln{ clear:none; }
/* =border
	---------------------------------------------------------------------- */
.bn{ border: none!important; }
/* =display
	---------------------------------------------------------------------- */
.none{ display: none; }
/* =margin
	---------------------------------------------------------------------- */
.m0{ margin: 0px!important; }
.mt0{ margin-top	: 0px!important; }
.mr0{ margin-right	: 0px!important; }
.mb0{ margin-bottom	: 0px!important; }
.ml0{ margin-left	: 0px!important; }
.m5 { margin		: 5px!important; }
.mt5{ margin-top	: 5px!important; }
.mr5{ margin-right	: 5px!important; }
.mb5{ margin-bottom	: 5px!important; }
.ml5{ margin-left	: 5px!important; }
.m10 { margin		: 10px!important; }
.mt10{ margin-top	: 10px!important; }
.mr10{ margin-right	: 10px!important; }
.mb10{ margin-bottom	: 10px!important; }
.ml10{ margin-left	: 10px!important; }
.m15 { margin		: 15px!important; }
.mt15{ margin-top	: 15px!important; }
.mr15{ margin-right	: 15px!important; }
.mb15{ margin-bottom	: 15px!important; }
.ml15{ margin-left	: 15px!important; }
.m20 { margin		: 20px!important; }
.mt20{ margin-top	: 20px!important; }
.mr20{ margin-right	: 20px!important; }
.mb20{ margin-bottom	: 20px!important; }
.ml20{ margin-left	: 20px!important; }
.m25 { margin		: 25px!important; }
.mt25{ margin-top	: 25px!important; }
.mr25{ margin-right	: 25px!important; }
.mb25{ margin-bottom	: 25px!important; }
.ml25{ margin-left	: 25px!important; }
.m30 { margin		: 30px!important; }
.mt30{ margin-top	: 30px!important; }
.mr30{ margin-right	: 30px!important; }
.mb30{ margin-bottom	: 30px!important; }
.ml30{ margin-left	: 30px!important; }
.m40 { margin		: 40px!important; }
.mt40{ margin-top	: 40px!important; }
.mr40{ margin-right	: 40px!important; }
.mb40{ margin-bottom	: 40px!important; }
.ml40{ margin-left	: 40px!important; }
.m50 { margin		: 50px!important; }
.mt50{ margin-top	: 50px!important; }
.mr50{ margin-right	: 50px!important; }
.mb50{ margin-bottom	: 50px!important; }
.ml50{ margin-left	: 50px!important; }
/* =padding
	---------------------------------------------------------------------- */
.p0{ padding: 0px!important; }
.pt0{ padding-top	: 0px!important; }
.pr0{ padding-right	: 0px!important; }
.pb0{ padding-bottom	: 0px!important; }
.pl0{ padding-left	: 0px!important; }
.p5 { padding		: 5px!important; }
.pt5{ padding-top	: 5px!important; }
.pr5{ padding-right	: 5px!important; }
.pb5{ padding-bottom	: 5px!important; }
.pl5{ padding-left	: 5px!important; }
.p10 { padding		: 10px!important; }
.pt10{ padding-top	: 10px!important; }
.pr10{ padding-right	: 10px!important; }
.pb10{ padding-bottom	: 10px!important; }
.pl10{ padding-left	: 10px!important; }
.p15 { padding		: 15px!important; }
.pt15{ padding-top	: 15px!important; }
.pr15{ padding-right	: 15px!important; }
.pb15{ padding-bottom	: 15px!important; }
.pl15{ padding-left	: 15px!important; }
.p20 { padding		: 20px!important; }
.pt20{ padding-top	: 20px!important; }
.pr20{ padding-right	: 20px!important; }
.pb20{ padding-bottom	: 20px!important; }
.pl20{ padding-left	: 20px!important; }
.p25 { padding		: 25px!important; }
.pt25{ padding-top	: 25px!important; }
.pr25{ padding-right	: 25px!important; }
.pb25{ padding-bottom	: 25px!important; }
.pl25{ padding-left	: 25px!important; }
.p30 { padding		: 30px!important; }
.pt30{ padding-top	: 30px!important; }
.pr30{ padding-right	: 30px!important; }
.pb30{padding-bottom	: 30px!important; }
.pl30{ padding-left	: 30px!important; }
.p40 { padding		: 40px!important; }
.pt40{ padding-top	: 40px!important; }
.pr40{ padding-right	: 40px!important; }
.pb40{ padding-bottom	: 40px!important; }
.pl40{ padding-left	: 40px!important; }
.p50 { padding		: 50px!important; }
.pt50{ padding-top	: 50px!important; }
.pr50{ padding-right	: 50px!important; }
.pb50{ padding-bottom	: 50px!important; }
.pl50{ padding-left	: 50px!important; }
/* Enhance Setting css */
/* = form page
============================================================================== */
/* Desktops and laptops */
@media print, screen and (min-width: 701px) {
  /* =reset
  ---------------------------------------------------------------------- */
  #wrapper {
    padding-top: 0;
  }

  #footer ul {
    width: 720px;
  }

  #container {
    width: 820px;
    margin: 1em auto 2em;
    padding: 0;
  }

  #contents {
    width: 800px;
    background: #FFF;
    padding: 2em;
  }

  #totop a {
    margin-right: 105px;
  }

  td h4 {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    margin-bottom: 1em;
  }

  ul.hosoku {
    padding: 1em 0 2em;
  }
  ul.hosoku li {
    font-size: 0.95em;
    line-height: 1.6;
    text-indent: -0.9em;
    margin: 0 0 1em 0.9em;
  }

  .sp {
    display: none;
  }

  /* =header
  ---------------------------------------------------------------------- */
  #header {
    margin: 0;
    padding: 0;
    border-bottom: 10px solid #5D3233;
    background-color: #FFFCEB;
  }

  #head-navi {
    width: 720px;
    height: 100px;
    margin: 0 auto;
    clear: both;
    position: relative;
  }
  #head-navi h1 {
    position: absolute;
    bottom: 1.5em;
    left: 0;
  }
  #head-navi h2 {
    position: absolute;
    bottom: 1.5em;
    right: 0;
  }

  /* =tips
  ---------------------------------------------------------------------- */
  .tips {
    border: solid 1px #BEB4A2;
    background: #F5F6F0;
    padding: 1em 2em;
    margin: 0 auto;
  }

  #complete .tips p {
    text-align: left;
    padding: 0.5em 0 0;
  }

  .tips h4 {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    letter-spacing: normal;
  }
  .tips .ttl2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .tips ul {
    list-style: disc;
    padding-left: 1em;
  }
  .tips ul li {
    margin-bottom: 0.3em;
  }
  .tips span {
    color: #F00;
    font-weight: bold;
    margin-right: 0.25em;
  }

  #contents table span,
  #complete span,
  .exposition span,
  ul.hosoku span {
    color: #F00;
    font-weight: bold;
    margin-right: 0.25em;
  }

  /* =table
  ---------------------------------------------------------------------- */
  #contents table {
    margin: 1em auto;
    width: 100%;
  }
  #contents table th {
    text-align: right;
    white-space: nowrap;
    padding: 1em 0.5em;
    font-weight: bold;
    background: #EEF0D9;
    border-bottom: solid 2px #FFF;
    vertical-align: top;
    width: 25%;
  }
  #contents table td {
    vertical-align: top;
    text-align: left;
    padding: 1em 1em;
    border-bottom: solid 2px #FFF;
  }
  #contents table.table-box {
    background: #EEF0D9;
    width: 100%;
  }
  #contents table.table-box th {
    background: #BEB4A2;
    text-align: left;
    border-right: solid 1px #FFF;
    border-bottom: none;
  }
  #contents .btm-line td, #contents .btm-line th {
    border-bottom: solid 2px #FFF !important;
  }
  #contents table.table-box td {
    border-right: solid 2px #FFF;
    border-bottom: none;
  }
  #contents table.table-box td.no-back {
    background: #FFF;
  }
  #contents input {
    margin: 0 0.25em 0.5em;
  }

  /* =form
  ---------------------------------------------------------------------- */
  label {
    cursor: pointer;
  }

  input[type="submit"], input[type="reset"], input[type="button"] {
    padding: 0.5em 2em;
    font-weight: bold;
  }
  input[type="text"] {
    padding: 0.3em 0.5em;
    margin: 0 0 0.5em;
  }

  textarea {
    padding: 0.3em;
  }

  select {
    padding: 0.1em 0.1em 0.1em 0.5em;
    margin: 0.5em 0;
  }

  option {
    padding: 0.1em 0.1em 0.1em 0.5em;
    margin: 0.5em 0;
    /*border-bottom:solid 1px #DDD;*/
  }

  #contents form {
    width: 760px;
    margin: 2em auto 1em;
    display: block;
  }
  #contents form .select-course .tr-price #result_text {
    display: inline-block;
    color: #000;
    font-size: 16px;
  }
  #contents form .select-course #yousei_schedule,
  #contents form .select-course #taisaku_schedule {
    display: none;
  }

  /* =tel
  ---------------------------------------------------------------------- */
  ul#tel {
    margin: 2em auto;
  }
  ul#tel li {
    margin: 0.25em 0;
    padding: 0.25em;
    line-height: 1;
  }
  ul#tel li strong {
    display: block;
    border-left: solid 4px #BEB4A2;
    padding-left: 6px;
    margin-bottom: 0.5em;
  }

  /* =complete & confirm
  ---------------------------------------------------------------------- */
  #complete {
    width: 560px;
    margin: 2em auto 1em;
    display: block;
  }

  #confirm {
    width: 560px;
    margin: 2em auto 1em;
    display: block;
  }
  #confirm table {
    width: 100%;
  }

  #complete h4, #confirm h4 {
    text-align: center;
    font-size: 1.8em;
    color: #61523C;
    line-height: 1.4;
  }

  #complete p, #confirm p {
    text-align: center;
    padding: 1em 0;
  }

  /* =exp-box
  ---------------------------------------------------------------------- */
  #complete .exp-box, .exp-box {
    margin: 1em auto 2em;
    text-align: left;
  }

  #complete .exp-box p {
    text-align: left;
  }

  .exp-box p {
    text-align: left;
  }
  .exp-box h5 {
    border-left: 4px solid #BEB4A2;
    padding: 0 0 0 0.5em;
    margin: 1em 0 0;
    line-height: 1.3;
    font-size: 1.15em;
  }

  h4.title {
    border-left: 4px solid #BEB4A2;
    padding: 0 0 0 0.5em;
    margin: 1em 0 0;
    line-height: 1.3;
    font-size: 1.15em;
  }

  .exp-box table, .exp-box th, .exp-box td {
    border: 1px solid #C7BFB2 !important;
  }
  .exp-box table {
    margin: 1.5em auto 1em !important;
  }

  /* =table
  ---------------------------------------------------------------------- */
  #about_payment {
    display: none;
  }
  #about_payment .ttl {
    font-size: 1.5em;
    border-left: solid 4px #F3A000;
    line-height: 1.2;
    padding-left: 0.5em;
    margin: 30px 0 20px 0;
  }
  #about_payment dl dt {
    margin: 0 auto 20px auto;
    font-weight: bold;
    font-size: 1.3em;
    font-weight: bold;
  }
  #about_payment dl dd {
    padding: 0 0 20px 0;
    margin: 0 auto 20px auto;
    border-bottom: solid 1px #CAC9AD;
  }
  #about_payment dl dd img {
    display: block;
    margin: 10px 0 0 0;
  }

  /* =other
  ---------------------------------------------------------------------- */
  .exposition {
    width: 560px;
    margin: 2em auto 1em;
  }

  a.anclink {
    background: url(../../images/btm_green.png) no-repeat right 50%;
    padding-right: 1em;
    margin: 0 0.25em;
    text-decoration: underline;
  }
  a.anclink:hover {
    background: url(../../images/btm_green_over.png) no-repeat right 50%;
  }

  table td dt {
    width: 2em;
    float: left;
  }
  table td dd {
    margin: 0 0 1.2em 2em;
  }

  .black {
    color: #000 !important;
  }
  .black span {
    color: #000 !important;
  }

  .btn_about_payment {
    margin-left: 10px;
  }

  .btn_contact_wrapper {
    text-align: center;
  }

  .btn_complete_wrapper {
    padding: 30px 0 0 0;
    text-align: center;
  }
  .btn_complete_wrapper p {
    display: inline-block;
    margin: 0 20px;
  }
  .btn_complete_wrapper p a {
    background: url(../../images/right_brown.png) no-repeat left 50%;
    padding-left: 18px;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 700px) {
  /* Smartphones =reset
  ---------------------------------------------------------------------- */
  #wrapper {
    width: 100%;
    padding-top: 0;
  }

  #footer ul {
    width: 100%;
  }
  #footer ul li {
    display: block;
    padding: 0 0 0 3%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
  }
  #footer address p {
    font-size: 10px;
  }

  #container {
    width: 100%;
    margin: 1em auto 2em;
    padding: 0;
  }
  #container .mtitle {
    width: 93.75%;
    margin: 0 auto;
  }
  #container .mtitle img {
    width: 100%;
    height: auto;
  }

  #contents {
    width: 100%;
    background: #FFF;
    padding: 3%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents .select-course .tr-price #result_text {
    display: inline-block;
    color: #000;
    font-size: 16px;
  }

  #totop {
    width: 100%;
  }
  #totop a {
    margin-right: 3%;
  }

  td h4 {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    margin-bottom: 1em;
  }

  ul.hosoku {
    padding: 1em 0 2em;
  }
  ul.hosoku li {
    font-size: 0.95em;
    line-height: 1.6;
    text-indent: -0.9em;
    margin: 0 0 1em 0.9em;
  }

  /* Smartphones =header
  ---------------------------------------------------------------------- */
  #header {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 10px solid #E1F0C1;
  }

  #head-navi {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  #head-navi h1 {
    width: 90%;
    padding: 3% 0 0 0;
    margin: 0 auto;
  }
  #head-navi h1 img {
    width: 100%;
    height: auto;
  }
  #head-navi h2 {
    width: 25%;
    padding: 3% 0 3% 0;
    margin: 0 auto;
  }
  #head-navi h2 img {
    width: 100%;
    height: auto;
  }

  /* Smartphones =tips
  ---------------------------------------------------------------------- */
  .tips {
    border: solid 1px #BEB4A2;
    background: #F5F6F0;
    padding: 6%;
    margin: 0 auto;
  }

  #complete .tips p {
    text-align: left;
    padding: 0.5em 0 0;
  }

  .tips h4 {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    letter-spacing: normal;
  }
  .tips .ttl2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .tips ul {
    list-style: disc;
    padding-left: 1em;
  }
  .tips ul li {
    font-size: 12px;
    margin-bottom: 0.3em;
  }
  .tips span {
    color: #F00;
    font-weight: bold;
    margin-right: 0.25em;
  }

  #contents table span,
  #complete span,
  .exposition span,
  ul.hosoku span {
    color: #F00;
    font-weight: bold;
    margin-right: 0.25em;
  }

  /* Smartphones =table
  ---------------------------------------------------------------------- */
  #contents table {
    margin: 1em auto;
    width: 100%;
  }
  #contents table th {
    text-align: left;
    white-space: nowrap;
    padding: 1em 0.5em;
    font-weight: bold;
    background: #EEF0D9;
    border-bottom: solid 2px #FFF;
    vertical-align: top;
    width: 25%;
  }
  #contents table td {
    vertical-align: top;
    text-align: left;
    padding: 1em 1em;
    border-bottom: solid 2px #FFF;
  }
  #contents table.table-box {
    background: #EEF0D9;
    width: 100%;
  }
  #contents table.table-box th {
    background: #BEB4A2;
    text-align: left;
    border-right: solid 1px #FFF;
    border-bottom: none;
  }
  #contents .btm-line td, #contents .btm-line th {
    border-bottom: solid 2px #FFF !important;
  }
  #contents table.table-box td {
    border-right: solid 2px #FFF;
    border-bottom: none;
  }
  #contents table.table-box td.no-back {
    background: #FFF;
  }
  #contents input {
    margin: 0 0.25em 0.5em;
  }

  /* Smartphones =form
  ---------------------------------------------------------------------- */
  label {
    cursor: pointer;
  }

  input[type="submit"], input[type="reset"], input[type="button"] {
    padding: 0.5em 2em;
    font-weight: bold;
  }
  input[type="text"] {
    max-width: 100%;
    padding: 0.3em 0.5em;
    margin: 0 0 0.5em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  textarea {
    max-width: 100%;
    padding: 0.3em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  select {
    padding: 0.1em 0.1em 0.1em 0.5em;
    margin: 0.5em 0;
  }

  option {
    padding: 0.1em 0.1em 0.1em 0.5em;
    margin: 0.5em 0;
    /*border-bottom:solid 1px #DDD;*/
  }

  #contents form {
    width: 100%;
    margin: 2em auto 1em;
    display: block;
  }
  #contents form table {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents form table tbody {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents form table tbody tr {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents form table tbody tr th,
  #contents form table tbody tr td {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents form table.btm-line.select-course th {
    border-bottom: none !important;
  }
  #contents #yousei_schedule,
  #contents #taisaku_schedule {
    display: none;
  }

  /* Smartphones =tel
  ---------------------------------------------------------------------- */
  ul#tel {
    margin: 2em auto;
  }
  ul#tel li {
    margin: 0.25em 0;
    padding: 0.25em;
    line-height: 1;
  }
  ul#tel li strong {
    display: block;
    border-left: solid 4px #BEB4A2;
    padding-left: 6px;
    margin-bottom: 0.5em;
  }

  /* =complete & confirm
  ---------------------------------------------------------------------- */
  #complete {
    width: 100%;
    margin: 2em auto 1em;
    display: block;
  }

  #confirm {
    width: 100%;
    margin: 2em auto 1em;
    display: block;
  }
  #confirm table {
    width: 100%;
  }

  #complete h4, #confirm h4 {
    text-align: center;
    font-size: 1.8em;
    color: #61523C;
    line-height: 1.4;
  }

  #complete p, #confirm p {
    text-align: center;
    padding: 1em 0;
  }

  /* Smartphones =exp-box
  ---------------------------------------------------------------------- */
  #complete .exp-box, .exp-box {
    margin: 1em auto 2em;
    text-align: left;
  }

  #complete .exp-box p {
    text-align: left;
  }

  .exp-box p {
    text-align: left;
  }
  .exp-box h5 {
    border-left: 4px solid #BEB4A2;
    padding: 0 0 0 0.5em;
    margin: 1em 0 0;
    line-height: 1.3;
    font-size: 1.15em;
  }

  h4.title {
    border-left: 4px solid #BEB4A2;
    padding: 0 0 0 0.5em;
    margin: 1em 0 0;
    line-height: 1.3;
    font-size: 1.15em;
  }

  .exp-box table, .exp-box th, .exp-box td {
    border: 1px solid #C7BFB2 !important;
  }
  .exp-box table {
    margin: 1.5em auto 1em !important;
  }

  /* Smartphones =table
  ---------------------------------------------------------------------- */
  #about_payment {
    width: 100%;
    display: none;
  }
  #about_payment .ttl {
    font-size: 15px;
    border-left: solid 4px #F3A000;
    line-height: 1.2;
    padding-left: 0.5em;
    margin: 30px 0 20px 0;
  }
  #about_payment dl dt {
    margin: 0 auto 10px auto;
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
  }
  #about_payment dl dd {
    padding: 0 0 10px 0;
    margin: 0 auto 10px auto;
    border-bottom: solid 1px #CAC9AD;
    font-size: 12px;
  }
  #about_payment dl dd img {
    width: 100%;
    height: auto;
    display: block;
    margin: 10px 0 0 0;
  }

  /* Smartphones =other
  ---------------------------------------------------------------------- */
  .exposition {
    width: 100%;
    margin: 2em auto 1em;
  }

  a.anclink {
    background: url(../../images/btm_green.png) no-repeat right 50%;
    padding-right: 1em;
    margin: 0 0.25em;
    text-decoration: underline;
  }
  a.anclink:hover {
    background: url(../../images/btm_green_over.png) no-repeat right 50%;
  }

  table td dt {
    width: 2em;
    float: left;
  }
  table td dd {
    margin: 0 0 1.2em 2em;
  }

  .black {
    color: #000 !important;
  }
  .black span {
    color: #000 !important;
  }

  .btn_about_payment {
    margin-left: 10px;
  }

  .btn_contact_wrapper {
    text-align: center;
  }

  .btn_complete_wrapper {
    padding: 30px 0 0 0;
    text-align: center;
  }
  .btn_complete_wrapper p {
    display: inline-block;
    margin: 0 10px;
  }
  .btn_complete_wrapper p a {
    background: url(../../images/right_brown.png) no-repeat left 50%;
    padding-left: 18px;
  }

  .ssl p {
    font-size: 12px;
  }
  .ssl p br {
    display: none;
  }
}