a {
color:#03c;
}

.alignleft {
display:block;
width:100%;
height:auto;
}
.alignright {
display:block;
width:100%;
height:auto;
}
.pcOnly {
display:none;
}

.pcOnly img {
width:100%;
height:auto;
}



h1 {
font-size:20px;
color:#333;
background-color:#fff;
text-align:center;
line-height:2;
margin:0 0 1em;
padding:0;
}

h1 span {
display:block;
line-height:1;
}


h2 {
font-size:20px;
color:#333;
text-align:center;
line-height:2;
margin:0 0 1em;
padding:0;
}

h2 span {
display:block;
line-height:1;
}


h3 {
font-size:18px;
color:#333;
text-align:left;
line-height:2;
margin:0;
padding:0;
}
h4 {
font-size:4.5vw;
color:#333;
text-align:left;
line-height:1.6;
margin:0;
padding:0;
}
h5 {
font-size:4vw;
color:#333;
text-align:left;
line-height:1.6;
margin:0;
padding:0;
}
h5.textLine {
text-decoration:underline;
}
h5.bgRED {
background-color:#c00;
color:#fff;
}


h6 {
font-size:4vw;
color:#333;
text-align:left;
line-height:1.2;
margin:0;
padding:0;
}

p.NotoSerif {
font-family: 'Noto Serif JP', serif;
font-size:3em;
text-align:center;
color:#800000;
}
p.KosugiMaru {
font-family: 'Kosugi Maru', sans-serif;
font-size:1.4em;
text-align:left;
color:#800000;
line-height:1.6;
}



#contents section.applyLink {
margin:0 auto 75px;
padding:0;
text-align:center;
}
#contents section.applyLink p {
margin:0;
padding:50px 0;
}
#contents section.applyLink a {
background-color:#800000;
color:#fff;
border:2px solid #800000;
font-weight:bold;
padding:15px 50px;
font-size:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#contents section.applyLink a:hover {
background-color:#fff;
color:#800000;
border:2px solid #800000;
text-decoration:none;
}
.headBread {
background-color:#fff;
}
#post {
background-color:#fff;
}
section {
width:100%;
content: "";
clear: both;
display: table;
background-color:#fff;
margin:0 auto 50px;
padding:0 0 20px;
}


section .top0 {
padding:10px;
}

section .top0 dl {
border:1px solid #ccc;
margin:0 0 30px;
}

#contents section.tableContents p {
margin:25px 10px 50px;
padding:10px;
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.tableContents dl {
display:block;
width:310px;
background-color:#fff;
border:1px solid #800000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin:25px auto 0;
padding:10px;
}
.tableContents dt {
width:4em;
color:#800000;
background-color:#fff;
text-align:center;
margin:-26px auto 1em;
line-height:1.8;
}
.tableContents dd a {
color:#333;
}
.tableContents dd a:hover {
color:#800000;
text-decoration:none;
}


.tableContents ol {
list-style-position: inside;
margin:0 auto 1em;
}
.tableContents ol li {
line-height:2;
}


section .top0 dl dt {
background-color:#eee;
padding:10px;
text-align:center;
}
section .top0 dl dd {
background-color:#fff;
padding:10px;
}
section .top000 {
padding:10px;
}

section .top000 ul {
list-style-type:disc;
margin:0 0 25px 10px;
}
section .top000 ul li {
margin:0 0 1em;
}
section .top75 {
padding:10px;
}

section .top75 dl {
border:1px solid #ccc;
}
section .top75 dl dl {
border:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section .top75 dl dt {
background-color:#eee;
padding:10px;
text-align:center;
}
section .top75 dl dd span {
display:block;
}

section .top75 dl dl dt {
background-color:#fff;
padding:5px;
text-align:center;
width:50%;
}
section .top75 dl dd {
background-color:#fff;
padding:10px;
}
section .top75 dl dd ul {
margin:0;
}
section .top75 dl dd ul li {
padding:5px 0;
}
section .top75 dl dl dd {
width:50%;
padding:5px;
}

section .top75 dl.contact {
border:1px solid #ccc;
margin-bottom:20px;
}

section .top75 dl.contact dt {
background-color:#eee;
padding:10px;
text-align:center;
}

section ol {
list-style-type:decimal;
margin:0 10px 10px 30px;
}
section ol li {
margin:0 0 10px;
}
section .top75 ol li {
list-style-type:decimal;
margin:0 20px 1em;
}
section .top75 ol li ul li {
list-style-type:disc;
}


section .top75 ol dl {
border:none;
}
section .top75 ol dl dt {
background-color:#fff;
color:#800000;
font-weight:bold;
padding:0;
text-align:left;
}

section .top75 ol dl dd {
background-color:#fff;
padding:0;
margin-bottom:1em;
}

.sixText {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0;
}
.sixText li {
width:48%;
background-color:#800000;
color:#fff;
text-align:center;
margin-bottom:10px;
padding:10px;
}

.img2ULflex {
margin:0;
padding:0;
}
.img2ULflex ul {
margin:0;
padding:0;
}
.img2ULflex li {
margin:0 0 10px;
}

.img2ULflex .alignnone {
width:100%;
height:auto;
margin:0;
}

.img3flex {
margin:0;
padding:0;
}

.img3flex .alignnone {
width:100%;
height:auto;
margin:0;
}
.img3flex dd {
text-align:center;
}



.img4flex {
margin:0;
padding:0;
}
.img4flex h3 {
font-size:4vw;
}
.img4flex .alignnone {
width:100%;
height:auto;
margin:0;
}
#contents section .img4flex p {
margin:0 10px;
}
.img4flex dd {
text-align:center;
}


