@charset "UTF-8";

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align:top;
    background: transparent;
}
body {
    line-height: 1;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

.clearfix {
  min-height: 1px;
}

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

/* 共通コンテンツ  */
.floatLeft{float:left;}
.floatRight{float:right;}
.floatClear{clear:both;}
.tCenter{ text-align:center!important;}
.tLeft{ text-align:left!important;}
.tRight{ text-align:right!important;}

.redB {color:red!important; font-weight:bold!important;}
.red {color:red!important;}
.txtIn {text-indent: -1em; padding-left:4em!important;}
.f18C{ font-size:1.4em!important; text-align:center; padding-top:30px!important;	letter-spacing: 1.0px!important;}
.b {font-weight:700!important;}

.f100{ font-size:100%!important;}
.f90{ font-size:90%!important;}
.f80{ font-size:80%!important;}
.f70{ font-size:70%!important;}
.f60{ font-size:60%!important;}
.f50{ font-size:50%!important;}
.f120{ font-size:120%!important;}
.f17{ font-size:16px!important;}
.w100 { width: 100%!important;}
.w90 { width: 90%!important; }
.w80 { width: 80%!important;}
.w75 { width: 75%!important; }
.w70 { width: 70%!important; }
.w65 { width: 65%!important; }
.w60 { width: 60%!important; }
.w55 { width: 55%!important; }
.w50 { width: 50%!important; }
.w45 { width: 45%!important; }
.w40 { width: 40%!important; }
.w35 { width: 35%!important; }
.w33 { width: 33.3%!important; }
.w30 { width: 30%!important; }
.w25 { width: 25%!important; }
.w20 { width: 20%!important; }
.w15 { width: 15%!important; }
.w10 { width: 10%!important; }
.w5 { width: 5%!important; }

.border_box { border: 1px solid #666;}
.bbottom { border-bottom: 1px solid ;}
.btop { border-top: 1px solid ;}
.bleft { border-left: 1px solid ;}
.bright { border-right: 1px solid ;}

.mg0 { margin: 0!important;}
.mg5 { margin: 5px!important; }
.mg10 { margin: 10px!important;}
.mg15 { margin: 15px!important; }
.mg20 { margin: 20px!important; }
.mg30 { margin: 30px!important; }

.mt0 { margin-top: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }

.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }

.mb1 { margin-bottom: 1rem!important; }
.mb2 { margin-bottom: 2rem!important; }
.mb3 { margin-bottom: 3rem!important; }
.mb4 { margin-bottom: 4rem!important; }

.ml0 { margin-left: 0!important ;}
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml30 { margin-left: 30px!important; }

.mr0 { margin-right: 0!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }

.pd0 { padding: 0!important; }
.pd5 { padding: 5px!important; }
.pd10 { padding: 10px!important; }
.pd15 { padding: 15px!important; }
.pd20 { padding: 20px!important; }

.pt0 { padding-top: 0!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }

.pb0 { padding-bottom: 0!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }

.pl0 { padding-left: 0!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }

.pr0 { padding-right: 0!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
 
  
 .boxJunbi{
    margin:4em 14em;
    position: relative;
    padding: 0.5em 4em;
    border-top: solid 2px #FFE88C;
    border-bottom: solid 2px #FFE88C;
	font-size:12px;
}
.boxJunbi:before, .boxJunbi:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #FFE88C;
}
.boxJunbi:before {left: 10px;}
.boxJunbi:after {right: 10px;}
.boxJunbi p {
    margin: 0; 
    padding: 0;
}