@charset "utf-8";

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
line-height: 1.6;
color:#111111;
margin: 0;
padding: 3% 0 0 0;
background-color: #000000;
}

img {
	vertical-align:middle;
	display: block;
	border:0;
	width:100%;
	height: auto;
	line-height:0;
	font-size:0;
}
a:link,
a:visited {
color:#0066cc;
}

/*font
$font-size-root:             16px !default;
 
$font-size-base:             1rem !default;
$font-size-lg:               1.25rem !default;    // 20px
$font-size-sm:               .875rem !default;    // 14px
$font-size-xs:               .75rem !default;     // 12px
 
$font-size-h1:               2.5rem !default;     // 40px
$font-size-h2:               2rem !default;       // 32px
$font-size-h3:               1.75rem !default;    // 28px
$font-size-h4:               1.5rem !default;     // 24px
$font-size-h5:               1.25rem !default;    // 20px
$font-size-h6:               1rem !default;
 
$line-height:                1.5 !default;
$line-height-lg:         (4 / 3) !default;
$line-height-sm:         1.5 !default;
*/

/*common*/
#mainphotoarea {
padding: 0 7% 0 7%;
background: #1c3b77 url("images/bk.jpg") left bottom repeat-x;
background-size: auto 100%;
}
#mainphotoarea p {
	margin:0;
	padding:0;
}
#allarea {
padding: 0 7% 3% 7%;
background-color: #1c3b77;
}
body#formarea #allarea {
background: #1c3b77 url("images/bk.jpg") left top repeat-x;
}
#copybox {
margin: 1rem 0 2rem 0;
text-align: left;
background: #ffe7e7;
padding: 1rem 1rem;
border-radius: 5px;
}
#copybox h2 {
font-size: 1.5rem;
line-height: 1.6;
font-weight: bold;
color:#cc0000;
margin-bottom: 1rem;
}
#copybox p {
font-size: 1.15rem;
line-height: 1.6;
font-weight: bold;
color:#333;
margin: 0;
}
#copybox p:last-child {
font-size: 1rem;
line-height: 1.6;
color:#333;
margin: .5rem 0 0 0;
}
#copybox p br {
display: none;
}
#contentsarea {
padding: 3% 5% 5% 5%;
background-color: #fff;
}
#presentarea {
margin: 1rem 0 2rem 0;
padding: 15px;
border: #dd0000 1px solid;
border-radius: 5px;
background-color: #ffffee;
}
#presentarea .col-lg-6:first-child {
    padding-right: 7px;
    padding-left: 15px;
}
#presentarea .col-lg-6:last-child {
    padding-right: 15px;
    padding-left: 7px;
}
#presentarea .ttl {
margin: 0 0 .75rem 0;
padding: 0.5rem 0;
background-color: #cc0000;
color: #ffff00;
letter-spacing: 5px;
border-radius: 3px;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
}
#presentarea .date {
margin: 0 0 .5rem 0;
text-align: center;
font-size: 1.15rem;
font-weight: bold;
}

#presentarea .presentlist {
margin:0;
padding:0;
display:flex;
flex-wrap: wrap;
align-items: flex-end;
}
#presentarea .presentlist dt {
margin:0 0 0 1rem;
padding:.2rem 0;
width: 77%;
font-size: 1.25rem;
text-indent: -1.25rem;
}
#presentarea .presentlist dd {
margin:0;
padding:.2rem 0;
width: 20%;
color:#003399;
font-size: 1.25rem;
font-weight: bold;
text-align: right;
}
#presentarea .presentlist br {
display: none;
}
#presentarea .presentlist dt span {
font-size: 1rem;
}

#oboinfoarea .ttl {
margin: 0 0 .75rem 0;
padding: 0.5rem 0;
background-color: #cc0000;
color: #ffff00;
letter-spacing: 5px;
border-radius: 3px;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
}


#obobtn {
width: 100%;
-webkit-appearance: none;
border:none;
margin: 0 0 0 0;
font-size: 3rem;
font-weight: bold;
color:#fff;
	display: block;
	cursor: pointer;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
	text-decoration: inherit;
