@charset "utf-8";


body {
     width:1020px;
     margin:0px auto 0px auto;
     padding:0px;
     background-color:#ffffff;
     font-family: "BIZ UDPゴシック","Arial",ＭＳ ゴシック,sans-serif;
}

p {
     line-height: 1.4em;
     font-size:14px;
     text-indent: 1em;
     _margin:5px 0px 0px 0px;
}



a {
     _font-weight:500;
     _color:#000000;
     margin:0px 0px 0px 0px;
     text-decoration: none; 
}

.article_top_title {
     width:1000px;
     height:810px;
     margin:5px 0px 5px 0px;
     padding:0px auto 0px auto;
     _border: solid 1px ;
}


.article_top_title img{
     
     align:center; 
     width:1000px;
     _height:300px;
     margin:0px auto 0px auto;
     _padding:0px auto 0px auto;
     _border: solid 1px ;
}




.article_title {
     width:1000px;
     _height:72px;
     height:150px;
     margin:5px 0px 5px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_slide {
     margin:20px 0px 20px 0px;
     position: relative;
     width:1000px;
     height:563px;
     overflow: hidden;
     z-index: 0;
     _border: solid 1px ;
}


.article_slide img{
        width:1000px;
        height:563px;
     _border: solid 2px ;
     _border-color:#888888;
}

.article_slide div {
	position: absolute;
	top: 0;
	left: 0;
}

.article_slide div:nth-of-type(1) {
	animation: article_slide 29s 0s infinite both;
	z-index: 9;
}

.article_slide div:nth-of-type(2) {
	animation: article_slide 29s 3s infinite both;
	z-index: 8;
}

.article_slide div:nth-of-type(3) {
	animation: article_slide 29s 6s infinite both;
	z-index: 7;
}

.article_slide div:nth-of-type(4) {
	animation: article_slide 29s 9s infinite both;
	z-index: 6;
}

.article_slide div:nth-of-type(5) {
	animation: article_slide 29s 12s infinite both;
	z-index: 5;
}

.article_slide div:nth-of-type(6) {
	animation: article_slide 29s 15s infinite both;
	z-index: 4;
}

.article_slide div:nth-of-type(7) {
	animation: article_slide 29s 18s infinite both;
	z-index: 3;
}

.article_slide div:nth-of-type(8) {
	animation: article_slide 29s 21s infinite both;
	z-index: 2;
}

.article_slide div:nth-of-type(9) {
	animation: article_slide 29s 24s infinite both;
	z-index: 1;
}


@keyframes article_slide {
	0% { left: 0; opacity: 1; }
	5% { left: 0; opacity: 1; }
	15% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	25% { left: 100; opacity: 1; }
	26% { left: 100%; opacity: 1; }
	27% { left: 100%; opacity: 1; }
	28% { left: 100%; opacity: 1; }
	100% { left: 100%; opacity: 1; }
}



.article_coment {
     width:750px;
     height:auto;
     margin:0px auto 25px auto;
     padding:px 0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_menu_title {
     width:1000px;
     height:auto;
     margin:15px auto 10px auto;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
     font-size:18px;
}


.article_image_category { 
     width:323px;
     vertical-align:top;
     display:inline-block;
     margin: -30px 5px 20px 5px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_category img{
     width:323px;
     height:242px;
     margin:0px 0px 0px 0p
     _border: solid 1px ;
}

.article_image_category div.summary {
    width:200px;
    _height:0px;
    position:relative;
    text-indent: 0em;
    text-align: center;
    font-weight:700;
    _left:15px; 
    top: 243px;
    font-size:15px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0px;
}


}
.article_map_contents, .article_map_left, .article_map_right {
　　height: 900px;
}


.article_map {
     width:1010px;
     height: 900px;
     margin:20px auto 5px auto;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_map_left {
     margin:0px 24px 0px auto;
     padding:90px 0px 0px 0px;
    width: 175px;
    float: left;
    _border: solid 1px ;
}

.article_map_contents {
     margin:0px 0px 5px 0px;
    width: 620px;
    float: left;
    _border: solid 1px ;
}

.article_map_right {
     margin:0px 5px 0px auto;
     padding:90px 0px 0px 0px;
    width: 175px;
    float: right;
    _border: solid 1px ;
}

.article_image_map { 
     width:175px;
     vertical-align:top;
     display:inline-block;
     margin: 0px 5px 30px 5px;
     padding:0px 0px 0px 0px;
     border: solid 0px ;
}

.article_image_map img{
     width:175px;
     height:90px;
     margin:-50px 0px 0px 0px;
     border: solid 0px ;
}

.article_image_map div.summary {
    width:175px;
    position:relative;
    line-height:1.2em;
    _text-indent: 1em;
    text-align: center;
    font-weight:550;
    _left:5px; 
    top: 30px;
    font-size:20px;
    color:#ffffff;
    _background:#;/*背景色*/  
    padding: 6px auto 6px auto ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}

.article_footer {
     width:1000px;
     height:115px;
     margin:15px 0px 5px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}



.article_image_wide {
     width:1000px;
     height:300px;
     margin:0px 0px 15px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_image_wide img{
     width:1000px;
     height:300px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_image_wide_p {
     width:1000px;
     height:300px;
     margin:0px 0px 15px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_image_wide_p img{
     width:1000px;
     height:300px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_image_wide_p div.summary {
    width:325px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    text-indent: 1em;
    _text-align: center;
    font-weight:650;
    _left:15px; 
    top: 300px;
    font-size:18px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}



.article_image_menu { 
     width:318px;
     _height:179px;
     vertical-align:top;
     display:inline-block;
     margin: -28px 5px 10px 5px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_menu img{
     width:318px;
     height:179px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_menu div.summary {
    width:170px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    _text-indent: 1em;
    text-align: center;
    font-weight:550;
    _left:15px; 
    top: 180px;
    font-size:14px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}


.article_contents_title {
     width:1000px;
     _height:0px;
     margin:0px 0px 25px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_contents_title p{
     line-height: 1.2em;
     font-size:20px;
     text-indent: 0em;
     margin:0px 0px 0px 0px;
}




.article_image_large {
     width:1000px;
     margin: 0px 0px 10px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large p{
     margin:5px 0px 0px 0px;
}

.article_image_large img{
     width:1000px;
     _height:563px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large video{
     width:1000px;
     height:563px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large_p1 {
     width:1000px;
     margin: -25px 0px 10px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large_p1 p{
     margin:5px 0px 0px 0px;
}
.article_image_large_p1 img{
     width:1000px;
     height:563px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large_p1 div.summary {
    width:500px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    text-indent:1em;
    text-align: left;
    font-weight:550;
    _left:15px; 
    top: 563px;
    _right:500px;
    font-size:14px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}

.article_image_large_p2 {
     width:1000px;
     margin: -28px 0px 10px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}


.article_image_large_p2 img{
     width:1000px;
     _height:563px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large_p2 div.summary {
    width:500px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    text-indent:1em;
    text-align: left;
    font-weight:550;
    _left:15px; 
    top: 28px;
    right:-500px;
    font-size:14px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}


.article_image_large_p3 {
     width:1000px;
     margin: -25px 0px 10px 0px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large_p3 p{
     margin:5px 0px 0px 0px;
}
.article_image_large_p3 img{
     width:1000px;
     height:563px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_large_p3 div.summary {
    width:1000px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    text-indent:1em;
    text-align: left;
    font-weight:550;
    _left:15px; 
    top: 563px;
    _right:500px;
    font-size:14px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}















.article_image_small { 
     width:485px;
     _height:290px;
     vertical-align:top;
     display:inline-block;
     margin: 0px 5px 10px 5px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small img{
     width:485px;
     height:273px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small video{
     width:485px;
     height:273px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small p{
    line-height:1.3em;
    text-indent:1em;
    text-align: left;
    font-weight:400;
    margin:5px 0px 10px 0px;
}

.article_image_small_p1 { 
     width:485px;
     _height:290px;
     vertical-align:top;
     display:inline-block;
     margin: -27px 5px 10px 5px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}



.article_image_small_p1 img{
     width:485px;
     height:273px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small_p1 video{
     width:485px;
     height:273px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small_p1 div.summary {
    width:485px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    text-indent: 1em;
    _text-align: center;
    font-weight:550;
    _left:15px; 
    top: 274px;
    font-size:14px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}

.article_image_small_p2 { 
     width:485px;
     _height:290px;
     vertical-align:top;
     display:inline-block;
     margin: -27px 5px 10px 5px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small_p1 p{
    line-height:1.3em;
    text-indent:1em;
    text-align: left;
    font-weight:400;
    margin:5px 0px 10px 0px;
}

.article_image_small_p2 img{
     width:485px;
     height:273px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

.article_image_small_p2 div.summary {
    width:485px;
    _height:0px;
    position:relative;
    line-height:1.1em;
    text-indent: 1em;
    _text-align: center;
    font-weight:550;
    _left:15px; 
    top: 27px;
    font-size:14px;
    color:#ffffff;
    background:#999999;/*背景色*/  
    padding: 6px 0px 6px 0px ;/*文字周りの余白*/
    margin:0px 0px 0px 0p ;
}

.article_image_mini { 
     width:318px;
     _height:179px;
     vertical-align:top;
     display:inline-block;
     margin: 0px 5px 10px 5px;
     padding:0px 0px 0px 0px;
     _border: solid 1px ;
}



.article_image_mini img{
     width:318px;
     height:179px;
     margin:0px 0px 0px 0px;
     _border: solid 1px ;
}

html {
    scroll-behavior: smooth;
}

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #ffffff;
    border: solid 2px #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000000;
    border-right: 3px solid #000000;
    transform: translateY(20%) rotate(-45deg);
}