.img5flex {
margin:0;
padding:0;
}

.img5flex img.alignnone {
display:block;
width:310px;
margin:0 auto;
padding:0;
}

#contents section .img5flex dd p {
margin:0 10px;
padding:0;
}

#contents section .img5flex li i {
display:block;
font-size:3em;
text-align:center;
margin:20px auto;
padding:0;
}


.text5flex {
margin:0;
padding:0;
}

.text5flex {
width:200px;
margin:20px auto 0;
padding:0;
}

.text5flex li h6 {
width:4em;
color:#f60;
text-align:left;
transform: rotate( -10deg );
margin:0 0 -13px 0;
}
#contents section .text5flex li p {
font-weight:bold;
color:#111;
background-color:#ccc;
text-align:center;
margin-top:10px;
padding:20px;
}


#contents section p.bgBlue {
text-align:center;
width:340px;
margin:10px auto;
}
#contents section p.bgBlue a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: linear-gradient(rgb(72,67,194,0.2),rgb(72,67,194,0.4));
border:1px solid #800000;
padding:10px 20px;
}
#contents section p.bgBlue a:hover {
background: linear-gradient(rgb(72,67,194,0.4),rgb(72,67,194,0.2));
text-decoration:none;
}

.bgGrad {
width:340px;
margin:10px auto;
padding:0 0 30px;
background: linear-gradient(rgb(72,67,194,0.2),rgb(72,67,194,0.4));
border:1px solid #ccc;
}
.bgGrad ul {
width:320px;
margin:20px auto;
padding:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:center;
align-items: center;
}
.bgGrad ul li {
margin:20px 0;
padding:0;
text-align:center;
}

.bgGrad ul li i {
color:#800000;
font-size:4em;
text-align:center;
}

.bgGrad ul li span {
display:block;
}

.bgGrad ul li:nth-of-type(1) {
width:70px;
}
.bgGrad ul li:nth-of-type(1) span {
color:#800000;
}
.bgGrad ul li:nth-of-type(2) {
width:50px;
}
.bgGrad ul li:nth-of-type(2) i {
font-size:2em;
}
.bgGrad ul li:nth-of-type(3) {
width:70px;
}
.bgGrad ul li:nth-of-type(3) span {
color:#800000;
}
.bgGrad ul li:nth-of-type(4) {
width:110px;
text-align:left;
margin:-40px 0 0 19px;
}
.bgGrad ul li:nth-of-type(4) i {
font-size:6em;
}
.bgGrad ul li:nth-of-type(4) span {
width:66px;
font-size:11px;
color:#800000;
margin:-67px 0 0 17px;
line-height:1;
}
#contents section .bgGrad p {
font-weight:bold;
margin:0 10px;
color:#333;
}
#contents section .bgGrad h6 {
color:#f60;
}


#contents section p.textBig {
display:block;
color:#800000;
font-size:3em;
text-align:center;
margin:20px auto;
padding:0;
}


section.UlLi {
padding:0 0 10px;
}
section.UlLi ul {
margin:0;
}
section.UlLi li {
border:1px solid #ccc;
margin:0 10px 20px;
}

section.UlLi li h3 {
text-align:center;
background-color:#800000;
color:#fff;
margin:0;
}

#contents section.UlLi p {
padding:10px 10px 0;
}
#contents section.UlLi dl {
padding:0 10px 10px;
}


section.OlLi {
padding:0 0 10px;
}
section.OlLi dl {
margin:0 10px;
}
#contents section.OlLi dt {
color:#800000;
font-weight:bold;
}
#contents section.OlLi dd {
margin:0 0 1em;
}
#contents section.OlLi dd p {
margin:0;
}

.imgLeft img {
width:100%;
height:auto;
}

.imgLeft dd {
padding:0 10px;
}

.imgLeft dd h2 span {
display:inline-block;
padding:10px;
border:1px solid #555;
}

#contents ul.flex30p {
margin:0 auto 10px;
width:260px;
}



.imgLeft50 img {
width:100%;
height:auto;
}



.movie video{
width: 100%;
height:auto;
display:block;
margin:0;
}

.imgTable .movie video{
width: 100%;
height:auto;
display:block;
margin:0 0 20px;
}
.imgTable ul {
margin:0;
}
.imgTable ul img.alignnone {
margin:0 auto;
}
#contents section .imgTable p {
margin:5px 10px 0;
}
.imgTable ul li {
max-width:600px;
margin:0 auto 20px;
}
.imgTable ul li　img {
width:100%;
max-width:600px;
height:auto;
margin:0;
}
.imgTable ul li dd ul {
margin:5px 0;
}

