@charset "UTF-8";

@media screen and (min-width: 768px),print {

#department .onecol-contents{max-width: 1247px;padding-top: 120px;}

#contentshistory {margin: 0 auto 53px;position: relative;}
#contentshistory .inner-Box { margin: 0 auto; position: relative; }
#contentshistory .inner-Box ul.his-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 51px;}
#contentshistory .inner-Box ul.his-list li { position: relative; }
#contentshistory .inner-Box ul.his-list li:nth-child(3n) { margin-right: 0px; }
#contentshistory .inner-Box ul.his-list li a {display: inline-block;border: 1px solid #D2D2D2;border-radius: 30px;background: #F3F5FA;position: relative;padding: 10px 32px 10px 24px;margin-right: 6px;transition: all 0.3s ease-in-out;}
#contentshistory .inner-Box ul.his-list li a:hover { background: #fff; }
#contentshistory .inner-Box ul.his-list li a .arr {position: absolute;top: -9px;right: -14px;transition: all 0.3s ease-in-out;}
#contentshistory .inner-Box ul.his-list li a:hover .arr { top: -5px;}
#contentshistory .inner-Box p.listtext {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.08rem;position: relative;}

#contents01 {position: relative;overflow: hidden;margin-bottom: 121px;z-index: 0;}      
#contents01 .inner-Box {margin: 0 auto;position: relative;z-index: 2;}      
#contents01 .inner-Box h2{font-size: 2.8rem;font-weight: bold;letter-spacing: 0.14rem;color: #0057AA;padding-bottom: 12px;margin-bottom: 32px;border-bottom: #D2D2D2 1px solid;}
#contents01 .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contents01 .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}
#contents01 .subtext{margin-bottom: 55px;font-size: 1.6rem;}
#contents01 .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents01 .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#contents01 .inner-Box .system-list li{width: 31.2%;margin-right: 3.1%;}
#contents01 .inner-Box .system-list li:nth-child(3n){margin-right: 0;}
#contents01 .inner-Box .system-list li .img {width: 100%;aspect-ratio: 373 / 250;overflow: hidden;text-align: center;overflow: hidden;border-radius: 19px;margin-bottom: 12px;position: relative;}
#contents01 .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents01 .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.2rem;font-weight: bold;letter-spacing: 0.11rem;margin-bottom: 11px;}
#contents01 .inner-Box .system-list .systext{font-size: 1.6rem;line-height: 1.8;}
#contents01 .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }

#contents02 {position: relative;overflow: hidden;margin-bottom: 121px;z-index: 0;}      
#contents02 .inner-Box {margin: 0 auto;position: relative;z-index: 2;}      
#contents02 .inner-Box h2{font-size: 2.8rem;font-weight: bold;letter-spacing: 0.14rem;color: #0057AA;padding-bottom: 12px;margin-bottom: 32px;border-bottom: #D2D2D2 1px solid;}
#contents02 .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contents02 .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}
#contents02 .subtext{margin-bottom: 55px;font-size: 1.6rem;}
#contents02 .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents02 .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#contents02 .inner-Box .system-list li{width: 48.2%;margin-right: 3.1%;}
#contents02 .inner-Box .system-list li:nth-child(2n){margin-right: 0;}
#contents02 .inner-Box .system-list li .img {width: 100%;aspect-ratio: 58 / 25;overflow: hidden;text-align: center;overflow: hidden;border-radius: 19px;margin-bottom: 14px;position: relative;}
#contents02 .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents02 .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.2rem;font-weight: bold;letter-spacing: 0.11rem;margin-bottom: 11px;}
#contents02 .inner-Box .system-list li .ccll{margin-bottom: 15px;}
#contents02 .inner-Box .system-list li .ccll span{font-size: 1.2rem;letter-spacing: 0;display: inline-block;border: 1px solid #D2D2D2;border-radius: 30px;background: #F3F5FA;padding: 6px 16px;}
#contents02 .inner-Box .system-list .systext{font-size: 1.6rem;line-height: 1.8;}
#contents02 .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }

#contents03 {position: relative;overflow: hidden;margin-bottom: 162px;z-index: 0;}      
#contents03 .inner-Box {margin: 0 auto;position: relative;z-index: 2;}      
#contents03 .inner-Box h2{font-size: 2.8rem;font-weight: bold;letter-spacing: 0.14rem;color: #0057AA;padding-bottom: 12px;margin-bottom: 32px;border-bottom: #D2D2D2 1px solid;}
#contents03 .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contents03 .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}
#contents03 .subtext{margin-bottom: 55px;font-size: 1.6rem;}
#contents03 .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents03 .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#contents03 .inner-Box .system-list li{width: 23.5%;margin-right: 2%;}
#contents03 .inner-Box .system-list li:nth-child(4n){margin-right: 0;}
#contents03 .inner-Box .system-list li .img {width: 100%;aspect-ratio: 282 / 350;overflow: hidden;text-align: center;overflow: hidden;border-radius: 19px;margin-bottom: 9px;position: relative;}
#contents03 .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents03 .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.2rem;font-weight: bold;letter-spacing: 0.31rem;margin-bottom: 2px;}
#contents03 .inner-Box .system-list .systext{font-size: 1.3rem;line-height: 1.8;letter-spacing: 0.065rem;color: #647381;}
#contents03 .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }

#contents03 .inner-Box .system-list li .img span{width: 100%;display: block;font-size: 1.8rem;z-index: 3;position: absolute;bottom: 0;left: 0px;text-align: left;padding: 20px;color: #fff;font-weight: bold;}



/* system-dl */
#department #depdl{padding-top: 120px;margin-bottom: 0;}
#department #depdl .contentsall{max-width: 800px;position: relative;left: -104px;}
#department .side-nav{ }
#department .side-nav li a{font-size: 1.5rem;font-weight: bold;padding-left: 7px;margin-bottom: 13px;}
#department .side-nav li a::before{content: "";left: -9px;top: 11px;background: #0057AA;width: 8px;height: 1px;}

#contentsdep01{ }
#contentsdep01 .inner-Box{ }
#contentsdep01 .inner-Box .img {overflow: hidden;border-radius: 20px;margin-bottom: 30px;}
#contentsdep01 .inner-Box .img img{ }
#contentsdep01 .inner-Box h1{color: #0057AA;font-size: 2.8rem;letter-spacing: 0.14rem;line-height: 1.5;font-weight: bold;margin-bottom: 20px;}
#contentsdep01 .inner-Box .text{ font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 2; }

#contentsdep02{ }
#contentsdep02 .inner-Box{ }
#contentsdep02 .wysiwyg{ }
#contentsdep02 .wysiwyg figure img{ width: 100%; height: auto; border-radius: 20px; margin-bottom: 3rem; }
#contentsdep02 .wysiwyg .wp-block-quote{background: #F3F5FA;border-left: 2px solid #0057AA;padding: 30px 34px 20px 86px;position: relative;}
#contentsdep02 .wysiwyg .wp-block-quote::before{content: "";background: url(../images/common/inyo.svg)no-repeat top center;width: 35px;height: 28px;display: block;position: absolute;top: 33px;left: 33px;background-size: 100% auto;}
#contentsdep02 .wysiwyg .wp-block-quote p{font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.07rem;margin-bottom: 9px;}
#contentsdep02 .wysiwyg .wp-block-quote cite{font-size: 1.8rem;font-weight: bold;letter-spacing: 0.09rem;margin-bottom: 0px;}

#contentsdeplist{background: #F3F5FA;}
#contentsdeplist .inner-Box{max-width: 952px;margin: 0 auto;padding: 91px 3rem 117px;}
#contentsdeplist .inner-Box h2.ttl{font-size: 2.8rem;letter-spacing: 0.14rem;font-weight: bold;text-align: center;color: #0057AA;margin-bottom: 54px;}
#contentsdeplist .inner-Box ul.dep-list{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#contentsdeplist .inner-Box ul.dep-list li{width: 30.9%;margin-right: 3.6%;text-align: center;}
#contentsdeplist .inner-Box ul.dep-list li:nth-child(3n){margin-right: 0;}
#contentsdeplist .inner-Box ul.dep-list li .img{overflow: hidden;border-radius: 10px;margin: 0 0 24px;}
#contentsdeplist .inner-Box ul.dep-list li .img img{width: 100%;height: auto;}
#contentsdeplist .inner-Box ul.dep-list li .pptext{font-size: 1.6rem;letter-spacing: 0.07rem;line-height: 1.7;font-weight: bold;}



}

