@charset "UTF-8";

#header {
	border-top:#5b3568 4px solid;
}
#logo {
	width:30.77%;
	position:static;
	padding:26px 0 30px;
}
#header .hbtn {
	width:16.5%;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
}
#header .hbtn a {
	display:block;
	color:#fff;
	background:#5b3568;
	padding:5% 0;
	text-decoration:none;
	border:#5b3568 1px solid;
	box-sizing:border-box;
}
#gnavi .subnav ul li a {
	color:#fff;
	background:url(../images/english/ico01.png) no-repeat left center;
	padding:0 0 0 15px;
}

/* .mainimg */
.mainimg {
	/* background:url(../images/english/mainimg.jpg) no-repeat center top; */
	background:url(../images/english/mainimg_2022.jpg) no-repeat center bottom;
	background-size:cover;
	padding:17.5% 0;
	text-indent:-9999px;
}

/* .englishArea */
.englishArea .cont {
	line-height:2;
	padding:45px 0;
	color:#191919;
}
.englishArea .cont .ttl {
	display:inline-block;
	line-height:1.2;
	color:#5b3468;
}

/* .historyArea */
.historyArea .mimg {
	padding:1.4% 0 2%;
}
.historyArea table {
	width:100%;
	clear:both;
	line-height:1.7;
}
.historyArea table th {
	font-weight:normal;
	width:9%;
	text-align:left;
	border-bottom:#bdbdbd 1px dotted;
	text-align:top;
	padding:23px 0;
}
.historyArea table td {
	width:91%;
	border-bottom:#bdbdbd 1px dotted;
	padding:23px 0;
	text-align:left;
	vertical-align:top;
}
.historyArea .assTxt {
	padding:1% 0 3.5%;
	line-height:1.7;
}
.historyArea .title01 {
    line-height: 1.3;
    padding-bottom: 1.8%;
}

/* .englishSet */
.englishSet {
	padding:3% 0;
}
.englishSet .pdfLinks {
	padding:0 0 3%;
	margin:0;
}
.historyArea .assTxt .pdfLinks.nob,
.englishSet .pdfLinks.nob {
	padding:0 5px;
}
.englishSet .txt {
	line-height:1.7;
	padding-bottom:3%
}
.englishSet .txt2 {
	line-height:1.7;
	padding-bottom:1.5%
}
.englishSet .txt a {
	color:#191919;
}
.englishSet .img1 img {
	width: auto;
	max-width: 100%;
	padding-bottom: 3%;
}
.englishSet .list1 li {
	padding: 0 0 2% 1em;
	text-indent: -1em;
}
.englishSet .list2 {
	width: 701px;
	margin: 0 auto;
}
.englishSet .list2 li {
	padding: 0 0 1% 1.5em;
	text-indent: -1.5em;
}
.englishSet .list2 a {
	color: #5b3468 !important;
}
.englishSet .photo1 {
	font-size: 0;
	width: 100%;
	padding-bottom: 3%;
}
.englishSet .photo1 li {
	font-size: 12px;
	width: 32%;
	display: inline-block;
	margin-right: 2%;
}
.englishSet .photo1 li:nth-child(3n) {
	margin-right: 0;
}
.englishSet .photo2 .img2 {
	float: left;
	width: 36%;
	margin: 0 3% 2% 0;
}
.englishSet .borBox {
	border: #eaeaea 2px solid;
	padding: 1.5% 2%;
	margin-bottom: 4%;
	line-height: 1.7;
}
.englishSet .borBox ul li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.englishSet .borBox ul li:before {
    content: "●";
    color: #5b3468;
	padding-right: 0.5em;
}
.englishSet .inBox {
	padding: 0 1.8%;
}
.englishSet .num {
	color: #5b3468;
}

/* #footer */
#footer {
	background:#191919;
	padding:40px 0;
	line-height:1.8;
}
#footer .copyright {
	width:50%;
	float:left;
}
#footer dl {
	width:47%;
	float:right;
	padding:0 0 0 3%;
}
#footer dl dt {
	font-weight:bold;
	font-size:26px;
}
#footer .pdfLinks {
	padding:0 0 0 10px;
}
#footer .pdfLinks a {
	color:#fff!important;
	background-image:url(../common/images/ico02_on.png);
}

.one_link {
	overflow: hidden;
	padding: 0;
}