background: rgb(183,148,60);
background: -moz-linear-gradient(top,  rgba(183,148,60,1) 0%, rgba(114,79,9,1) 100%);
background: -webkit-linear-gradient(top,  rgba(183,148,60,1) 0%,rgba(114,79,9,1) 100%);
background: linear-gradient(to bottom,  rgba(183,148,60,1) 0%,rgba(114,79,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7943c', endColorstr='#724f09',GradientType=0 );
	box-shadow: 0 6px 0 #48370a, 0 12px 0 rgba(0,0,0,.2);
	transition: color .2s, background .2s, box-shadow .2s, transform 0.2s;
}
#obobtn a {
color:#fff;
text-decoration: none;
}
#obobtn:hover {
background: rgb(183,148,60);
background: -moz-linear-gradient(top,  rgba(183,148,60,1) 0%, rgba(114,79,9,1) 100%);
background: -webkit-linear-gradient(top,  rgba(183,148,60,1) 0%,rgba(114,79,9,1) 100%);
background: linear-gradient(to bottom,  rgba(183,148,60,1) 0%,rgba(114,79,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7943c', endColorstr='#724f09',GradientType=0 );
	box-shadow: 0 3px 0 #48370a, 0 6px 0 rgba(0,0,0,.2);
	transform: translateY(3px);
}
#obobtn:active {
	color: #ddd;
	background: #705716;
	box-shadow: 0 0 0 #705716, 0 0 0 rgba(0,0,0,.2);
	transform: translateY(6px);
	transition-duration: .1s;
}
.form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}
#kiyakubox {
margin: 2rem 0 0 0;
padding: .8rem;
border: #ccc 1px solid;
border-radius: 5px;
background-color: #f5f5f5;
}
#kiyakubox h3 {
margin: 0 0 0.8rem 0;
padding: 0.6rem 0 0.5rem 0;
border-radius: 2px;
background-color: #16559c;
color:#ffff00;
font-size: 1rem;
font-weight: bold;
letter-spacing: 3px;
text-align: center;
}
#kiyakubox ul {
margin: 0;
padding: 0;
}
#kiyakubox ul li {
margin: 0 0 0 1.2rem;
padding: 0 0 0.3rem 0;
font-size: .875rem;
}
footer {
color: #4b71ba;
padding: 1rem;
text-align: center;
font-size: .75rem;
}
footer p {
	margin:0;
	padding:0;
}

.table th {
color: #fff;
font-weight: normal;
width: 15%;
}
.table td {
width: 85%;
}
.table td p {
margin: 5px 0 0 0;
font-size: .875rem;
}

.fltbox {
clear:both; zoom:1;
}
.fltbox:before,.fltbox:after {
content:"."; clear:both; display:block; height:0; line-height:0; visibility:hidden;
}
.fright {
float:right
}
.fleft {
float:left
}
a {
	color:#ff0000;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}

.gry {
	color:#333333 !important;
}
.red {
	color:#FF0000 !important;
}
.mrgT {
	margin-top:2% !important;
}
.mrgTl {
	margin-top:4% !important;
}
.mrgBs {
	margin-bottom:1% !important;
}
.prltive {
	position:relative !important;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}


@media screen and (max-width: 1440px) {

#presentarea .presentlist {
margin:0;
padding:0;
display:block;
}
#presentarea .presentlist dt {
padding:.2rem 0 0rem 0;
width: 100%;
}
#presentarea .presentlist dd {
padding:.0 0 0 0;
width: 100%;
}
#copybox h2 br {
display: none;
}

}
@media screen and (max-width: 1140px) {

#mainphotoarea {
padding: 0 3% 0 3%;
}
#allarea {
padding: 0 3% 3% 3%;
}
#contentsarea {
padding: 3% 3% 4% 3%;
}
#presentarea {
    margin: 1rem 0 1rem 0;
}
#copybox h2 {
font-size: 1.35rem;
}
#copybox p {
font-size: 1.25rem;
}


}


@media screen and (max-width: 980px) {

#presentarea .presentlist {
margin: 0 0 1rem 0;
display:flex;
flex-wrap: wrap;
align-items: flex-end;
}
#presentarea .col-lg-6:last-child .presentlist {
margin: 0;
}
#presentarea .presentlist dt {
margin:0 0 0 1rem;
padding:.2rem 0;
width: 77%;
text-indent: -1.25rem;
}
#presentarea .presentlist dd {
margin:0;
padding:.2rem 0;
width: 20%;
}
#presentarea .col-lg-6:first-child {
    padding-right: 15px;
    padding-left: 15px;
}
#presentarea .col-lg-6:last-child {
    padding-right: 15px;
    padding-left: 15px;
}
#copybox {
    margin: 1rem 0 1.5rem 0;
}
#copybox h2 {
font-size: 1.35rem;
line-height: 1.4;
margin-bottom: 0.5rem;
}
#copybox p {
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 0.5rem;
}
#copybox p br {
display: inline-block;
}
p.txt {
	font-size:70%;
	line-height:140%;
	margin:2% 0;
}
p.txt_s {
	font-size:80%;
	line-height:140%;
	margin:2% 0;
}
p.txt_l {
	font-size:90%;
	line-height:140%;
	margin:2% 0;
}

}
@media screen and (max-width: 768px) {

#oboinfoarea .col-md-3 {
display: none;
}
#copybox {
    margin: 1rem 0 1.5rem 0;
	padding: 1rem 0.5rem;
}
#copybox h2 {
font-size: 1.15rem;
}
#copybox p {
font-size: 1rem;
}
#copybox p:last-child {
font-size: .875rem;
    line-height: 1.4;
}
#sptext {
display: none;
}
.table th,
.table td {
display: block;
width: 100%;
padding: 0.3rem 0.5rem;
}
#obobtn {
padding: 15px 0;
font-size: 1.5rem;
}
.form-control {
width: 95%;
}
input#file {
width: 95%;
}

}

@media screen and (max-width: 650px) {
#presentarea .presentlist {
margin:0 0 1rem 0;
padding:0;
display:block;
}
#presentarea .presentlist dt {
padding:.2rem 0 0rem 0;
width: 95%;
}
#presentarea .presentlist dd {
padding:.0 0 0 0;
width: 100%;
}

}