@media screen and (min-width:768px) and ( max-width:1300px) {
#department #depdl .contentsall{left: 4px;}
.contentsbox .side-nav{ margin-right: 50px; width: 280px; }
}

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

.contentsall{margin: 0 6.4vw;}

#contentshistory {margin: 0 auto -1vw;position: relative;}
#contentshistory .inner-Box {position: relative;padding-top: 6.6vw;padding-left: 6.6vw;}
#contentshistory .inner-Box ul.his-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 7.4vw;}
#contentshistory .inner-Box ul.his-list li {position: relative;margin-bottom: 2vw;}
#contentshistory .inner-Box ul.his-list li:nth-child(3n) { margin-right: 0.0vw; }
#contentshistory .inner-Box ul.his-list li a {display: inline-block;border: 0.27vw solid #D2D2D2;border-radius: 8.0vw;background: #F3F5FA;position: relative;padding: 0.97vw 7.83vw 0.97vw 4.2vw;margin-right: 1.27vw;transition: all 0.3s ease-in-out;}
#contentshistory .inner-Box ul.his-list li a:hover { background: #fff; }
#contentshistory .inner-Box ul.his-list li a .arr {position: absolute;top: -1.7vw;right: -3.9vw;transition: all 0.3s ease-in-out;width: 2.4vw;}
#contentshistory .inner-Box ul.his-list li a:hover .arr { top: 0vw;}
#contentshistory .inner-Box p.listtext {font-size: 2.93vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.21vw;position: relative;}