.imgTable ul li dd li {
margin:0 10px 5px;
}

.imgTable ul.H3Up {
margin:0 10px;
padding:0;
}
.imgTable ul.H3Up li {
position: relative;
margin:0 0 10px;
padding:0;
width:100%;
height:auto;
display: block;
overflow: hidden;
}
.imgTable ul.H3Up li img {
margin:0;
padding:0;
width:100%;
height:auto;
}


#contents section .imgTable ul.H3Up li h3 {
color:#ff0;
position: absolute;
margin:0 10px;
padding:0;
font-weight: bold;
font-size: 20px;
line-height:1;
top: 10%;
}

#contents section .imgTable ul.H3Up li p {
color:#fff;
position: absolute;
margin:0 6px 0 10px;
padding:0;
line-height:1.2;
top: 45%;
}


.imgTable2 ul {
margin:0;
}

#contents section .imgTable2 p {
margin:5px 10px 0;
}
.imgTable2 ul li {
width:100%;
margin:0 0 20px;
}
.imgTable2 ul li dt {
width:100%;
height:auto;
margin:0;
padding:0;
line-height:1;
}
.imgTable2 ul li img {
width:100%;
height:auto;
margin:0;
padding:0;
border:1px solid #ccc;
line-height:1;
}
.imgTable2 ul dd ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0;
background-color:#f0f0f0;
}
.imgTable2 ul li dd li {
width:auto;
margin:0 10px;
line-height:2;
}

.imgTable2 h2,h3,h4,h5,h6 {
font-size:18px;
text-align:center;
margin:20px auto 0;
line-height:1.6;
}

.imgTable3 ul {
margin:0;
}
.imgTable3 ul img.alignnone {
margin:0 auto;
}
#contents section .imgTable3 li h3 {
text-align:left;
}

#contents section .imgTable3 li p {
margin:5px 0 0;
}
.imgTable3 ul li {
width:100%;	
max-width:600px;
margin:0 auto 20px;
}
.imgTable3 ul li　img {
width:100%;
max-width:600px;
height:auto;
margin:0;
}


.img4div ul {
margin:0;
padding:0;
}

.img4div ul img {
width:100%;
height:auto;
margin:0;
}

.img4div ul h3 {
font-size:18px;
text-align:center;
margin:10px auto;
line-height:1.6;
}
.img4div ul h4 {
font-size:18px;
text-align:left;
margin:10px auto;
padding:0 10px;
line-height:1.2;
}
.img4div li p {
margin:0 auto;
padding:0 10px;
}





section .textTab {
width:100%;
margin:0 auto;
padding:10px;
}
section .textTab h3 {
width:100%;
}

section .textTab dl {
width:100%;
margin:0 0 10px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

section .textTab dt {
width:100%;
padding:10px;
background-color:#eee;
text-align:center;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}
section .textTab dd {
width:100%;
padding:10px;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}
section .textTab dd p {
margin:0;
padding:0;
}
section .textTab dd ul {
margin:0;
padding:0;
}
section .textTab dd li {
margin:0;
padding:0;
}
.box01 {
position: absolute;
position: relative;
width:90%;
max-width:900px;
margin:40px auto 20px;
padding:10px;
border:3px double #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.box01 h1 {
position: absolute;
display: inline-block;
top: -12px;
left: 20px;
padding: 0 9px;
line-height: 1;
font-size: 20px;
background: #FFF;
color: #333;
font-weight: bold;
}
.box01 h2 {
position: absolute;
display: inline-block;
top: -12px;
left: 20px;
padding: 0 9px;
line-height: 1;
font-size: 20px;
background: #FFF;
color: #800000;
font-weight: bold;
border:none;
}
.box01 p {
margin:0;
padding:10px 0 0;
}
.box01 dl {
margin:0;
padding:10px 0 0;
}

.box01 dt {
font-weight:bold;
color:#800000;
}
.box01 dd {
margin:0 0 1em;
}


.imgFlex dl {
padding:10px;
}
.imgFlex dt {
float:left;
width:65px;
}
.imgFlex dd {
margin:0;
}
.imgFlex dd p {
padding:0;
}

.imgFlex5 {
width:100%;
max-width:100%;
margin:40px 0 20px;
padding:0;
background-color:#f9f9f9;
}
.imgFlex5 ul {
margin:0;
padding:0;
}


.imgFlex5 dd p {
padding:0 10px;
}
.imgFlex5 img {
display:block;
width:100%;
max-width:400px;
height:auto;
margin:0 auto;
}


#topCategory02 h2 {
background-color:#fff;
color:#333;
}

#topCategory03 ul {
margin:0;
padding:0;
background-color:#f0f0f0;
}
#topCategory03 ul li {
margin:0 0 1em;
padding:0;
}
#topCategory03 ul h3 a {
color:#333;
}
#topCategory03 ul p a {
color:#555;
}
#topCategory03 ul p {
margin:0 10px;
padding:0;
}



.newsList {
max-width:900px;
margin:0 auto 20px;
padding:10px;
}
.newsList ul {
margin:0;
padding:0;
list-style:none;
}
.newsList ul li {
margin:10px 0;
padding:5px 0;
border-bottom:1px dotted #333;
}
.newsList ul p {
margin:0;
padding:0;
}