.one_link li {
	margin: 0 auto;
text-align: center;
display: block;
}

#p02 {
	padding: 180px 0 4.5%;
	margin-top: -180px;
}
@media only screen and (max-width:1450px){
.mainimg {
	padding:23.6% 0;
}
}

@media only screen and (min-width:961px){
.pconS {
	display:block;
}
#navi {
	text-align:center;
}
#gnavi {
	width:100%;
	max-width:1040px;
	margin:0 auto;
	float:none;
}
#gnavi > li {
	position:relative;
}
#gnavi > li > a {
	padding:17.8% 0;
	font-size:14px;
	background-size:12% auto;
}
#gnavi > li.oLine > a {
	padding:25% 0;
}
#gnavi > li.tLine > a {
	padding:10.6% 0;
}
#gnavi .subnav {
	width:150%;
	font-size:13px;
	background:#000;
	top:100%;
	margin:0;
	padding:22px 0 25px;
}
#gnavi .subnav ul {
	padding:0 0 0 6%;
}
#gnavi .subnav ul li {
	padding:2px 0;
}
#gnavi .subnav-back {
	position:static;
}
#gnavi .spaion {
	display:none;
}
#header .hbtn a:hover {
	background:#fff;
	color:#5b3568;
	transition:0.6s;
}
}

@media only screen and (min-width:681px) and (max-width:1250px) {
#gnavi > li > a {
	font-size:1.4vw;
}
#gnavi .subnav {
	font-size:1.3vw;
}
#footer .finner {
	padding-left:1%;
	padding-right:1%;
	font-size:1.5vw;
}
#footer dl dt {
	font-size:2.5vw;
}
}

@media only screen and (min-width:1px) and (max-width:960px) {
.pconS {
	display:none;
}
#header .hbtn {
	display:none;
}
#gnavi {
	border-top:none;
}
#gnavi > li > a {
	font-size:4vw;
}
#logo {
	width:34.375%;
	position:static;
	padding:3.5% 1.5%;
}
#gnavi .subnav ul {
	width:92%;
	margin:0 auto;
	padding-bottom:4%;
}
#gnavi .subnav ul li {
	background:#ebe8ec;
	padding:3%;
	margin-bottom:1.5%;
}
#gnavi .subnav ul li a {
	color:#333;
	font-size:3.8vw;
	display:block;
	background-size:2.5% auto;
	padding-left:4%;
}
}

@media only screen and (min-width:1px) and (max-width:680px) {
/* .englishArea */
.englishArea .cont {
	padding:22px 0;
}

/* .mainimg */
.mainimg {
	padding:37% 0;
}

/* .historyArea */
.historyArea table th {
	width:12%;
	padding:3% 0;
}
.historyArea table td {
	width:88%;
	padding:3% 0;
}
.historyArea .title01 {
	font-weight: bold;
	padding-bottom: 4%;
	line-height: 1.2;
}

/* .englishSet */
.englishSet {
	padding:3% 0 5%;
}
.historyArea .assTxt .pdfLinks.nob a,
.englishSet .pdfLinks.nob a {
	display: inline;
	background-size: 5% auto;
}
.englishSet .list2 {
	width: 100%;
}
.englishSet .photo1 li {
	width: 100%;
	display: list-item;
	margin: 0 0 2%;
}
.englishSet .photo2 .img2 {
	float: none;
	width: 100%;
	margin: 0 0 2% 0;
}

/* #footer */
#footer {
	padding:4% 0;
}
#footer .finner {
	font-size:3vw;
	text-align:center;
	line-height:1.8;
}
#footer .copyright {
	width:100%;
	float:none;
	padding-bottom:3%;
}
#footer dl {
	width:100%;
	float:none;
	padding:0;
}
#footer dl dt {
	font-size:6vw;
}
#footer .pdfLinks {
	padding:0 0 0 5px;
}
}


/* add 202211 oono */
.headTtile03 span.tit {
	float: left;
}
@media only screen and (min-width:1px) and (max-width:960px) {
	.headTtile03 span.tit {
		float: none;
	}
	.headTtile03 span.note {
		padding-top: 0;
	}
}
.indent_1em {
	padding-left: 1em;
	text-indent: -1em;
}
.indent_1em_half{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.indent_2em {
	padding-left: 2em;
	text-indent: -2em;
}
/* add-end */