#contents01 {position: relative;overflow: hidden;margin-bottom: 4.87vw;z-index: 0;}      
#contents01 .inner-Box {margin: 0 6.2vw;position: relative;z-index: 2;}      

#contents01 .inner-Box h2{font-size: 5.33vw;font-weight: bold;letter-spacing: 0.27vw;padding-bottom: 2.1vw;margin-bottom: 5.93vw;color: #0057AA;border-bottom: #D2D2D2 1px solid;}
#contents01 .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contents01 .inner-Box h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#contents01 .subtext{margin-bottom: 7.47vw;font-size: 3.73vw;letter-spacing: 0.19vw;}
#contents01 .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents01 .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 13.87vw;margin: 0;position: relative;}
#contents01 .inner-Box .system-list li{width: 100%;margin-bottom: 7.93vw;}
#contents01 .inner-Box .system-list li:nth-child(3n){ }
#contents01 .inner-Box .system-list li .img {width: 100%;aspect-ratio: 373 / 250;overflow: hidden;text-align: center;overflow: hidden;border-radius: 2vw;margin-bottom: 4.8vw;position: relative;}
#contents01 .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents01 .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 5.33vw;font-weight: bold;letter-spacing: 0.29vw;margin-bottom: 2.73vw;}
#contents01 .inner-Box .system-list .systext{font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.19vw;}
#contents01 .inner-Box .system-list a.link-arr .post-arrow{top: auto;bottom: 11.53vw;right: -1.1vw;display: block;}

#contents02 {position: relative;overflow: hidden;margin-bottom: 2.67vw;z-index: 0;}      
#contents02 .inner-Box {margin: 0 6.2vw;position: relative;z-index: 2;}      

#contents02 .inner-Box h2{font-size: 5.33vw;font-weight: bold;letter-spacing: 0.27vw;padding-bottom: 2.1vw;margin-bottom: 5.93vw;color: #0057AA;border-bottom: #D2D2D2 1px solid;}
#contents02 .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contents02 .inner-Box h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#contents02 .subtext{margin-bottom: 7.47vw;font-size: 3.73vw;letter-spacing: 0.19vw;}
#contents02 .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents02 .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 13.87vw;margin: 0;position: relative;}
#contents02 .inner-Box .system-list li{width: 100%;margin-bottom: 7.93vw;}
#contents02 .inner-Box .system-list li:nth-child(3n){ }
#contents02 .inner-Box .system-list li .img {width: 100%;aspect-ratio: 373 / 187;overflow: hidden;text-align: center;overflow: hidden;border-radius: 2vw;margin-bottom: 4.1vw;position: relative;}
#contents02 .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents02 .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 4.80vw;font-weight: bold;letter-spacing: 0.29vw;margin-bottom: 2.73vw;}
#contents02 .inner-Box .system-list .systext{font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.19vw;}
#contents02 .inner-Box .system-list a.link-arr .post-arrow{top: auto;bottom: 10.53vw;right: -1.1vw;display: block;}
#contents02 .inner-Box .system-list li .ccll{margin-bottom: 4.0vw;}
#contents02 .inner-Box .system-list li .ccll span{font-size: 3.2vw;letter-spacing: 0;display: inline-block;border: 0.27vw solid #D2D2D2;border-radius: 8.0vw;background: #F3F5FA;padding: 1.2vw 4.27vw;}


#contents03 {position: relative;overflow: hidden;margin-bottom: 4.87vw;z-index: 0;}      
#contents03 .inner-Box {margin: 0 6.2vw;position: relative;z-index: 2;}      