#contents .newsList ul {
list-style:none;
}


.bgYellow {
font-size:16px;
width:99%;
max-width:500px;
height: 4em;
line-height: 4em;
background-color:#fc0;
border-radius: 50%;
color: #ff0;
text-align: center;
background: -moz-radial-gradient(#fc0,#fff);
background: -webkit-radial-gradient(#fc0,#fff);
background: -ms-radial-gradient(#fc0,#fff);
}


#contents .table5Div p {
margin:20px 20px 0;
}

#contents .table5Div dl {
margin:0 0 20px;
border-bottom:1px solid #ccc;
}

#contents .table5Div dt {
width:100%;
text-align:center;
background-color:#f0f0f0;
padding:10px 0;
}

#contents .table5Div dd ul {
margin:0; 
padding:10px 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style:none;
}
#contents .table5Div dd ul li {
width:25%;
margin:0;
text-align:center;
border-right:1px solid #ccc;
}
#contents .table5Div dd ul li:last-child {
border-right:none;
}







.imgTable3 {
padding:10px;
}
.imgTable3 dl {
width:310px;
margin:0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.imgTable3 dt {
width:93px;
height:64px;
}
.imgTable3 dt img {
width:100%;
height:auto;
}
.imgTable3 dd {
width:calc(100% - 95px);
height:64px;
}

.imgTable3 dd h2 {
text-align:left;
font-size:18px;
margin:0;
}

#contents .imgUL ul {
list-style:none;
margin:0 0 20px;
}
#contents .imgUL ul li {
width:300px;
margin:0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#contents .imgUL ul dl {
width:300px;
margin:0 auto;
}
#contents .imgUL ul dt img {
display:block;
width:300px;
height:auto;
margin:0;
}

#contents .imgUL ul dd dl {
width:100%;
margin:10px 0 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#contents .imgUL ul dd dl dt {
width:50%;
}
#contents .imgUL ul dd dl dd {
width:50%;
text-align:right;
}
#contents .imgLeft2 dl {
width:329px;
margin:0 auto 20px;
}
#contents .imgLeft2 dt {
margin:0 0 10px;
}
#contents .imgLeft2 dt img {
display:block;
width:100%;
height:auto;
margin:0 auto;
}
#contents .imgLeft2 dd p {
margin:0 0 10px;
}
.ea21 dl {
width:100%;
margin:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.ea21 dt {
width:120px;
margin:0 auto;
order: 2;
}
.ea21 dt img {
display:block;
width:100%;
height:auto;
margin:0;
}
.ea21 dd {
width:100%;
margin:0;
order: 1;
}
.ea21 dd ul {
margin:0;
}
footer p span {
display:block;
}



/* Tablet
---------------------------------------------------- */

@media screen and (min-width: 640px) {

section {
margin:0 auto 75px;
}
	
.topHeadWidth {
max-width:1200px;
height:65px;
margin:0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;	
justify-content:center;
align-items: center;
}		
.topHeadWidth .rightHeader {	
width:220px;
}
#topCategory02 {
max-width:900px;
margin:0 auto;
}
#topCategory02 ul {
width:auto;
padding:10px;
}
	

#topCategory04 ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;

}
#topCategory04 li {
width:48%;
}	
#topCategory04 li:first-child {
width:100%;
}	
#topCategory06 ul li dd {
min-height:190px;
background-repeat: no-repeat;
background-position:right center;
background-size:contain;
}		
	
#contents .imgUL ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}
	
#contents .imgUL ul li {
width:49%;
margin:0;
}		
	
#contents .imgUL ul li h3 {
font-size:17px;
}			
	
	
section .textTab dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}	
section .textTab dt {
width:20%;
}
section .textTab dd {
width:80%;
}	
section .textTab dd ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}
.textUlDtDd h2 {
font-size:22px;
}
.textUlDtDd ul {
max-width:640px;
margin:0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}
#contents ul.flex10p {
width:540px;
margin:0 auto;
}
#contents ul.flex30p {
width:540px;
margin:0 auto;
list-style:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
#contents ul.flex30p li {
width:50%;
}

	

	
}	
	
/* Tablet
---------------------------------------------------- */

@media screen and (min-width: 820px) {
	
.pcOnly {
display:block;
}
	
	
.pcOnly ul {
margin:0;
padding:0;
width:100%;
}	
.pcOnly ul li {
width:100%;
height:auto;
}		
.pcOnly ul li img {
width:100%;
height:auto;
}			
	
.mobileOnly {
display:none;
}	
	
h1 {
font-size:30px;
}
h2 {
font-size:24px;
margin-bottom:10px;
}
h2 span {
display:inline-block;
line-height:2;
}
h3 {
font-size:22px;
margin-bottom:10px;
}
h4 {
font-size:20px;
margin-bottom:10px;
}
h5 {
font-size:18px;
margin-bottom:8px;
}
h6 {
font-size:16px;
margin-bottom:6px;
}
	

	
	
.imgTable2 h2,h3,h4,h5,h6 {
font-size:18px;
text-align:center;
margin:20px auto 0;
}
.img4flex h3 {
font-size:18px;
}

#contents p.Paragraph2 {
width:900px;
margin:0 auto;
text-align:left;
}
#contents ul.flex10p {
width:900px;
}	
	
	
#contents ul.flex30p {
width:900px;
margin:0 auto;
list-style:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
#contents ul.flex30p li {
width:33%;
}

