/*--list--*/
.suppo,.input,.about{padding:.5em 1em; position:relative; margin:0 auto 2em;background:#fff;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.suppo h2,.input h2,.about h2{font-size:2.52em;  font-weight: bold; margin:1em auto .5em;width:90%; letter-spacing:.1em;}
.about h2 br{display:none;}
.suppo h2 b,.input h2 b,.about h2 b{/*font-size:1.4em; color:#775277;margin:0 .1em;*/font-weight:bold}

.suppo p,.input p{width:85%; margin:1em auto; line-height:1.6em;}

.suppo section h2,.input section h2,.about section h2{background:#000; color:#FFF; padding:.5em 1em; border-left:10px #775277 solid; font-weight:bold; font-size:1.2em; width:90%; margin:2em  auto}
.pdfdl,.pdfdls{width:85%; margin:0 auto 1em; line-height:3em; padding-left:2em}

.pdfdls{border-bottom:1px #999 dotted; padding-bottom:1em; margin-left:0; width:100%}
.pdfdl li{display:inline-block; width:30%;}
.pdfdl li a,.pdfdls li a{display:inline;color:#ad3140;}
.pdfdl li a:before,.pdfdls li a:before{content: '';position: relative;display: inline-block;width: 0; height: 0;border-left: 10px solid #333;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin-right: .5em;}

.pdfdl_02 li{display:inline-block; width:100%;}
.pdfdl_02 li a,.pdfdls li a{display:inline;color:#ad3140;}
.pdfdl_02 li a:before,.pdfdls li a:before{content: '';position: relative;display: inline-block;width: 0; height: 0;border-left: 10px solid #333;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin-right: .5em;}

/*--input--*/
.input section p{margin-bottom:0; width:80%}
ul.cir{line-height:2em; width:85%; margin:0 auto 1em; border-bottom:1px #666 dotted; padding:0 0 1em 2em;}
ul.cir:last-child{border:none;}
ul.cir li:before{content:"\25cf"; color:#775277; margin-right:.1em}

.input ul.squ{line-height:2em; width:85%; margin:0 auto 3em; border-top:1px #666 dotted; padding:1em 0 4em}
.input .squ li:before{content:"\25a0";color:#775277;}
.squ li ul li{list-style:outside;margin-left:2em;}
.input .squ ul li:before{content:"";}

/*--other--*/
table.supp{border-collapse:collapse; width:65%; border-top:1px #000 solid; border-left:1px #000 solid; margin:0 auto 3em;}
.supp th,.supp td{ border-right:1px #000 solid; border-bottom:1px #000 solid;}
.supp th{text-align:center; background:#ededed;padding:.5em 1em; vertical-align:middle}
.supp th:first-child{width:4em;}
.supp tr:first-child th{background:#e4dce4;}
/*.supp td:last-child{text-align:center;}*/
.supp td a{color:#ad3140; display:block;padding:.5em 1em}
.supp td a:hover{background:#FCC;}
.supp span,.supp span+br{display:none;}

/*--authorize--*/
.author div{width:75%;/* margin:1em auto 3em;*/margin:.5em auto}
.author .pdfdl{padding-left:0;width:100%; margin-left:-1em;line-height:2em}
.author .pdfdl_02{padding-left:0;width:100%; margin-left:-1em}
.author p{width:100%;}
.author .pdfdl+ul{list-style:outside; line-height:2em;}
.author figure{text-align:center; margin:1em auto}
.author figcaption{text-align:left;}


/*--propose--*/
.propose div{width:85%; margin:1em auto}
.propose .cir{text-indent:-1em; width:100%}
.propose .cir ol{ margin-left:1em;}
.propose .cir ol li:before,.propose .cir .pdfdl li:before{content:"";}
.supabout{ margin-left:2em;}

.supabout dt{clear:left; float:left; width:10em;}
.supabout dd{margin-left:10em; text-indent:0}
.place{line-height:2em}
.place dl{margin-bottom:2em; padding-bottom:2em; border-bottom:1px #999 dotted; padding-left:1em}
.place dd{margin-left:3em;}
.propose .cir .pdfdl{margin:0;line-height:2em}

.propose h4{font-weight:bold; margin-bottom:1em; padding-left:2em}
.propose h4+ol{padding-left:3em; margin:1em auto; line-height:2em}
.propose h4+ol .pdfdl{margin:0; padding-left:0; line-height:2em;}
.supbox{padding:0 0 1.5em;/* border-top:1px #999 dotted;*/line-height:1.6em}
.supbox .pdfdl li{width:30%;}
.supbox p{width:100%; padding-left:1em; margin:0}
.supbox table{border-collapse:collapse; border-top:1px #000 solid; border-left:1px #000 solid; margin:1em auto; margin-left:1em;width:95%}
.supbox th,.supbox td{border-right:1px #000 solid; border-bottom:1px #000 solid; vertical-align:middle}
.supbox th{padding:.5em 1em; background:#e4dce4; vertical-align:middle; width:40%; line-height:1.2em}

.supbox td a{display:block; padding:.5em 1em;position:relative}
.supbox td a:hover{background:#FCC;}

.propose ol.inqu{padding-left:2em; line-height:2em;}
.propose:last-child{padding-bottom:3em;}

.propose div.redbox{margin:1em;width:95%;padding:1em;border:2px #f00 dashed;border-radius:1em} 

/*--infomation--*/
ul.info{list-style:outside;}
ul.info li{padding-left:1em;}
ul.info li:before{content:"";}
div.info .pdfdls{border:none;}
div.info p{margin:0; width:100%}

/*--index--*/
.index p{margin:0 0 1em 2em;}
.index .bbtn{margin:1em 0}

/*--bbtn--*/
.bbtn{margin-left:0;}
.suppo .bbtn{ margin-left:2em}
.bbtn a{border:1px #000 solid; padding:0 1em; width:50%; display:block}
.bbtn img{-webkit-filter: invert(100%);filter: invert(100%); margin-right:.5em;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.bbtn a:hover{background:#ad3140; color:#FFF; border-color:#ad3140}
.bbtn a:hover img{-webkit-filter: invert(0%);filter: invert(0%);margin-right:.3em;}


/*--about--*/
.about section div{width:90%; padding-left:3em; margin:1em auto; line-height:2em}
.about dt{clear:left;float:left; width:20%; padding:.5em 1em .5em 0;}
.perp dt{width:10%; background:#775277;color:#FFF; text-align:center;padding:.2em 1em;}
.about dd{margin-left:16%; padding:.5em 1em}
.perp dd{margin-left:11%; padding:.2em 1em; margin-bottom:1em}
.about h4{display:inline-block; padding:.2em 1em; background:#775277;color:#FFF; margin-bottom:1em}
.about div+div{border-top:1px #999 dotted; margin-bottom:1em; padding-top:2em}
.about .pdfdls{border:none; padding-left:.5em; padding-bottom:0}
.about section:last-child{padding-bottom:3em;}

/*--exam--*/
.suppo section.exam h2{border-left-color:#727c3d;}
.exam div.fig{width:90%; margin:2em auto; border-bottom:1px #999 solid;padding:0 3em 3em;}
div.fig ul.cate li{display:inline-block; padding:.2em 1em; border:1px #b8883b solid;color:#b8883b; text-align:center}
div.fig dl{font-size:1.2em; margin:1em auto}
div.fig dt{width:15%;clear:left;float:left; text-align:center; color:#FFF; background:#000; padding:.3em 1em; margin-bottom:1em;}
div.fig dd{ margin-left:17%; padding:.3em 0; margin-bottom:1em;}
div.fig article{margin:1em auto; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
div.fig article h3{font-weight:bold; border-bottom:1px #666 solid; padding:.5em 0;font-size:1.2em}
div.fig article p{width:98%;}
div.fig article div{display: -webkit-flex; /* Safari */display:flex;-webkit-flex-wrap: wrap; /* Safari */ flex-wrap:wrap;-webkit-justify-content: space-between; /* Safari */  justify-content: space-between;-webkit-align-items: baseline; /* Safari */align-items:baseline;}
div.fig article figure{width:30%; margin:1em 3% 1em 0; display:inline-block; text-align:center;}
div.fig article figcaption{text-align:left; font-size:.9em;}

ul.supp{width:80%;margin:2em auto 3em;}
/*ul.supp li:first-child{border-bottom:1px #ccc solid; font-weight:bold; padding:.2em 0;}*/
ul.supp li{margin-bottom:.5em;line-height:2em;}
ul.supp a:before{content: "\25a0";color: #b8883b;margin: 0 1em;}

div.fig article ul{list-style:outside; margin:1em 0 1em 2em;line-height:2em}
p.wid97{width:97%;}
.propose .cir ol li:last-child { margin-top: 1em; margin-left: -1em;}
.supbox p.ind-1{margin-bottom:1em;margin-left:-1em;}

.bod_atte{width:85%;margin:1em auto 2em;padding:1em 1.5em;border:2px #b8883b solid;border-radius:.2em;text-align:center}
.bod_atte p{width:100%;text-align:left;margin:0 auto 1em;font-size:1.1em}
br.pc{display:block;}

p.kome{padding-left:1em;text-indent:-1em}
.smp{display:none}

@media screen and (max-width: 480px){ 
.suppo h2,.input h2,.about h2{font-size:1.5em; width:100%;letter-spacing:0;margin:1em auto}
.about h2 br{display:block;}
.suppo p,.input p{width:100%;}
.suppo section h2,.input section h2,.about section h2{width:100%; margin:2em auto 1em}
.pdfdl{width:100%;line-height:2em; padding-left:1em}
.pdfdl li{display:block; width:auto;}
.pdfdls{padding-left:0}
.input section p{width:100%}
.input ul.cir{width:100%; padding-left:0}
.input ul.squ{width:100%; padding-left:0}

/*--other--*/
table.supp{width:100%; font-size:.9em}
.supp th:first-child{width:100%;}
.supp th,.supp td{display:block;}
.supp tr:first-child{display:none}
.supp td:last-child{ padding:.5em 1em;}
.supp span{display:inline-block; padding:.2em .5em; background:#666; color:#FFF;margin:5px; border-radius:5px;}

ul.supp{width:95%;}
.supp span+br{display:block;}
ul.supp li{margin-bottom:.5em;border-bottom:1px #ccc dotted; padding-bottom:.5em;}

/*--author--*/
.author div{width:100%;}

/*--propose--*/

.propose div{width:100%;}
.propose .cir{padding-left:1em;}
.propose .cir ol{ margin-left:0;}
.supabout{ margin-left:1em;}

.supabout dt{clear:left; float:none; width:100%;}
.supabout dd{margin-left:0; text-indent:0}
.place dl{padding-left:0}
.place dd{margin-left:1em;}
.cir span.red,.place dd span,.propose .inqu span{display:block;}

.propose h4,.propose h4+ol{padding-left:0}
.propose h4+ol .pdfdl{padding-left:1em;}
.supbox table{width:100% ;margin:1em auto}
.supbox th,.supbox td{display:block}
.supbox th{width:100%;}

.propose ol.inqu{padding-left:1em;}

.suppo .bbtn{ margin-left:0}
.bbtn a{width:auto;}   
    
/*--infomation--*/
ul.info li{padding-left:0;}

/*--about--*/
.about section div{width:100%; padding-left:0;}
.about dt{clear:left;float:none; width:100%; border-bottom:1px #CCC dotted; padding:0}
.perp dt{width:100%; background:#775277;color:#FFF; text-align:center;padding:.2em 1em;}
.about dd{margin-left:0; padding:0 .5em}
.perp dd{margin-left:0; padding:.2em 1em; margin-bottom:1em}
.about section:last-child{padding-bottom:2em;}
.about .pdfdls{line-height:1.8em}

/*--exam--*/
.exam div.fig{width:100%; margin:1em auto;padding:0 .5em 1em;}
div.fig ul.cate li{display:block; padding:.2em 1em;margin-bottom:.5em;}
div.fig dt{width:100%;clear:left;float:none; text-align:left;margin-bottom:.5em;}
div.fig dd{ margin-left:0; padding:.3em 0; margin-bottom:.5em;}
div.fig article h3{font-weight:bold; border-bottom:1px #666 solid; padding:.5em 0;font-size:1.2em}

div.fig article p{width:98%;}
div.fig article figure{width:45%; margin:1em 2.5%; display:inline-block; text-align:center;}

.bod_atte{width:100%;margin:.5em auto 1em;padding:.6em .9em;border:2px #b8883b solid;border-radius:.2em;text-align:center}
.bod_atte p{font-size:1em}
br.pc,.pc{display:none;}
.smp{display:inline}
}