#contents03 .inner-Box h2{font-size: 5.33vw;font-weight: bold;letter-spacing: 0.27vw;padding-bottom: 2.1vw;margin-bottom: 5.93vw;color: #0057AA;border-bottom: #D2D2D2 1px solid;}
#contents03 .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contents03 .inner-Box h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#contents03 .subtext{margin-bottom: 7.47vw;font-size: 3.73vw;letter-spacing: 0.19vw;}
#contents03 .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -2vw;}
#contents03 .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 13.87vw;margin: 0;position: relative;}
#contents03 .inner-Box .system-list li{width: 48%;margin-bottom: 7.93vw;margin-right: 4%;}
#contents03 .inner-Box .system-list li:nth-child(2n){margin-right: 0;}
#contents03 .inner-Box .system-list li .img {width: 100%;aspect-ratio: 199 / 250;overflow: hidden;text-align: center;overflow: hidden;border-radius: 2vw;margin-bottom: 3.8vw;position: relative;}
#contents03 .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents03 .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.67vw;font-weight: bold;letter-spacing: 0.29vw;margin-bottom: 2.73vw;}
#contents03 .inner-Box .system-list .systext{font-size: 3.20vw;line-height: 1.7;letter-spacing: 0.16vw;color: #647381;}
#contents03 .inner-Box .system-list a.link-arr .post-arrow{top: auto;bottom: 12.53vw;right: -0.1vw;display: block;}

#contents03 .inner-Box .system-list li .img span{width: 100%;display: block;font-size: 3.20vw;z-index: 3;position: absolute;bottom: 0;left: 0.0vw;text-align: left;padding: 3.33vw;color: #fff;font-weight: bold;}



#contentsdep01{ }
#contentsdep01 .inner-Box{padding-top: 6.6vw;}
#contentsdep01 .inner-Box .img {overflow: hidden;border-radius: 2.33vw;margin-bottom: 6.3vw;}
#contentsdep01 .inner-Box .img img{ }
#contentsdep01 .inner-Box h1{color: #0057AA;font-size: 5.33vw;letter-spacing: 0.37vw;line-height: 1.5;font-weight: bold;margin-bottom: 5.33vw;}
#contentsdep01 .inner-Box .text{ font-size: 4.27vw; letter-spacing: 0.21vw; line-height: 2; }

#contentsdep02{ }
#contentsdep02 .inner-Box{ }
#contentsdep02 .wysiwyg{ }
#contentsdep02 .wysiwyg figure img{width: 100%;height: auto;border-radius: 2.33vw;margin-bottom: 3vw;}
#contentsdep02 .wysiwyg .wp-block-quote{background: #F3F5FA;border-left: 0.53vw solid #0057AA;padding: 5.17vw 5.07vw 5.33vw 4.13vw;position: relative;}
#contentsdep02 .wysiwyg .wp-block-quote::before{content: "";background: url(../images/common/inyo.svg)no-repeat top center;width: 8.33vw;height: 7.47vw;display: block;position: absolute;top: -3vw;left: 4.1vw;background-size: 100% auto;}
#contentsdep02 .wysiwyg .wp-block-quote p{font-size: 3.47vw;line-height: 1.5;letter-spacing: 0.17vw;margin-bottom: 2.4vw;}
#contentsdep02 .wysiwyg .wp-block-quote cite{font-size: 3.73vw;font-weight: bold;letter-spacing: 0.24vw;margin-bottom: 0.19vw;}

#contentsdeplist{background: #F3F5FA;padding: 12.3vw 0 6vw;}
#contentsdeplist .inner-Box{margin: 0 4.4vw;}
#contentsdeplist .inner-Box h2.ttl{font-size: 5.33vw;letter-spacing: 0.27vw;font-weight: bold;text-align: center;color: #0057AA;margin-bottom: 6.1vw;}
#contentsdeplist .inner-Box ul.dep-list{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#contentsdeplist .inner-Box ul.dep-list li{width: 47.8%;margin-right: 4.4%;text-align: center;margin-bottom: 6vw;}
#contentsdeplist .inner-Box ul.dep-list li:nth-child(2n){margin-right: 0;}
#contentsdeplist .inner-Box ul.dep-list li .img{overflow: hidden;border-radius: 2.27vw;margin: 0 0 2.6vw;}
#contentsdeplist .inner-Box ul.dep-list li .img img{width: 100%;height: auto;}
#contentsdeplist .inner-Box ul.dep-list li .pptext{font-size: 4.00vw;letter-spacing: 0.19vw;line-height: 1.7;font-weight: bold;}



}