#topCategory03 ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
background-color:#fff;
}
#topCategory03 li {
width:calc(100% / 3);
border-right:1px solid #ccc;
}
#topCategory03 li:last-child {
border-right:none;
}

#topCategory03 li h3 {
font-size: 22px;
width:90%;
}
#contents .table5Div dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
margin: 0;
border-bottom:none;
}

#contents .table5Div dt {
width:25%;
background-color:#fff;
padding:10px 0;
border-bottom:1px dotted #333;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}	
#contents .table5Div dd {
width:74%;
padding:10px 0;
border-bottom:1px dotted #333;
}	

.imgTable ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}
.imgTable ul li {
width:48%;
}	
.imgTable ul li img {
width:100%;
height:auto;
border:1px solid #ccc;
}	
#contents section .imgTable dd p {
margin:5px 0 0;
}
.imgTable ul li dd ul{
display:block;
}	
.imgTable ul li dd ul li{
width:100%;
margin:0 0 5px;
}
	
.imgTable2 ul {
width:100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
}
.imgTable2 ul li {
width:32%;
border:1px solid #ccc;
padding-bottom:20px;
}
.imgTable2 ul li img {
border:none;
}		
.imgTable2 ul ul {
width:100%;
}
.imgTable2 ul ul li {
border:none;
padding-bottom:0;
}
.imgTable2 ul dd li:first-child {
width:100%;
text-align:center;
}	
	
#contents section .imgTable ul.H3Up li h3 {
top: 15%;
margin:0 50px;
}
#contents section .imgTable ul.H3Up li p {
top: 70%;
margin:0 50px;
}

	
.tableContents dl {
width:390px;
padding:10px 30px;
}
.img4div {
padding:10px;
}
.img4div ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}
.img4div ul li {
width:48%;
}
.img2ULflex {
padding:0 10px 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;;
}
.img2ULflex li {
width:32%;
}			
	
	
	
	
	
.img3flex {
padding:0 10px 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.img3flex li {
width:32%;
}		
.img3flex dd p {
padding:5px 0 0;
}	
.img4flex {
padding:0 10px 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.img4flex li {
width:24%;
}		
.img4flex p {
padding:5px 0 0;
}		

	
	
	
.img5flex {
padding:0 10px 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
}
.img5flex li {
width:28%;
}
.img5flex li:nth-of-type(2) {
width:8%;
}	
.img5flex li:nth-of-type(5) {
width:8%;
}	
.img5flex li dt img.alignnone {
width:100%;
height:auto;
}	
	
.img5flex p {
padding:5px 0 0;
}			
	
	
.text5flex {
width:100%;
padding:0 10px 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
}
.text5flex li {
width:19%;
}
.text5flex li span {
display:block;
}	
#contents section .text5flex li p {
padding:20px 10px;
}
h1 span {
display:inline-block;
}	
	
.h3h4UL {
padding:10px;
}
	
.h3h4UL span {
display:inline-block;
}
.h3h4UL h3 {
font-size:24px;
}
.h3h4UL h4 {
font-size:24px;
}
	
.h3h4UL ul {
margin-top:50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
}
.h3h4UL ul li {
width:20%;
text-align:center;
}
.h3h4UL ul li:first-child {
width:40%;
}
.h3h4UL ul li:last-child {
width:40%;
}	
#contents section .h3h4UL ul li i {
display:block;
font-size:3em;
text-align:center;
margin:0 auto;
padding:0;
}
	
.h3h4UL ul li img {
width:100%;
height:auto;
}	
.h3h4UL ul li p {
text-align:left;
height:80px;
}		
.h3h4UL ul li p.textCenter {
text-align:center;
height:30px;
line-height:30px;
color:#c00;
}			
	
	
#contents section .h3UL ul {
margin-top:50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
#contents section .h3UL ul li {
width:22%;
max-width:180px;
text-align:center;
}	
#contents section .h3UL ul li dd p {
width:100%;	
text-align:left;
}		
.text3Dl dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}	
#contents section .text3Dl dt {
width:33%;
}
.text3Dl dt h4 {
line-height:1;
text-align:left;
}
.text3Dl dt h4 span {
display:block;
}
#contents section .text3Dl dd {
width:67%;
}		
.imgUL h4 span {
display:inline-block;
}	

	
#contents .newsList {
width:100%;
max-width:auto;
margin:0 10px 20px;
padding:10px;
}	
	
	
	
dl.imgLeft600 {
width:600px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
margin:0 auto;
}		
dl.imgLeft600 dt {
width:25%;
}			
dl.imgLeft600 dd {
width:75%;
}			
.fontawesomeLeft ul li {
margin:0 0 10px;
}
	
.textBGimg {
margin:0 auto;
padding:0;
width:100%;
max-width:900px;
}	
	
	
	
.textBGimg dl {
position: relative;
margin:0;
padding:0;
width:100%;
height:auto;
display: block;
overflow: hidden;
background-color: #000000;
}

.textBGimg dl img {
margin:0;
padding:0;
width:100%;
height:auto;
display: block;
}


.textBGimg dl h2 {
width:100%;
position: absolute;
color:#fff;
margin:0 auto;
padding:0;
font-weight: bold;
font-size: 22px;
line-height:40px;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
}
.textBGimg h2 span {
display:inline-block;
line-height:40px;
margin:0 10px;
}
.textBGimg h2 span span {
display:inline-block;
font-size:34px;
color:#800000;
margin:0;
text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}
	
	

h1 span {
display:inline-block;
line-height:3;
}	
section .imgLeft {
width:100%;
max-width:900px;
margin:0 auto;
content: "";
clear: both;
display: table;
}	
section .imgLeft img {
width:25%;
height:auto;
float:left;
margin:0 20px 20px 0;
}
	
section .imgLeft dl {
margin:75px 0 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
align-items: center;
}		
section .imgLeft dt {
width:50%;
height:auto;
}	
section .imgLeft dt img {
float:block;
width:100%;
height:auto;
margin:0;
padding:0;
}			
section .imgLeft dd {
width:50%;
margin:0;
padding:0;
}		
section .imgLeft dd h2 {
font-size:20px;
}	
section .imgLeft dd h2 span {
line-height:1;
}		
section .imgLeft dd h3 {
line-height:1;
font-size:24px;
font-weight:normal;
}		
section .imgLeft dd h4 {
line-height:1;
font-size:26px;
}		
section .imgLeft dd h5 {
line-height:1;
font-size:28px;
}		
#contents .imgLeft2 h3 {
width:94%;
text-align:left;
margin:0 auto 5px;
}				
#contents .imgLeft2 dl {
width:94%;
margin:0 auto 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}	

#contents .imgLeft2 dl dt {
width:329px;
}		
#contents .imgLeft2 dl dd {
width:calc(100% - 339px);
}		
	
	
	
	
	
	
	
section .imgLeft15p {
margin:0 250px;
content: "";
clear: both;
display: table;
}	
section .imgLeft15p img {
width:15%;
height:auto;
float:left;
margin:0 20px 20px 0;
border:1px solid #ccc;
}			
section .imgLeft50 {
margin:0 100px;
content: "";
clear: both;
display: table;
}	
section .imgLeft50 img {
width:50%;
height:auto;
float:left;
margin:0 20px 20px 0;
}	
p.KosugiMaru {
text-align:center;
font-weight:bold;
}	
#h_top .gNav {
background:#fff;
}	
#h_top .gNav li a {
background: #fff;
color:#000;
}
#h_top .gNav li.current-menu-item a {
background: #fff;
color:#800000;
}	
	
	
	
#h_top nav a:hover {
background: #fff;
color:#800000;
}	
#h_top a,
#h_top {
color: #333;
}



#topCategory04 li {
width:32%;
}	
#topCategory04 li:first-child {
width:32%;
}	

#topCategory05 ul li {
width:23%;
}
#topCategory06 ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}
	
#topCategory06 ul ul {
display:block;
}	
#topCategory06 ul li {
width:49%;
}		
#topCategory06 ul ul li {
width:100%;
}			
section.UlLi {
padding:0;
}
section .top75 dl {
margin:3px 50px 0;
border:none;
}
section .top75 ol dl {
margin:0;
}
section .top75 dl dt {
border-bottom:1px solid #ccc;
background-color:#fff;
padding:20px 0;
}		
section .top75 dl dd {
border-bottom:1px solid #ccc;
background-color:#fff;
padding:20px 0;
}		

	
section .top75 dl dl {
margin:0;
}
	
	
section .top75 dl.contact dd {
background-color:#fff;
padding:10px 20px;
}			
	
	
	
	
	
section .top0 {
margin:0 100px 10px;
padding:0;
}
	
#contents section .top0 p {
margin:10px 50px 30px;
padding:0;
}	
	
	
section .top75 {
max-width:900px;
margin:75px auto 0;
padding:0;
}
section .top75 dl dl dt {
width:23%;
}	
section .top75 dl dl dd {
width:77%;
}	
section .top0 dl {
margin:0 50px;
border-left:none;
border-right:none;
border-top:1px solid #ccc;
}
section .top0 dl dt {
width:33%;
background-color:#fff;
margin:0;
padding:20px 0;
}	

section .top0 dl dd {
width:66%;
text-align:left;
margin:0;
padding:20px 0;
}	
section .top0 .imgLeft50 dl {
margin:0 0 75px;
}
	
section.UlLi ul {
width:1060px;
margin:75px auto 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
section.UlLi ul li {
width:510px;
margin:0 10px 20px;
}
section.OlLi .top00 {
margin:75px 100px 0;
}
	
section.OlLi dl {
margin:0;
}
	
section .top000 {
margin:0 100px;
}
.imgTable {
width: 100%;
max-width:900px;
margin:0 auto;
}
.imgTable .movie video{
width: 100%;
max-width:900px;
margin:0 auto 20px;
}
	
.imgTable ul {
width:900px;
justify-content:space-between;
margin:0 auto;
}
.imgTable ul li {
margin:0 0 20px;
}	
#contents section .imgTable p {
margin:0 0 20px;
}
.imgTable ul.H3Up li {
width:45%;
}	
#contents section .imgTable ul.H3Up li p {
top: 50%;
margin:0 50px;
}
	
.imgTable2 {
padding:75px 10px 50px;
}
.imgTable2 ul {
width:900px;
}
.imgTable3 dl {
width:500px;
}	
.imgTable3 dd {
height:36px;
}	

.imgTable3 ul {
width:960px;
margin:20px auto 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}	
.imgTable3 ul li {
width:32%;	
max-width:290px;
}
#contents section .imgTable3 li h3 {
margin:0;
}	
	
section .textTab {
max-width:900px;
margin:0 auto;
padding:0;
}
section .textTab dl {
width:auto;
margin:0 50px 10px;
}
	
#contents section.tableContents p {
max-width:900px;
margin:50px auto;
padding:10px 30px;
}
.img4div {
width:900px;
margin:0 auto;
padding:0;
}
#contents section .sp10 {
width:900px;
margin:0 auto 20px;
}
#contents section .forMail p {
width:900px;
margin:0 auto 20px;
}
#contents section .forMail dd p {
width:auto;
margin:5px 0 0 20px;
}	
	
.img3flex {
width:900px;
margin:0 auto;
padding:0 0 50px;
}
.img4flex {
width:900px;
margin:0 auto 50px;
padding:0;
}
.img5flex {
width:900px;
margin:0 auto 50px;
padding:0;
}
.text5flex {
width:900px;
margin:30px auto;
padding:0;
}

.h3h4UL ul {
width:900px;
margin:30px auto;
padding:0;
}
.h3UL {
width:900px;
margin:30px auto;
padding:0;
}	
.text3Dl {
width:900px;
margin:30px auto;
padding:0;
}
	
.text3Dl dt ul {
justify-content:flex-start;
}

#contents section .text3Dl dt {
width:40%;
}
.text3Dl dt h4 span {
display:inline-block;
}
#contents section .text3Dl dd {
width:59%;
}			
.imgUL {
width:900px;
margin:30px auto;
padding:0;
}		
.maru {
width:900px;
margin:30px auto;
padding:0;
}	
.imgH3 {
width:900px;
margin:30px auto;
padding:0;
}		
.dlList {
width:900px;
margin:0 auto 30px;
}
dl.imgLeft600 {
justify-content:space-between;
margin:0 auto;
}		
dl.imgLeft600 dt {
width:35%;
}			
dl.imgLeft600 dd {
width:63%;
}				
	
#contents section dl.imgLeft600 .sp10 {
width:auto;
margin:0 0 20px;
}	

	
	
.textBGimg dl h2 {
font-size: 30px;
line-height:48px;
}
.textBGimg h2 span {
display:block;
line-height:48px;
margin:0;
}
.textBGimg h2 span span {
display:inline-block;
font-size:50px;
margin:0;
}
		
	
	
.textUlDtDd ul {
width:640px;
margin:0 auto;
}	
.ulH36 {
padding:0;
}	
section .ulH36 ul {
width:1060px;
margin:0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}	
	
.ulH36 li {
margin:0 auto 20px;
}
	
section .ulH36 ul li ul {
width:auto;
margin:0 auto;
display: block;
}		
.ea21 dl {
width:500px;
margin:20px auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.ea21 dt {
width:80px;
order: 1;
}
.ea21 dd {
width:calc(100% - 120px);
order: 2;
}
.ea21 dd ul {
margin:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
	

footer .ea21 .footerMenu li a {
border:none;
}	
	
footer p span {
display:inline-block;
}	
	
.fontawesomeLeft {
width:910px;
margin:30px auto;
padding:0;
}			

}	

/* widePcMenu
---------------------------------------------------- */

@media screen and (min-width: 1200px) {

.pcOnly {
margin-top:65px;
}	
	

#contents .imgLeft2 h3 {
width:100%;
margin:0 0 5px;
}				
#contents .imgLeft2 dl {
width:100%;
margin:0 0 20px;
}	
#contents ul.flex10p {
width:100%;
margin:0 0 0 20px;
}	

		
#contents ul.flex30p {
width:100%;
margin:0;
}
#topCategory02 ul {
width:100%;
padding:10px 0;
}	
#contents .newsList {
max-width:100%;
margin:0;
padding:10px 0;
}	
#contents .newsList ul {
margin:0;
padding:10px 0;
}	
#contents .newsList ul p {
margin:0;
padding:0;
}		
#contents p.Paragraph2 {
width:100%;
margin:0;
}
	
	
.imgFlex5 ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-around;
margin:0;
padding:0;
}
.imgFlex5 ul li {
width:19%;
margin:0;
padding:0;
}	
.imgFlex5 dd p {
padding:0;
}
	
#topCategory03 ul {
display: block;
}	
#topCategory03 li {
width:100%;
border:none;
}
#topCategory03 ul li {
width: 100%;
margin:0 0 50px;
padding:0;
position: relative;
height: auto;
background-color:#f0f0f0;
}
	
#topCategory03 li.bg001::before {
content: "";
display: inline-block;
position: absolute;
width: 60%;
height:100%;
right:0;
opacity: 1;
transform: translateY(50px);
transition: 0.6s;
background: url('https://kyokuto-unyukikou.com/wp/wp-content/uploads/2022/11/img-BG01.webp') no-repeat right bottom/cover;
}
#topCategory03 li.bg002::before {
content: "";
display: inline-block;
position: absolute;
width: 60%;
height:100%;
right:0;
opacity: 1;
transform: translateY(50px);
transition: 0.6s;
background: url('https://kyokuto-unyukikou.com/wp/wp-content/uploads/2022/11/img-BG02.webp') no-repeat right bottom/cover;
}	
#topCategory03 li.bg003::before {
content: "";
display: inline-block;
position: absolute;
width: 60%;
height:100%;
right:0;
opacity: 1;
transform: translateY(50px);
transition: 0.6s;
background: url('https://kyokuto-unyukikou.com/wp/wp-content/uploads/2022/11/img-BG03.webp') no-repeat right bottom/cover;
}	
	
	

#topCategory03 li .bgLeft {
position: relative;
z-index:100;
opacity: 1;
width: 50%;
background: rgba(255, 255, 255, 0.6);
margin:50px auto;
padding:50px;
}	
#topCategory03 li .bgLeft h3 a {
text-align:center;
display: inline-block;
position: relative;
color: #333;
text-decoration: none;
line-height:1;
}


#topCategory03 li .bgLeft h3 a::before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 1px;
background: #333;
transform: scale(0, 1);
transform-origin: left;
transition: 0.4s;
}


#topCategory03 li .bgLeft h3 a:hover::before {
transform: scale(1);
}
		
#topCategory03 li .bgLeft p a:hover {
color:#03c;
text-decoration:none;
}	
	
	
	
	
footer .footerMenu ul {
width:560px;
margin:0 auto;
border-bottom:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}	

}

/* widePcMenu
---------------------------------------------------- */

@media screen and (min-width: 1600px) {

#topCategory04 ul {
max-width:1500px;
margin:0 auto;
}	
#topCategory04 li {
width:13%;
}	
#topCategory04 li:first-child {
width:13%;
}	
#topCategory06 ul li {
width:32%;
}
#post #topCategory06 ul li {
width:49%;
}	
#topCategory06 ul li dd {
min-height:200px;
}		
#topCategory06 ul ul {
width:50%;
}	
#post #topCategory06 ul ul li {
width:100%;
}	





}

@charset "utf-8";

.rightHeader p {
font-size:16px;
margin:0 auto;
text-align:center;
}

@media screen and (min-width: 820px) {
.rightHeader {
display:block;
font-size:24px;
}

.rightHeader ul {
position: absolute;
top:15px;
right:40px;
list-style-type:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.rightHeader ul li {
margin-left:20px;
}
.rightHeader ul li svg {
fill:#999;
}

#header #search-wrap .search-area input {
border-style: none;
height:60px;
}
.open-btn{
position: absolute;
top:10px;
right:165px;
background:#fff url("images/icon_search.svg") no-repeat 15px center;
background-size: 25px 25px;
width:50px;
height:50px;
border-radius: 50%;
cursor: pointer;
}

#search-wrap{
position:fixed;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: all 0.4s;
width:100%;
height: 130px;
}

#search-wrap.panelactive{
opacity: 1;
 z-index: 999;
 background:#333;
 display: flex;
 justify-content: center;
 align-items: center;
}

#search-wrap .search-area{
display: none;
}

#search-wrap.panelactive .search-area{
display: block;
width:50%;
position: relative;
}


#search-wrap form{
position: relative;
height: 66px;
}

#search-wrap input{
-webkit-appearance:none;
outline: none;
cursor: pointer;
color: #666;
}

#search-wrap input[type="text"] {
font-size:16px;
width:calc(100% - 90px);
padding: 20px;
border: none;
border-bottom:4px solid #393089;
transition: all 0.5s;
letter-spacing: 0.05em;
}

#search-wrap input[type="text"]:focus {
background:#fff;
}

 #search-wrap input[type="submit"] {
position: absolute;
top:0;
right:-10px;
background:url("images/icon_search.svg") no-repeat 15px center;
background-size: 25px 25px;
width:60px;
height: 60px;
}

.close-btn{
position: absolute;
top:10px;
right:150px;
z-index: 9999;
cursor: pointer;
width: 60px;
height:60px;
}
	
.close-btn span{
display: inline-block;
position: absolute;
left: 14px;
height: 3px;
border-radius: 2px;
background-color: #fff;
}


.close-btn span:nth-of-type(1) {
top: 21px;
left: 16px;
transform: translateY(6px) rotate(-135deg);
width: 50%;
}

.close-btn span:nth-of-type(2){
top: 32px;
left: 16px;
transform: translateY(-6px) rotate(135deg);
width: 50%;
}




}