/* pc.css */ .sp{display:none !important;} .tb{display:none !important;} .pc{display:block !important;} /* page width */ .wrap, header, footer #prNav, footer #infoNav, footer #footerNav .inner{width: 1200px; margin: 0 auto;} /* wrap */ .wrap{position: relative;} /* transition */ a, .button, input[type="submit"], header .aboutNav ul li, body#pageIndex #mainVisual > li a ul li span, #sideSuperintendent ul li a span, #sideSuperintendent ul li a span strong, .sideEntry ul li a .title, .entryList .inner, .entryList a .title, .entryList1Col a .title, .entryList1Col a .text, .superintendentList li a dl dt, .superintendentList li a .affiliation, .superintendentList li a .message, .pagenavi ul li{ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } header .keywordNav > ul >li > a { transition: none; } header .aboutNav ul li a:hover, footer #infoNav ul li a:hover, footer #footerNav ul li a:hover, footer .pagetop a:hover, body#pageIndex #mainVisual > li a:hover ul li span, #sideSuperintendent ul li a:hover span, #sideSuperintendent ul li a:hover span strong, .sideEntry ul li a:hover .title, body#pageIndex #mainVisualTab .entry > li .title a:hover, body#pageIndex .indexNav li a:hover, #contentsHeader #anchorList2 li a:hover, .entryList a:hover .title, .entryList1Col a:hover .title, .entryList1Col a:hover .text, .superintendentList li a:hover dl dt, .superintendentList li a:hover .affiliation, .superintendentList li a:hover .message{ color: #235D8E; } /* common */ /* tag */ .tag{font-size: 12px; font-weight: bold; background: #EDF1F9; padding: 5px 11px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .prTag{font-size: 12px; font-weight: bold; background: #D9D9D9; padding: 5px 11px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .categoryTab{display: inline-block; background: #E7554F; padding: 5px 10px; color: #fff; font-size: 14px; font-weight: bold;} /* button */ .button{background: #2F7EC1; text-align: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} .button:hover{background: #235D8E;} .button a{display: block; padding: 24px 20px; color: #fff; font-size: 20px; font-weight: bold;} .button a span{background: url(../img/ic_arrow_button.png) no-repeat left center; background-size: 18px auto; padding-left: 28px;} /* contents */ #contents{width: 1080px; background: #fff; padding: 260px 60px 60px 60px; overflow: hidden;} #indexContents{background: #fff; padding:60px; overflow: hidden;} /* mainContents */ #mainContents{width: 750px; float: left;} /* contentsHeader */ #contentsHeader{border-bottom: 3px solid #FAEFEC; margin: -25px 0px 50px -60px; padding: 0px 0px 30px 60px;} /* breadcrumbs */ #contentsHeader #breadcrumbs{overflow: hidden; margin-bottom: 15px;} #contentsHeader #breadcrumbs li{float: left; font-size: 12px;} /* h2 */ #contentsHeader h2{font-size: 40px; font-weight: bold; margin-bottom: 24px; line-height: 1.4;} /* categorySelect */ #contentsHeader #categorySelect{padding-top: 30px;} #contentsHeader #categorySelect dt{font-size: 15px; font-weight: bold; width: 8em;} #contentsHeader #categorySelect dd{margin-left: 9em; margin-top: -30px;} #contentsHeader #categorySelect dd select{-webkit-appearance: none; -moz-appearance: none; appearance: none;} #contentsHeader #categorySelect dd select{display: block; width: 240px; padding: 10px 40px 10px 10px; color: #404040; font-size: 17px; line-height: 26px; font-weight: bold; background: url(../img/ic_arrow_select.png) no-repeat right center #F2F2F2; background-size: 36px auto; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer;} /* superintendentInfo */ #contentsHeader #superintendentInfo{overflow: hidden; margin-bottom: 20px;} #contentsHeader #superintendentInfo .superintendentImage{float: left;} #contentsHeader #superintendentInfo .superintendentImage img{width: 360px; height: 360px;} #contentsHeader #superintendentInfo dl{width: 360px; float: right;} #contentsHeader #superintendentInfo dl dt{font-size: 12px; font-weight: bold;} #contentsHeader #superintendentInfo dl dt:first-child{font-size: 24px; padding-bottom: 30px; margin-bottom: 20px;} #contentsHeader #superintendentInfo dl dt:first-child, #contentsHeader #superintendentInfo dl dd{border-bottom: 1px solid #D9D9D9;} #contentsHeader #superintendentInfo dl dd{padding:20px 0px 24px 0px; margin-bottom: 18px; font-size: 17px; line-height: 1.75;} #contentsHeader #superintendentInfo dl dd:last-child{margin-bottom: 0px;} /* specialty */ #contentsHeader #specialty dt{font-size: 12px; font-weight: bold; margin-bottom: 20px;} #contentsHeader #specialty dd{overflow: hidden;} #contentsHeader #specialty dd ul li{float: left; margin: 0px 10px 10px 0px;} #contentsHeader #specialty dd ul li a{font-size: 17px; font-weight: bold; display: block; padding: 5px 10px; background: #EDF1F9; white-space: nowrap; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} /* glossarySelect */ #contentsHeader #glossarySelect{padding-top: 30px;} #contentsHeader #glossarySelect dt{font-size: 15px; font-weight: bold; width: 3em;} #contentsHeader #glossarySelect dd:nth-child(2){margin-left: 4em; margin-top: -30px; float: left;} #contentsHeader #glossarySelect dd:last-child{margin-left: 15px; margin-top: -30px; float: left;} #contentsHeader #glossarySelect dd select{-webkit-appearance: none; -moz-appearance: none; appearance: none;} #contentsHeader #glossarySelect dd select{display: block; width: 180px; padding: 10px 40px 10px 10px; color: #404040; font-size: 17px; line-height: 26px; font-weight: bold; background: url(../img/ic_arrow_select.png) no-repeat right center #F2F2F2; background-size: 36px auto; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer;} /* anchorList */ #contentsHeader #anchorList{text-align: center; padding-top: 20px;} #contentsHeader #anchorList li{display: inline-block; margin: 0px 25px;} #contentsHeader #anchorList li a{color:#404040; font-size: 17px; font-weight: bold; background: url(../img/ic_arrow_anchor.png) no-repeat right center; padding-right: 30px;} /* anchorList2 */ #contentsHeader #anchorList2{overflow: hidden; padding-top: 12px;} #contentsHeader #anchorList2 li{float: left; margin-right: 15px;} #contentsHeader #anchorList2 li:last-child{margin-right: 0px;} #contentsHeader #anchorList2 li a{display: block; padding: 15px 42px 15px 15px; color:#404040; font-size: 17px; font-weight: bold; background: url(../img/ic_arrow_anchor_02.png) no-repeat right center #f2f2f2; background-size: 30px auto; border: 1px solid #ccc; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} /* categoryTab */ #contentsHeader .categoryTab{margin-bottom: 24px;} /* keywordList */ #contentsHeader .keywordList{overflow: hidden; margin-bottom: 30px;} #contentsHeader .keywordList li{float: left; margin-right: 5px; margin-bottom: 5px;} /* image */ #contentsHeader .image{margin-left: -60px; margin-bottom: 30px;} #contentsHeader .image img{width: 100%; height: auto;} /* superintendent */ #contentsHeader .superintendentWrap{overflow: hidden; margin-right: 60px;} #contentsHeader .superintendent{float: left; width: 50%; overflow: hidden;} #contentsHeader .superintendent p{float: left; margin-right: 15px;} #contentsHeader .superintendent p img{width: 70px; height: 70px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} #contentsHeader .superintendent dl{width: 250px; float: left;} #contentsHeader .superintendent dl dt{font-size: 12px; font-weight: bold; margin-bottom: 6px;} #contentsHeader .superintendent dd{font-size: 17px; line-height: 1.5;} #contentsHeader .superintendent dd a{font-weight: bold;} #contentsHeader .superintendent dd.message{font-size: 12px; line-height: 1.5; color: #666;} /* credit */ #contentsHeader .credit{float: right; width: 50%; overflow: hidden;} #contentsHeader .credit ul{overflow: hidden;} #contentsHeader .credit ul li{float: right; margin-left: 30px;} #contentsHeader .credit ul li:last-child{margin-left: 0px;} #contentsHeader .credit dl dt{font-size: 12px; font-weight: bold; margin-bottom: 6px;} #contentsHeader .credit dl dd{font-size: 15px; line-height: 1.5; margin-bottom: 10px;} #contentsHeader .credit p{font-size: 12px; color: #666; text-align: right;} /* information */ #information{margin-bottom: 30px;} #information a dl{border: 5px solid #2F7EC1; padding: 10px;} #information a dl.emergency{border: 5px solid #E7554F; padding: 10px;} #information a dl dt{display: inline-block; width: 4em; background: #2F7EC1; padding: 6px 10px; color:#fff; font-weight: bold; font-size: 16px; white-space: nowrap;} #information a dl.emergency dt{background: #E7554F; width: 7em;} #information a dl dd{color:#2F7EC1; font-weight: bold; font-size: 19px; line-height: 1.4; margin-left: 5.2em; margin-top: -1.4em;} #information a dl.emergency dd{color: #E7554F; margin-left: 8em;} #information a dl dd.external span{background: url(../img/ic_external_info.png) no-repeat right center; background-size: 16px auto; padding-right: 22px;} #information a dl.emergency dd.external span{background: url(../img/ic_external_emergency.png) no-repeat right center; background-size: 16px auto;} /* contentsBanner */ .contentsBanner{text-align: center;} .contentsBanner img{max-width: 728px; width: 100%;} /* entryList */ .entryList{overflow: hidden;} .entryList > li{width: 360px; height: 360px; overflow: hidden; position: relative; margin-bottom: 30px;} .entryList > li:nth-child(odd){float: left;} .entryList > li:nth-child(even){float: right;} .entryList .image{position: relative;} .entryList .thumbnail{width: 360px; height: 360px;} .entryList .image .foryou{position: absolute; bottom: 0px; right: 0px; width: 30px; height: auto;} .entryList .image .foryou.none{display: none;} .entryList .inner{width: 300px; height: 300px; background: rgba(255,255,255,0.9); position: absolute; top: 30px; left: 30px; overflow: hidden;} .entryList .inner > a{display: block; padding: 30px 30px 0px 30px;} .entryList .inner.hover{background: rgba(255,255,255,0.3);} .entryList .title{margin: 12px 0px; color: #404040; font-size: 24px; font-weight: bold; line-height: 1.4; max-height: 4.2em; overflow: hidden;} .entryList .title.external span{background: url(../img/ic_external_entry.png) no-repeat right center; background-size: 16px auto; padding-right: 22px;} .entryList .superintendent{margin-bottom: 15px;} .entryList .superintendent img{width: 30px; height: 30px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .entryList .superintendent span{display: inline-block; color: #404040; font-size: 14px; padding: 8px 0px 0px 12px;} .entryList .keywordListWrap{overflow: hidden; width: 240px; margin: 0px 30px;} .entryList .keywordList{overflow: hidden; height: 2em; width: 1000px;} .entryList .keywordList li{float: left; margin-right: 5px;} .entryList .keywordList li:last-child{margin-right: 0px;} /* entryList1Col */ .entryList1Col{} .entryList1Col > li{margin-bottom: 30px; position: relative; overflow: hidden;} .entryList1Col > li:last-child{margin-bottom: 60px;} .entryList1Col .image{float: left;} .entryList1Col .thumbnail{width: 180px; height: 180px;} .entryList1Col .categoryTab{position: absolute; top: 0px; left: 0px;} .entryList1Col .inner{width: 540px; float: right;} .entryList1Col .title{margin-bottom: 12px; color: #404040; font-size: 21px; font-weight: bold; line-height: 1.4;} .entryList1Col .title.external span{background: url(../img/ic_external_entry.png) no-repeat right center; background-size: 16px auto; padding-right: 22px;} .entryList1Col .text{margin-bottom: 12px; color: #808080; font-size: 14px; line-height: 1.5;} .entryList1Col .superintendent{float: left;} .entryList1Col .superintendent img{width: 30px; height: 30px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .entryList1Col .superintendent span{display: inline-block; font-size: 14px; padding: 8px 0px 0px 12px;} .entryList1Col .keywordList{float: right; overflow: hidden;} .entryList1Col .keywordList li{float: left; margin-right: 5px; margin-bottom: 5px;} .entryList1Col .keywordList li:last-child{margin-right: 0px;} .entryListNoEntry p{font-size: 17px; line-height: 1.75;} /* introduction */ .introduction{padding-bottom: 40px;} .introduction h3{font-size: 24px; font-weight: bold; line-height: 1.4; padding-bottom: 32px; background: url(../img/ic_h3_01.png) no-repeat left bottom; background-size: 75px auto; width: 630px; margin: 0 auto 40px auto;} .introduction p{font-size: 17px; line-height: 1.75; width: 630px; margin: 0 auto;} .introduction p#contentsBanner{margin-top: 50px; width: 100%;} /* glossaryList */ .glossaryList{padding-bottom: 20px;} .glossaryList dt{font-size: 38px; font-weight: bold; margin-bottom: 36px; padding-top: 90px; margin-top: -90px;} .glossaryList dd{padding-bottom: 30px;} .glossaryList dd:last-child{margin-bottom: 0px;} .glossaryList dd ul{overflow: hidden;} .glossaryList dd ul li{width: 50%; float: left; margin-bottom: 16px;} .glossaryList dd ul li a{font-size: 21px; font-weight: bold; line-height: 1.4; display: inline-block; border-bottom: 3px solid #2F7EC1; padding-bottom: 3px;} .glossaryList dd ul li a:hover{border-color: #235D8E;} /* superintendentList */ .superintendentList{overflow: hidden;} .superintendentList li{width: 360px; overflow: hidden; margin-bottom: 50px;} .superintendentList li:nth-child(odd){float: left;} .superintendentList li:nth-child(even){float: right;} .superintendentList li .image{float: left; margin-right: 15px;} .superintendentList li .image img{width: 100px; height: 100px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .superintendentList li dl{width: 245px; float: left;} .superintendentList li dl dt{font-size:19px; font-weight: bold; color: #404040;} .superintendentList li dl dd{margin-top: 10px;} .superintendentList li .affiliation{font-size: 12px; line-height: 1.5; color: #808080;} .superintendentList li .message{font-size: 15px; color: #404040; line-height: 1.75; background: #EDF1F9; padding: 8px 20px; border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px;} /* shareSns */ .shareSns ul {text-align: center;} .shareSns ul li{display: inline-block; font-size: 14px; color: #808080; letter-spacing: 1px; line-height: 50px;} .shareSns ul li img{width: 60px; height: auto;} /* supervisedArticle */ .supervisedArticle{margin-top: 50px;} .supervisedArticle .contentsBanner{margin-bottom: 50px;} .supervisedArticle h3{text-align: center; font-size: 24px; font-weight: bold; line-height: 1.4; background: url(../img/bg_line_gray.png) no-repeat center top; background-size: 750px auto; margin-bottom: 40px;} .supervisedArticle h3 span{display: block; background: url(../img/ic_h3_02.png) no-repeat center 42px; background-size: 30px auto; padding-top: 95px;} .supervisedArticle .button{width: 480px; margin: 0 auto;} /* relatedEntry */ .relatedEntry{background: url(../img/bg_line_gray.png) no-repeat center top; background-size: 750px auto; padding-top: 50px; margin-top: 30px;} .relatedEntry h3{text-align: center; font-size: 24px; font-weight: bold; line-height: 1.4; margin-bottom: 40px; background: url(../img/ic_h3_02.png) no-repeat center top; background-size: 30px auto; padding-top: 40px;} /* relatedKeyword */ .relatedKeyword{background: url(../img/bg_line_gray.png) no-repeat center top; background-size: 750px auto; padding-top: 50px; margin-top: 30px;} .relatedKeyword h3{text-align: center; font-size: 24px; font-weight: bold; line-height: 1.4; margin-bottom: 40px; background: url(../img/ic_h3_05.png) no-repeat center top; background-size: 30px auto; padding-top: 40px;} .relatedKeyword ul{text-align: center;} .relatedKeyword ul li{display: inline-block; margin:0px 5px 10px 5px} .relatedKeyword ul li a{font-size: 17px; font-weight: bold; display: inline-block; background: #EDF1F9; padding: 10px 16px; white-space: nowrap; font-weight: bold; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} /* relatedNutrition */ .relatedNutrition{background: url(../img/bg_line_gray.png) no-repeat center top; background-size: 750px auto; padding-top: 50px; margin-top: 30px;} .relatedNutrition h3{text-align: center; font-size: 24px; font-weight: bold; line-height: 1.4; margin-bottom: 40px; background: url(../img/ic_h3_06.png) no-repeat center top; background-size: 32px auto; padding-top: 40px;} .relatedNutrition ul{text-align: center;} .relatedNutrition ul li{display: inline-block; margin: 0px 12px 20px 12px;} .relatedNutrition ul li a{font-size: 19px; font-weight: bold; line-height: 1.4; display: inline-block; border-bottom: 3px solid #2F7EC1; padding-bottom: 3px; white-space: nowrap;} .relatedNutrition ul li a:hover{border-color: #235D8E;} /* entryArea */ .entryArea{font-size: 17px; line-height: 1.75; width: 630px; margin: 0 auto; padding-bottom: 30px; word-break:break-all;} .entryArea > table{width: 100%;} .entryArea > table > td{font-size: 17px;} .entryArea .excerpt{font-weight: bold; border-bottom: 1px solid #D9D9D9; margin-bottom: 30px;} .entryArea h3{font-size: 24px; font-weight: bold; line-height: 1.4; padding-bottom: 30px; background: url(../img/ic_h3_01.png) no-repeat left bottom; background-size: 75px auto; margin-bottom: 30px;} .entryArea h4{font-size: 21px; font-weight: bold; line-height: 1.4; padding-top: 40px; background: url(../img/ic_h3_03.png) no-repeat left top; background-size: 63px auto; margin-bottom: 30px;} .entryArea h5{font-size: 19px; font-weight: bold; line-height: 1.4; padding-top: 35px; background: url(../img/ic_h3_04.png) no-repeat left top; background-size: 42px auto; margin-bottom: 30px;} .entryArea h6{font-size: 17px; font-weight: bold; line-height: 1.4; margin-bottom: 30px;} .entryArea .caption{font-size: 13px; color: #666; line-height: 1.5; display: block;} .entryArea strong{font-weight: bold;} .entryArea em{font-style: italic;} .entryArea p{margin-bottom: 30px;} .entryArea p a{font-weight: bold;} .entryArea p img{width: 100%; height: auto;} .entryArea blockquote.caution{background: #FAEFEC; padding: 30px; border-left:3px solid #E7554F; margin-bottom: 30px;} .entryArea blockquote.caution p{font-size: 15px;} .entryArea blockquote.caution p:last-child{margin-bottom: 0px;} .entryArea blockquote.caution strong{color: #E7554F; font-size: 17px;} .entryArea blockquote.point{background: #EDF1F9; padding: 30px; border-left:3px solid #2F7EC1; margin-bottom: 30px;} .entryArea blockquote.point p:last-child{margin-bottom: 0px;} .entryArea blockquote.point strong{color: #2F7EC1; font-size: 17px;} .entryArea ol{list-style: decimal; padding-left: 30px; margin-bottom: 30px;} .entryArea ol li{padding: 6px 0px 6px 10px;} .entryArea ul{padding-left: 12px; margin-bottom: 30px;} .entryArea ul li{background: url(../img/ic_list.png) no-repeat left 16px; background-size: 9px auto; padding: 6px 0px 6px 28px;} .entryArea .button{width: 480px; margin: 0 auto 30px auto; line-height: 1.4;} .entryArea .button img{width: 16px !important; height: auto !important;} .entryArea .button .arrow{margin-right: 15px; margin-top: -3px; vertical-align: middle;} .entryArea .button .external{margin-left: 15px; margin-top: -3px; vertical-align: middle;} .entryArea .button em{font-style: normal; font-size: 10px; background: #fff; color: #2F7EC1; padding: 2px 5px 3px 5px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin-left: 12px; margin-top: -3px; vertical-align: middle;} .entryArea .button2col{overflow: hidden;} .entryArea .button2col .button:nth-child(1){width: 48%; float: left; margin: 0px 0px 30px 0px;} .entryArea .button2col .button:nth-child(2){width: 48%; float: right; margin: 0px 0px 30px 0px;} .entryArea > table table{width: 100%; margin-bottom: 30px;} .entryArea > table table p{margin-bottom: 0px;} .entryArea > table table th, .entryArea > table table td{border: 1px solid #D9D9D9; padding: 18px; font-size: 15px; line-height: 1.5;} .entryArea > table table th {background: #F2F2F2; font-weight: bold;} .entryArea .floatImageBox{overflow: hidden; border: 1px solid #D9D9D9; padding: 30px; margin-bottom: 30px;} .entryArea .floatImageBox .floatImage{width: 26.3%; float: left;} .entryArea .floatImageBox .floatImage img{width: 100%; height: auto;} .entryArea .floatImageBox .floatText{width: 68.4%; float: right;} .entryArea .floatImageBox p{margin-bottom: 0px;} .entryArea .nextPage{border: 6px solid #EDF1F9; padding: 30px 20px;} .entryArea .nextPage span{display: block; font-weight: bold; font-size: 15px;} .entryArea .nextPage a{font-size: 21px;} .entryArea .movieWrap{margin-bottom: 30px;} .entryArea .movieWrap iframe{display: block; margin: 0 auto;} .entryArea form table{background: #fff;} .entryArea form table tr td{display: block; background: #fff; border: none; padding: 0px; text-align: left; width: 100%;} .entryArea form table tr td:nth-child(1){padding-bottom: 10px;} .entryArea form table tr td:nth-child(2){padding-bottom: 24px;} .entryArea form table tr td:nth-child(1) font b, .entryArea form table tr td:nth-child(1) span b{font-size: 15px; color: #404040; font-weight:bold;} .entryArea form table tr td:nth-child(1) strong font, .entryArea form table tr td:nth-child(1) strong span{color: #E7554F; font-weight: normal;} .entryArea form table tr td:nth-child(1) br{display: none;} .entryArea form table tr td:nth-child(2) input[type=radio] + font{font-size: 17px;} .entryArea form table tr td input{font-size: 17px; line-height: 1.75;} .entryArea form table tr td input[type=text]{display: block; width: 96.5%; padding: 10px; background:#F2F2F2; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .entryArea form table tr td textarea{font-size: 17px; line-height: 1.75;} .entryArea form table tr td textarea{display: block; width: 96.5%; padding: 10px; background:#F2F2F2; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .entryArea form table tr td select{-webkit-appearance: none; -moz-appearance: none; appearance: none;} .entryArea form table tr td select{display: block; width: 300px; padding: 10px 40px 10px 10px; font-size: 17px; color: #404040; font-weight: bold; background: url(../img/ic_arrow_select.png) no-repeat right center #F2F2F2; background-size: 36px auto; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer;} .entryArea form table tr td input[type="submit"]{display: block; width: 480px; margin: 0px auto 20px auto; background: url(../img/ic_arrow_button.png) no-repeat 160px center #2F7EC1; background-size: 18px auto; padding: 20px 0px; color: #FFF; font-size: 20px; font-weight: bold; border: none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .entryArea form table tr td input[type="submit"]:hover{background-color: #235D8E;} /* webArea */ .webArea{font-size: 17px; line-height: 1.75; width: 630px; margin: 0 auto;} .webArea section{padding-bottom: 30px;} .webArea h3{font-size: 24px; font-weight: bold; line-height: 1.4; padding-bottom: 30px; background: url(../img/ic_h3_01.png) no-repeat left bottom; margin-bottom: 30px; background-size: 75px auto; padding-top: 90px; margin-top: -90px;} .webArea h4{font-size: 21px; font-weight: bold; line-height: 1.4; padding-top: 40px; background: url(../img/ic_h3_03.png) no-repeat left top; background-size: 63px auto; margin-bottom: 30px;} .webArea h5{font-size: 17px; font-weight: bold; line-height: 1.4; margin-bottom: 30px;} .webArea strong{font-weight: bold;} .webArea p{margin-bottom: 30px;} .webArea p img{width: 100%; height: auto;} .webArea .button{width: 480px; margin: 0 auto 30px auto; line-height: 1.4;} .webArea .button img{width: 16px !important; height: auto !important;} .webArea .button .arrow{margin-right: 15px; margin-top: -3px; vertical-align: middle;} .webArea .button .external{margin-left: 15px; margin-top: -3px; vertical-align: middle;} .webArea .button em{font-style: normal; font-size: 10px; background: #fff; color: #2F7EC1; padding: 2px 5px 3px 5px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin-left: 12px; margin-top: -3px; vertical-align: middle;} .webArea .floatImageBox{overflow: hidden; margin-bottom: 30px;} .webArea .floatImageBox .floatImage{width: 180px; float: left;} .webArea .floatImageBox .floatImage img{width: auto; height: auto;} .webArea .floatImageBox .floatText{width: 420px; float: right;} .webArea .floatImageBox p{margin-bottom: 0px;} .webArea form table{width: 630px; margin: 0 auto 30px auto; background: #fff;} .webArea form table tr td{display: block; background: #fff; text-align: left; width: 100%;} .webArea form table tr td:nth-child(1){padding-bottom: 10px;} .webArea form table tr td:nth-child(2){padding-bottom: 24px;} .webArea form table tr td:nth-child(1) font b, .webArea form table tr td:nth-child(1) span b{font-size: 15px; color: #404040; font-weight:bold;} .webArea form table tr td:nth-child(1) strong font, .webArea form table tr td:nth-child(1) strong span{color: #E7554F; font-weight: normal;} .webArea form table tr td:nth-child(1) br{display: none;} .webArea form table tr td:nth-child(2) input[type=radio] + font{font-size: 17px;} .webArea form table tr td input{font-size: 17px; line-height: 1.75;} .webArea form table tr td input[type=text]{display: block; width: 96.5%; padding: 10px; background:#F2F2F2; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .webArea form table tr td textarea{font-size: 17px; line-height: 1.75;} .webArea form table tr td textarea{display: block; width: 96.5%; padding: 10px; background:#F2F2F2; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .webArea form table tr td select{-webkit-appearance: none; -moz-appearance: none; appearance: none;} .webArea form table tr td select{display: block; width: 300px; padding: 10px 40px 10px 10px; font-size: 17px; color: #404040; font-weight: bold; background: url(../img/ic_arrow_select.png) no-repeat right center #F2F2F2; background-size: 36px auto; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer;} .webArea form table tr td input[type="submit"]{display: block; width: 480px; margin: 0px auto 20px auto; background: url(../img/ic_arrow_button.png) no-repeat 160px center #2F7EC1; background-size: 18px auto; padding: 20px 0px; color: #FFF; font-size: 20px; font-weight: bold; border: none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .webArea form table tr td input[type="submit"]:hover{background-color: #235D8E;} /* searchArea */ .searchArea .gsc-input-box{height: auto;} /* .searchArea{font-size: 17px; line-height: 1.75;} .searchArea .gsc-input-box {height: auto; padding: 10px; background:#F2F2F2; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} .searchArea .gsc-input-box:focus{box-shadow: none;} .searchArea input.gsc-input{font-size: 17px; line-height: 1.75; -webkit-appearance: none;} .searchArea .gsib_b{display: none;} */ /* terms */ dl.terms{padding-bottom: 20px;} dl.terms dt{font-weight: bold; margin-bottom: 30px; font-size: 19px;} dl.terms dd{margin-bottom: 40px;} dl.terms dd ul{padding-left: 12px; margin: 20px 0px;} dl.terms dd ul li{background: url(../img/ic_list.png) no-repeat left 16px; background-size: 9px auto; padding: 6px 0px 6px 28px;} dl.terms dd p{margin-bottom: 20px;} /* privacy */ dl.privacy{padding-bottom: 20px;} dl.privacy dt{font-weight: bold; margin-bottom: 30px; font-size: 19px;} dl.privacy dd{margin-bottom: 40px;} dl.privacy dd ul{padding-left: 12px;} dl.privacy dd ul li{background: url(../img/ic_list.png) no-repeat left 16px; background-size: 9px auto; padding: 6px 0px 6px 28px;} dl.privacy dd ol{list-style: decimal; padding-left: 30px;} dl.privacy dd ol li{padding: 0px 0px 0px 10px;} dl.privacy dd address{margin: 20px 0px 0px 30px;} /* contactButton */ .contactButton p.button{margin-bottom: 50px;} /* servicesList */ .servicesList{overflow: hidden; margin-bottom: 30px;} .servicesList li{width: 290px; border-top:3px solid #FAEFEC; text-align: center; padding: 125px 5px 30px 5px;} .servicesList li:nth-child(odd){float: left;} .servicesList li:nth-child(even){float: right;} .servicesList li:nth-child(1){background: url(../img/ic_services_01.png) no-repeat center 30px;} .servicesList li:nth-child(2){background: url(../img/ic_services_02.png) no-repeat center 30px;} .servicesList li:nth-child(3){background: url(../img/ic_services_03.png) no-repeat center 30px;} .servicesList li:nth-child(4){background: url(../img/ic_services_04.png) no-repeat center 30px;} .servicesList li:nth-child(5){background: url(../img/ic_services_05.png) no-repeat center 30px;} .servicesList li:nth-child(6){background: url(../img/ic_services_06.png) no-repeat center 30px;} .servicesList li dl dt{font-weight: bold; font-size: 19px; line-height: 1.4; margin-bottom: 15px;} .servicesList li dl dd{font-size: 15px; line-height: 1.5;} /* placesList */ .placesList{overflow: hidden; margin-bottom: 20px;} .placesList li{width: 190px; height: 70px; float: left; text-align: center; padding-top:120px; margin: 0px 30px 30px 0px; font-size: 19px; font-weight: bold; line-height: 1.4;} .placesList li:nth-child(3), .placesList li:nth-child(6){margin-right: 0px;} .placesList li:nth-child(1){background: url(../img/ic_places_01.png) no-repeat center 30px #FAEFEC;} .placesList li:nth-child(2){background: url(../img/ic_places_02.png) no-repeat center 30px #FAEFEC;} .placesList li:nth-child(3){background: url(../img/ic_places_03.png) no-repeat center 30px #FAEFEC;} .placesList li:nth-child(4){background: url(../img/ic_places_04.png) no-repeat center 30px #FAEFEC;} .placesList li:nth-child(5){background: url(../img/ic_places_05.png) no-repeat center 30px #FAEFEC;} .placesList li:nth-child(6){background: url(../img/ic_places_06.png) no-repeat center 30px #FAEFEC;} /* pagenavi */ .pagenavi{margin-bottom: 50px; overflow: hidden;} #mainContents .pagenavi:last-child{margin-bottom: 0px;} .pagenavi ul{overflow: hidden; padding-top: 3px;} .pagenavi .pagenaviNumber{width: 50%; float: left;} .pagenavi .pagenaviPrevNext{width: 50%; float: right;} .pagenavi .pagenaviNumber li{float: left; margin-right: 5px; width: 50px;} .pagenavi .pagenaviPrevNext li{float: right; margin-left: 5px;} .pagenavi ul li{height: 50px; background: #2F7EC1; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} .pagenavi ul li.pagenavi_current{margin-top: -3px; background: #fff;} .pagenavi ul li a{display: block; height: 50px; text-align: center; color: #fff;} .pagenavi ul li.pagenavi_current a{background: #fff; color: #E7554F; border-top:3px solid #E7554F;} .pagenavi .pagenaviNumber li a{font-family: 'Open Sans Condensed', sans-serif; font-size: 23px; padding-top: 12px;} .pagenavi .pagenaviPrevNext li a{font-size: 15px; font-weight: bold; padding-top: 18px; padding-right: 18px;} .pagenavi ul.pagenaviNumber li.pagenavi_top, .pagenavi ul.pagenaviNumber li.pagenavi_prev{display: none;} .pagenavi ul.pagenaviPrevNext li.pagenavi_top{background: url(../img/ic_page_top.png) no-repeat 15px center #2F7EC1; background-size: 17px auto;} .pagenavi ul.pagenaviPrevNext li.pagenavi_prev{background: url(../img/ic_page_prev.png) no-repeat 15px center #2F7EC1; background-size: 9px auto;} .pagenavi ul.pagenaviPrevNext li.pagenavi_next{background: url(../img/ic_page_next.png) no-repeat 15px center #2F7EC1; background-size: 9px auto;} .pagenavi ul.pagenaviPrevNext li.pagenavi_top a{padding-left: 40px;} .pagenavi ul.pagenaviPrevNext li.pagenavi_prev a, .pagenavi ul.pagenaviPrevNext li.pagenavi_next a{padding-left: 34px;} .pagenavi ul li:hover, .pagenavi ul.pagenaviPrevNext li:hover{background-color: #235D8E;} /* pageEntry */ body#pageEntry #contentsHeader{border-bottom: none; margin: 0px; padding: 0px 0px 20px 0px;} body#pageEntry #contents .shareSns{background: #FAEFEC; padding: 20px 0px; margin-left: -60px; padding-left: 60px; margin-bottom: 30px;} body#pageEntry .relatedEntry .entryList1Col li:last-child{margin-bottom: 0px;} /* pageWeb */ body#pageWeb #contentsHeader p{font-size: 17px; line-height: 1.75;} body#pageWeb #contentsHeader p.update{text-align: right;} /* pageGlossary */ body#pageGlossary #contents .shareSns{background: #FAEFEC; padding: 20px 0px; margin-left: -60px; padding-left: 60px; margin-bottom: 30px;} /* pageList */ body#pageList #contents .shareSns{background: #FAEFEC; padding: 20px 0px; margin-left: -60px; padding-left: 60px;} /* pageInformation */ body#pageInformation #contents .shareSns{background: #FAEFEC; padding: 20px 0px; margin-left: -60px; padding-left: 60px; margin-bottom: 30px;} body#pageInformation .entryArea h3{font-size: 24px; background: none; padding-bottom: 0px;} body#pageInformation .entryArea h4{font-size: 21px; background: none; padding-top: 0px;} body#pageInformation .entryArea h5{font-size: 19px; background: none; padding-top: 0px;} /* pageContact */ body.pageContact #contentsHeader{border: none; padding-bottom: 0px;} body.pageContact #contentsHeader p{font-size: 17px; line-height: 1.75; padding-top: 20px;} body.pageContact #contentsHeader p .required{color: #E7554F;} /* pageIndex */ body#pageIndex #contents .entryList{width: 360px; float: left;} body#pageIndex #contents .entryList > li{float: none; margin-bottom: 0px;} body#pageIndex #contents .entryList > li:first-child{margin-bottom: 30px;} body#pageIndex .shareSns{width: 100%; background: #FAEFEC; padding: 20px 0px;} body#pageIndex .indexNav{clear: both;} body#pageIndex .indexNav li{width: 524px; background: #FAEFEC; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} body#pageIndex .indexNav li a{display: block; padding: 30px 0px 45px 0px; color: #404040;} body#pageIndex .indexNav li:nth-child(odd){float: left;} body#pageIndex .indexNav li:nth-child(even){float: right;} body#pageIndex .indexNav li dl{text-align: center; padding-top: 60px;} body#pageIndex .indexNav li dl dt{font-size: 30px; font-weight: bold; margin-bottom: 20px;} body#pageIndex .indexNav li dl dt span{background: url(../img/icarrow_link.png) no-repeat left center; background-size: 18px; padding-left: 28px;} body#pageIndex .indexNav li dl dd{font-size: 14px; font-weight: bold; line-height: 1.5;} body#pageIndex .indexNav li:nth-child(odd) dl{background: url(../img/ic_search.png) no-repeat center top; background-size: 44px auto;} body#pageIndex .indexNav li:nth-child(even) dl{background: url(../img/ic_glossary.png) no-repeat center top; background-size: 40px auto;} body#pageIndex #mainContents .button{clear: both; width: 480px; margin:0px auto 60px auto;} /* mainVisual */ body#pageIndex .mainVisualWrap{width: 690px; height: 750px; float: right; position: relative; overflow: hidden;} body#pageIndex .mainVisualWrap.page1 #mainVisual{transform: translate(0,0);} body#pageIndex .mainVisualWrap.page2 #mainVisual{transform: translate(-690px,0);} body#pageIndex .mainVisualWrap.page3 #mainVisual{transform: translate(-1380px,0);} body#pageIndex .mainVisualWrap.page4 #mainVisual{transform: translate(-2070px,0);} body#pageIndex .mainVisualWrap.page5 #mainVisual{transform: translate(-2760px,0);} body#pageIndex #mainVisual{position: absolute; top: 0px; left: 0px; transition:transform 1s ease;} body#pageIndex #mainVisual > li{position: absolute; top: 0px; left: 0px;} body#pageIndex #mainVisual > li:nth-of-type(1){transform: translate(0,0);} body#pageIndex #mainVisual > li:nth-of-type(2){transform: translate(690px,0);} body#pageIndex #mainVisual > li:nth-of-type(3){transform: translate(1380px,0);} body#pageIndex #mainVisual > li:nth-of-type(4){transform: translate(2070px,0);} body#pageIndex #mainVisual > li:nth-of-type(5){transform: translate(2760px,0);} body#pageIndex #mainVisual > li p img{width: 690px;} body#pageIndex #mainVisual > li ul.horizontalLeft{position: absolute; top:30px; left: 30px;} body#pageIndex #mainVisual > li ul.horizontalLeft li{margin-bottom: 10px;} body#pageIndex #mainVisual > li ul.horizontalLeft li span{display: inline-block; background: #fff; color: #404040; font-size: 44px; font-weight: bold; padding: 6px;} body#pageIndex #mainVisual > li ul.verticalRight{position: absolute; top:30px; right: 30px;} body#pageIndex #mainVisual > li ul.verticalRight li{display: inline-block; background: #fff; color: #404040; font-size: 44px; font-weight: bold; padding: 6px; margin-left:10px; float: right; width: 1em; text-align: center;} body#pageIndex #mainVisual > li ul.verticalRight li span{-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap;} /* for IE */ @media all and (-ms-high-contrast:none){ body#pageIndex #mainVisual > li ul.horizontalLeft li span{padding: 12px 6px 4px 6px; line-height: 1;} body#pageIndex #mainVisual > li ul.verticalRight li{padding: 6px 12px 6px 0px; line-height: 1;} } body#pageIndex #mainVisualTab{width: 690px; height: 170px; position: absolute; bottom: 0px; left: 0px;} body#pageIndex #mainVisualTab .number{width: 540px; height: 50px; position: absolute; top: 0px; left: 0px;} body#pageIndex #mainVisualTab .number p{float: left; background: #E7554F; padding: 17px 10px 0px 10px; height: 33px; font-size: 16px; font-weight: bold; color: #fff;} body#pageIndex #mainVisualTab .number ul{float: left;} body#pageIndex #mainVisualTab .number ul li{float: left; margin-left: 5px;} body#pageIndex #mainVisualTab .number ul li a{display: block; width: 50px; height: 38px; text-align: center; padding-top: 12px; font-family: 'Open Sans Condensed', sans-serif; font-size: 23px; color: #fff; background: #2F7EC1; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-radius: 6px 6px 0px 0px;} body#pageIndex #mainVisualTab .number ul li.active, body#pageIndex .mainVisualWrap.page1 #mainVisualTab .number ul li:nth-of-type(1), body#pageIndex .mainVisualWrap.page2 #mainVisualTab .number ul li:nth-of-type(2), body#pageIndex .mainVisualWrap.page3 #mainVisualTab .number ul li:nth-of-type(3), body#pageIndex .mainVisualWrap.page4 #mainVisualTab .number ul li:nth-of-type(4), body#pageIndex .mainVisualWrap.page5 #mainVisualTab .number ul li:nth-of-type(5){margin-top: -3px;} body#pageIndex #mainVisualTab .number ul li.active a, body#pageIndex .mainVisualWrap.page1 #mainVisualTab .number ul li:nth-of-type(1) a, body#pageIndex .mainVisualWrap.page2 #mainVisualTab .number ul li:nth-of-type(2) a, body#pageIndex .mainVisualWrap.page3 #mainVisualTab .number ul li:nth-of-type(3) a, body#pageIndex .mainVisualWrap.page4 #mainVisualTab .number ul li:nth-of-type(4) a, body#pageIndex .mainVisualWrap.page5 #mainVisualTab .number ul li:nth-of-type(5) a{background: #fff; color: #E7554F; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top:3px solid #E7554F; border-radius: 0px;} body#pageIndex #mainVisualTab .entry{position: absolute; top: 50px; left: 0px; width: 100%; height: 120px;} body#pageIndex #mainVisualTab .entry > li{background: #fff; width: 100%; height: 120px; overflow: hidden; position: absolute; top: 0px; left: 0px; display: none;} body#pageIndex .mainVisualWrap.page1 #mainVisualTab .entry > li:nth-of-type(1){display: block;} body#pageIndex .mainVisualWrap.page2 #mainVisualTab .entry > li:nth-of-type(2){display: block;} body#pageIndex .mainVisualWrap.page3 #mainVisualTab .entry > li:nth-of-type(3){display: block;} body#pageIndex .mainVisualWrap.page4 #mainVisualTab .entry > li:nth-of-type(4){display: block;} body#pageIndex .mainVisualWrap.page5 #mainVisualTab .entry > li:nth-of-type(5){display: block;} body#pageIndex #mainVisualTab .entry > li .title{padding: 9px 0px;} body#pageIndex #mainVisualTab .entry > li .title a{font-size: 26px; font-weight: bold; color: #404040; line-height: 1.4; display: block; width: 540px; height: 2.8em; overflow: hidden;} body#pageIndex #mainVisualTab .entry > li .superintendent{float: left; width: 35%;} body#pageIndex #mainVisualTab .entry > li .superintendent img{width: 30px; height: 30px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} body#pageIndex #mainVisualTab .entry > li .superintendent span{display: inline-block; font-size: 14px; padding: 8px 0px 0px 12px;} body#pageIndex #mainVisualTab .entry > li .keywordList{overflow: hidden; height: 2em; float: right;} body#pageIndex #mainVisualTab .entry > li .keywordList li{float: left; margin-right: 5px;} body#pageIndex #mainVisualTab .entry > li .keywordList li:last-child{margin-right: 0px;} body#pageIndex #mainVisualCara li{position: absolute; bottom: 50px; right: 5px; width: 140px; display: none;} body#pageIndex #mainVisualCara li img{width: 140px; height: auto;} body#pageIndex #mainVisualNav li.prev{position: absolute; top: 240px; left: 0px;} body#pageIndex #mainVisualNav li.next{position: absolute; top: 240px; right: 0px;} body#pageIndex .mainVisualWrap #mainVisualNav li{opacity: 0; transition:opacity 0.3s;} body#pageIndex .mainVisualWrap:hover #mainVisualNav li{opacity: 0.5;} body#pageIndex .mainVisualWrap #mainVisualNav li:hover{opacity: 1;} body#pageIndex #sidePickup{display: none;} /* sideContents */ #sideContents{width: 300px; float: right;} #sideContents section{margin-bottom: 30px;} #sideContents section:last-child{margin-bottom: 0px;} .sideBanner{margin-bottom: 30px;} /* sideKeyword */ #sideKeyword{background: #FAEFEC; padding: 30px; text-align: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} #sideKeyword h2{color: #E7554F; display: inline-block; padding-bottom: 8px; margin-bottom: 30px; border-bottom: 3px solid #E7554F; font-size: 22px; font-weight: bold;} #sideKeyword ul{padding-bottom: 20px;} #sideKeyword ul li{display: inline-block; margin:0px 5px 10px 5px;} #sideKeyword ul li a{display: inline-block; background: #fff; padding: 10px 16px; white-space: nowrap; font-size: 17px; font-weight: bold; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} /* sideSuperintendent */ #sideSuperintendent{background: #FAEFEC; padding: 30px; text-align: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} #sideSuperintendent h2{color: #E7554F; display: inline-block; padding-bottom: 8px; margin-bottom: 30px; border-bottom: 3px solid #E7554F; font-size: 22px; font-weight: bold;} #sideSuperintendent ul{text-align: left;} #sideSuperintendent ul li{margin-bottom: 30px; overflow: hidden;} #sideSuperintendent ul li img{width: 70px; height: 70px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float: left;} #sideSuperintendent ul li a span{display:block; width: 155px; float: right; color: #808080; font-size: 12px; line-height: 1.75; padding: 8px 0px 0px 0px;} #sideSuperintendent ul li a span strong{color: #404040; font-size: 19px; font-weight: bold;} /* sideEntry */ .sideEntry{background: #FAEFEC; padding: 30px; text-align: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; width: 240px; overflow: hidden;} .sideEntry h2{color: #E7554F; display: inline-block; padding-bottom: 8px; margin-bottom: 30px; border-bottom: 3px solid #E7554F; font-size: 22px; font-weight: bold;} .sideEntry > ul > li{margin-bottom: 30px;} .sideEntry > ul > li:last-child{margin-bottom: 0px;} .sideEntry ul li .inner{overflow: hidden;} .sideEntry ul li .image{float: left;} .sideEntry ul li .thumbnail{width: 70px; height: 70px;} .sideEntry ul li .title{width: 160px; float: right; color: #404040; font-size: 16px; font-weight: bold; line-height: 1.4; text-align: left;} .sideEntry ul li .external span{background: url(../img/ic_external_entry.png) no-repeat right center; background-size: 16px auto; padding-right: 22px;} .sideEntry ul li .keywordListWrap{overflow: hidden; width: 240px;} .sideEntry ul li .keywordList{overflow: hidden; height: 1.8em; margin-top: 10px; width: 300px;} .sideEntry ul li .keywordList li{float: left; margin-right: 5px;} .sideEntry ul li .keywordList li:last-child{margin-right: 0px;} /* navContents */ #navContents{display: none;} /* header */ header{height: 200px; background: #FAEFEC; position: absolute; z-index: 9800;} /* h1 */ header h1{position: absolute; top: 20px; left: 0px;} header h1 img{width: 200px; height: auto;} /* powered */ header .powered{padding-top: 120px; float: left; height: 50px; margin-left: 224px;} header .powered img{width: auto; height: 37px;} /* aboutNav */ header .aboutNav{padding-top: 136px; float: right;} header .aboutNav ul li{float: left; margin-left: 24px; border-bottom: 3px solid #E7554F;} header .aboutNav ul li:hover{border-color: #235D8E;} header .aboutNav ul li a{font-size: 14px; font-weight: bold; color: #E7554F; display: block; padding-bottom: 4px;} /* keywordNav */ header .keywordNav{float: left; margin-left: 220px;} header .keywordNav > ul >li{width: 170px; float: left; margin-right: 10px; position: relative; background: url(../img/header/bg_nav.png) no-repeat; background-size: 170px auto;} header .keywordNav > ul >li:last-child{margin-right: 0px; width: 110px; background: url(../img/header/bg_nav_list.png) no-repeat; background-size: 110px auto;} header .keywordNav > ul >li > a{font-size: 19px; font-weight: bold;color: #404040; display: block; height: 36px; padding: 14px 0px 0px 24px;} header .keywordNav > ul >li:last-child a{padding-left: 16px;} header .keywordNav > ul >li ul{display: none;} header .keywordNav > ul >li.hover ul{display: block; position: absolute; top:58px; left: 0px; z-index: 9000;} header .keywordNav > ul >li.hover{background: url(../img/header/bg_nav_hover.png) no-repeat; background-size: 170px auto;} header .keywordNav > ul >li.hover > a{padding-top: 22px;} header .keywordNav > ul >li ul{width: 262px; padding: 24px 14px 14px 24px; background-image: url(../img/header/bg_nav_child_top.png), url(../img/header/bg_nav_child.png); background-repeat: no-repeat, no-repeat; background-position: left top, left bottom; overflow: hidden; background-size: 300px auto, 300px auto;} header .keywordNav > ul >li ul li{float: left; margin: 0px 10px 10px 0px;} header .keywordNav > ul >li ul li a{font-size: 17px; font-weight: bold; display: block; padding: 10px; background: #EDF1F9; white-space: nowrap; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} /* searchNav */ header .searchNav{float: right;} header .searchNav dl{position: relative;} header .searchNav dl dt{cursor: pointer; width: 60px; height: 50px; background: url(../img/header/bg_search.png) no-repeat; background-size: 60px auto; position:relative;} header .searchNav dl dt img{display: block; position: absolute; top: 15px; right: 22px; width: 18px; height: auto;} header .searchNav dl dd{display: none;} header .searchNav dl.hover dd{display: block; position: absolute; top:58px; right: 0px; z-index: 9000;} header .searchNav dl.hover dt{width: 300px; height: 58px; float: right; background: url(../img/header/bg_search_hover.png) right top no-repeat; background-size: 60px auto;} header .searchNav dl.hover dt img{top: 23px;} header .searchNav dl dd{width: 252px; padding: 24px; background-image: url(../img/header/bg_search_child_top.png), url(../img/header/bg_nav_child.png); background-repeat: no-repeat, no-repeat; background-position: left top, left bottom; overflow: hidden; background-size: 300px auto, 300px auto;} header .searchNav input[type="text"]{display: block; width: 250px; margin-bottom: 10px; background: #F2F2F2; padding: 10px 0px; font-size: 17px; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} header .searchNav input[type="submit"]{display: block; width: 250px; background: #2F7EC1; padding: 10px 0px; color: #FFF; font-size: 17px; border: none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} header .searchNav input[type="submit"]:hover{background-color: #235D8E;} /* headerBanner */ header #headerBanner{position: absolute; top: 20px; right: 0px; width: 728px;} header #headerBanner img{width: 728px; height: 90px;} /* header.fixed */ header.fixed{height: 70px; position: fixed; top: 0px; padding-top: 20px; background-color: #FAEFEC; z-index: 10000; opacity: 0; transform: translateY(-100%); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} header.fixed.show{opacity: 1; transform: translateY(0);} /* h1 */ header.fixed h1{position: absolute; top: 16px; left: 0px;} header.fixed h1 img{width: 88px; height: auto;} /* keywordNav */ header.fixed .keywordNav{margin-left: 104px;} header.fixed .keywordNav > ul >li.list{display: none;} /* aboutNav */ header.fixed .aboutNav{float: none; padding-top: 0px; position: absolute; top: 35px; right: 82px;} /* footer */ footer{} /* prNav */ footer #prNav {background: #fff; padding: 60px 0px 50px 0px; position: relative; margin-top: 30px;} footer #prNav h2{text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 50px;} footer #prNav .prTag{position: absolute; top: 10px; left: 10px;} footer #prNav ul{width: 1080px; margin: 0 auto; overflow: hidden;} footer #prNav ul li{width: 340px; float: left; margin-right: 30px;} footer #prNav ul li:last-child{margin-right: 0px;} footer #prNav ul li a{color: #404040;} footer #prNav dl dt{font-size: 19px; font-weight: bold; line-height: 1.4; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #D9D9D9;} footer #prNav dl dd{font-size: 17px; line-height: 1.75;} /* infoNav */ footer #infoNav{padding: 60px 0px; position:relative;} footer #infoNav h2{text-align: center; margin-bottom: 50px;} footer #infoNav h2 span{font-size: 24px; line-height: 30px; display: inline-block; font-weight: bold; background: url(../img/footer/ic_info.png) no-repeat left center; background-size: 30px auto; padding-left: 46px;} footer #infoNav ul{width: 640px; margin: 0 auto; overflow: hidden;} footer #infoNav ul li{width: 160px; float: left; text-align: center;} footer #infoNav ul li a{color: #404040; font-size: 15px; font-weight: bold;} footer #infoNav ul li img{margin-bottom: 20px; width: 60px; height: auto;} footer #infoNav .pagetop{position: absolute; bottom: 10px; right: 0px;} footer #infoNav .pagetop a img{width: 60px; height: auto;} /* footerNav */ footer #footerNav {width: 100%; background: #fff; padding: 40px 0px;} footer #footerNav .inner{overflow: hidden;} footer #footerNav .inner div{overflow: hidden;} footer #footerNav .powered{float: left;} footer #footerNav .powered a img{width: 207px; height: auto;} footer #footerNav ul{float: right; padding-top: 10px;} footer #footerNav ul li{float: left; margin-left: 18px;} footer #footerNav ul li a{font-size: 12px; font-weight: bold; background: url(../img/footer/ic_arrow.png) no-repeat left center; background-size: 9px auto; padding-left: 12px; color: #404040;} footer #footerNav .copyright{text-align: right; font-size: 11px; line-height: 1.4;} @media screen and (max-width: 1259px) { .sp{display:none !important;} .tb{display:none !important;} .pc{display:block !important;} /* page width */ .wrap, header, footer #prNav, footer #infoNav, footer #footerNav .inner{width: 1020px;} /* tag */ .tag{padding: 5px 5px;} .prTag{padding: 5px 10px;} /* contents */ #contents{width: 960px; padding: 260px 30px 60px 30px;} #indexContents{padding:30px 30px 60px 30px;} /* mainContents */ #mainContents{width: 630px;} /* contentsHeader */ #contentsHeader{margin: -25px 0px 50px -30px; padding: 0px 0px 30px 30px;} /* superintendentInfo */ #contentsHeader #superintendentInfo .superintendentImage img{width: 300px; height: 300px;} #contentsHeader #superintendentInfo dl{width: 300px;} /* image */ #contentsHeader .image{margin-left: -30px;} /* superintendentWrap */ #contentsHeader .superintendentWrap{margin-right: 0px;} #contentsHeader .superintendent dl{width: 220px; float: left;} /* anchorList2 */ #contentsHeader #anchorList2 li:nth-child(3){margin-top: 15px;} #pageList #contentsHeader #anchorList2 li:nth-child(3){margin-top: 0px;} /* entryList */ .entryList > li{width: 300px; height: 300px;} .entryList .thumbnail{width: 300px; height: 300px;} .entryList .inner{width: 240px; height: 240px;} .entryList .inner > a{padding: 20px 20px 0px 20px;} .entryList .title{font-size: 19px;} .entryList .keywordListWrap{width: 200px; margin: 0px 20px;} /* entryList1Col */ .entryList1Col .thumbnail{width: 160px; height: 160px;} .entryList1Col .inner{width: 440px;} /* introduction */ .introduction h3{width: 510px;} .introduction p{width: 510px;} /* supervisedArticle */ .supervisedArticle .button{width: 480px; margin: 0 auto;} /* superintendentList */ .superintendentList li{width: 300px;} .superintendentList li .image img{width: 80px; height: 80px;} .superintendentList li dl{width: 205px;} /* pageEntry */ body#pageEntry #contents .shareSns{margin-left: -30px; padding-left: 30px;} /* pageGlossary */ body#pageGlossary #contents .shareSns{margin-left: -30px; padding-left: 30px;} /* pageList */ body#pageList .shareSns{margin-left: -30px; padding-left: 30px;} /* pageIndex */ body#pageIndex #contents .entryList{width: 300px;} body#pageIndex .indexNav{clear: both;} body#pageIndex .indexNav li{width: 465px;} /* mainVisual */ body#pageIndex .mainVisualWrap{width: 630px; height: 630px;} body#pageIndex .mainVisualWrap.page1 #mainVisual{transform: translate(0,0);} body#pageIndex .mainVisualWrap.page2 #mainVisual{transform: translate(-630px,0);} body#pageIndex .mainVisualWrap.page3 #mainVisual{transform: translate(-1260px,0);} body#pageIndex .mainVisualWrap.page4 #mainVisual{transform: translate(-1890px,0);} body#pageIndex .mainVisualWrap.page5 #mainVisual{transform: translate(-2520px,0);} body#pageIndex #mainVisual > li:nth-of-type(1){transform: translate(0,0);} body#pageIndex #mainVisual > li:nth-of-type(2){transform: translate(630px,0);} body#pageIndex #mainVisual > li:nth-of-type(3){transform: translate(1260px,0);} body#pageIndex #mainVisual > li:nth-of-type(4){transform: translate(1890px,0);} body#pageIndex #mainVisual > li:nth-of-type(5){transform: translate(2520px,0);} body#pageIndex #mainVisual > li p img{width: 630px;} body#pageIndex #mainVisualTab{width: 630px;} body#pageIndex #mainVisualTab .number{width: 480px;} body#pageIndex #mainVisualTab .entry > li .title a{width: 480px;} body#pageIndex #mainVisualNav li.prev{top: 180px;} body#pageIndex #mainVisualNav li.next{top: 180px;} /* header */ /* searchNav */ header .searchNav{position: absolute; top: 170px; right: 0px;} /* header.fixed */ /* searchNav */ header.fixed .searchNav{top:20px;} /* footer */ /* prNav */ footer #prNav ul{width: 960px;} footer #prNav ul li{width: 300px;} } @media screen and (max-width: 1079px) { .sp{display:none !important;} .pc{display:none !important;} .tb{display:block !important;} /* page width */ header, .wrap{width: 750px;} footer #infoNav, footer #prNav, footer #footerNav .inner{width: 690px;} /* contents */ /* mainContents */ #contents{width: auto; background: none; padding: 120px 0px 0px 0px; margin: 0 auto;} #indexContents{background: none; padding:0px;} /* mainContents */ #mainContents{width: 630px; float: none; background: #fff; padding: 30px 30px 60px 30px; margin: 0 auto;} /* contentsHeader */ #contentsHeader{border-bottom: 3px solid #FAEFEC; margin: 0px -30px 50px -30px ; padding: 0px 30px 30px 30px;} /* h2 */ #contentsHeader h2{font-size: 34px;} /* superintendentInfo */ #contentsHeader #superintendentInfo .superintendentImage img{width: 300px; height: 300px;} #contentsHeader #superintendentInfo dl{width: 300px;} /* image */ #contentsHeader .image{margin-left: -30px; margin-right: -30px;} /* information */ #information{width: 630px; margin: 0px auto; padding: 30px 30px 0px 30px; background: #fff;} /* contentsBanner */ #contents .contentsBanner{margin-bottom: 20px;} /* entryList1Col */ .entryList1Col > li:last-child{margin-bottom: 30px;} .entryList1Col .thumbnail{width: 160px; height: 160px;} .entryList1Col .inner{width: 440px;} /* introduction */ .introduction{padding-bottom: 40px;} .introduction h3{font-size: 24px; font-weight: bold; line-height: 1.4; padding-bottom: 32px; background: url(../img/ic_h3_01.png) no-repeat left bottom; background-size: 75px auto; width: 630px; margin: 0 auto 40px auto;} .introduction p{font-size: 17px; line-height: 1.75; width: 630px; margin: 0 auto;} .introduction p.contentsBanner{margin-top: 50px; width: 100%;} /* supervisedArticle */ .supervisedArticle{margin-top: 50px; padding-bottom: 30px;} .supervisedArticle h3{text-align: center; font-size: 24px; font-weight: bold; line-height: 1.4; background: url(../img/bg_line_gray.png) no-repeat center top; background-size: 750px auto; margin-bottom: 40px;} .supervisedArticle h3 span{display: block; background: url(../img/ic_h3_02.png) no-repeat center 42px; background-size: 30px auto; padding-top: 95px;} .supervisedArticle .button{width: 480px; margin: 0 auto;} /* glossaryList */ .glossaryList{padding-bottom: 0px;} .glossaryList dt{font-size: 34px; margin-top:-120px; padding-top:120px;} /* superintendentList */ .superintendentList{overflow: hidden;} .superintendentList li{width: 300px; margin-bottom: 40px;} .superintendentList li .image img{width: 80px; height: 80px;} .superintendentList li dl{width: 205px;} .superintendentList li dl dd{margin-top: 6px;} .superintendentList li .message{padding: 6px 15px;} /* shareSns */ .shareSns ul li{display: inline-block !important;} /* entryArea */ .entryArea form table:last-child{margin-bottom: 0px;} .entryArea form table tr td input[type="submit"]{margin-bottom: 0px;} /* webArea */ .webArea section:last-child{padding-bottom: 0px;} .webArea section:last-child .button:last-child{margin-bottom: 0px;} .webArea h3{padding-top: 120px; margin-top: -120px;} .webArea form table:last-child{margin-bottom: 0px;} .webArea form table tr td input[type="submit"]{margin-bottom: 0px;} /* contactButton */ .contactButton p.button:last-child{margin-bottom: 0px;} /* pageEntry */ body#pageEntry #contents .shareSns{margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;} /* pageGlossary */ body#pageGlossary #contents .shareSns{margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;} /* pageList */ body#pageList #mainContents{padding-bottom: 30px;} body#pageList .shareSns{margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;} /* pageIndex */ body#pageIndex #contents .entryList{width: 630px; float: none; background: #fff; padding: 0px 30px 30px 30px; overflow: hidden; margin: 0 auto;} body#pageIndex #contents .entryList > li{float: left; margin-bottom: 0px !important;} body#pageIndex #contents .entryList > li:first-child{margin-right: 30px;} body#pageIndex .indexNav{width: 630px; padding: 30px; background: #fff; overflow: hidden; margin: 0 auto;} body#pageIndex .indexNav li{width: 300px;} body#pageIndex .indexNav li a{padding: 30px 0px;} body#pageIndex .indexNav li dl dt{font-size: 26px;} /* mainVisual */ body#pageIndex .mainVisualArea{background: #fff; padding: 30px; width: 630px; margin: 0 auto;} body#pageIndex .mainVisualWrap{width: 630px; height: 630px; float: none; position: relative; padding:0px;} body#pageIndex #mainVisual{position: absolute; top: 0px; left: 0px;} body#pageIndex #mainVisual > li p img{width: 630px;} body#pageIndex #mainVisualTab{width: 630px; left: 0px; bottom: 0px;} body#pageIndex #mainVisualTab .number{width: 480px;} body#pageIndex #mainVisualTab .entry > li .title a{width: 480px;} body#pageIndex #mainVisualCara li{bottom: 85px; right: 0px;} body#pageIndex #mainVisualNav{display: none;} body#pageIndex #mainContents .button{clear: both; width: 480px; margin:0px auto;} /* sideContents */ #sideContents{width: 630px; float: none; margin: 40px auto 0px;} #sideContents section{margin-bottom: 40px;} #sideContents section:last-child{margin-bottom: 0px;} .sideBanner{text-align: center;} /* sideKeyword */ /* sideKeyword */ #sideKeyword{padding: 10px 0px 0px 0px;} #sideKeyword .button{width: 480px; margin: 0 auto;} /* sideSuperintendent */ #sideSuperintendent{padding: 10px 0px 10px 0px;} #sideSuperintendent ul{width: 570px; overflow: hidden; margin: 0 auto;} #sideSuperintendent ul li{margin-bottom: 30px; width: 270px;} #sideSuperintendent ul li:nth-child(odd){float: left;} #sideSuperintendent ul li:nth-child(even){float: right;} #sideSuperintendent ul li a span{width:190px;} #sideSuperintendent .button{width: 480px; margin: 0 auto;} /* sideEntry */ .sideEntry{padding: 0px; width: 630px; margin: 0 auto;} .sideEntry > ul{overflow: hidden;} .sideEntry > ul > li{width: 280px; margin-bottom: 10px; background: #fff; padding: 10px;} .sideEntry > ul > li:last-child{margin-bottom: 10px;} .sideEntry > ul > li:nth-child(odd){float: left;} .sideEntry > ul > li:nth-child(even){float: right;} .sideEntry ul li .title{width: 200px; height: 4em; overflow: hidden;} .sideEntry ul li .keywordListWrap{width: 280px;} /* navContents */ #navContents{width: 480px; margin: 0 auto; padding:120px 0px 60px 0px; display: none;} #pageIndex #navContents{padding-top: 30px;} /* keywordNav */ #navContents .keywordNav{padding-bottom: 10px;} #navContents .keywordNav > ul > li { background: #fff; margin-bottom: 10px; border-top:4px solid #404040; border-right:8px solid #404040; border-bottom:6px solid #404040; border-left:4px solid #404040; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 10px; } #navContents .keywordNav > ul > li > a{font-size: 19px; font-weight: bold; color: #404040; display: block; padding:12px 20px; background: url(../img/header/bg_nav_tb.png) no-repeat right center; background-size: 35px auto;} #navContents .keywordNav > ul > li > a.hover{padding:20px 20px 4px 20px; background: url(../img/header/bg_nav_hover_tb.png) no-repeat right center; background-size: 35px auto;} #navContents .keywordNav > ul > li.list > a{background: url(../img/header/bg_nav_list_tb.png) no-repeat right center; background-size: 37px auto;} /* #navContents .keywordNav > ul >li ul{display: none;} */ #navContents .keywordNav > ul >li ul{overflow: hidden; padding: 20px 20px 10px 20px; display: none;} #navContents .keywordNav > ul >li ul li{float: left; margin: 0px 10px 10px 0px;} #navContents .keywordNav > ul >li ul li a{font-size: 17px; font-weight: bold; display: block; padding: 10px; background: #EDF1F9; white-space: nowrap; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} /* searchNav */ #navContents .searchNav{ background: #fff; border-top:4px solid #404040; border-right:8px solid #404040; border-bottom:6px solid #404040; border-left:4px solid #404040; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 10px; } #navContents .searchNav dl dt{font-size: 19px; font-weight: bold; color: #404040; padding: 16px 20px; background: url(../img/header/ic_search_tb.png) no-repeat right 16px; background-size: 36px auto;} #navContents .searchNav dl dd{padding: 12px 20px 20px 20px;} #navContents .searchNav dl dd input[type="text"]{display: block; width: 426px; margin-bottom: 10px; background: #F2F2F2; padding: 10px 0px; font-size: 17px; border: 1px solid #D9D9D9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #navContents .searchNav dl dd input[type="submit"]{display: block; width: 100%; background: #2F7EC1; padding: 10px 0px; color: #FFF; font-size: 17px; border: none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #navContents .searchNav dl dd input[type="submit"]:hover{background-color: #235D8E;} /* aboutNav */ #navContents .aboutNav{padding-bottom: 20px;} #navContents .aboutNav ul li{text-align: center; margin-top: 30px;} #navContents .aboutNav ul li a{font-size: 19px; font-weight: bold; color: #E7554F; display:inline-block; padding-bottom: 4px; border-bottom: 3px solid #E7554F;} /* shareSns */ #navContents .shareSns p{text-align: center; font-size: 14px; letter-spacing: 1px; padding: 15px 0px 20px 0px;} /* header */ header{height: 120px; position: fixed; z-index: 11000;} /* h1 */ header h1{top: 17px; left:30px;} header h1 img{width: 90px; height: auto;} /* powered */ header .powered{padding-top: 42px; float: none; height: auto; margin-left: 18px; text-align: center;} header .powered.tb img{display: inline !important; height: 33px; width: auto;} /* aboutNav */ header .aboutNav{display: none;} /* keywordNav */ header .keywordNav{display: none;} /* searchNav */ header .searchNav{display: none;} /* headerBanner */ header #headerBanner{display: none;} /* dispNav */ header #dispNav{position: absolute; top: 30px; right: 30px; cursor: pointer;} header #dispNav img{width: 60px; height: 50px;} header #dispNav img:last-child{display: none;} header #dispNav.open img:first-child{display: none;} header #dispNav.open img:last-child{display: inline;} /* footer */ /* prNav */ footer #prNav ul{width: 630px;} footer #prNav ul li{width: 190px;} /* pagetop */ footer .pagetop{position: inherit; width: 100%; background: #fff; text-align: center; margin-bottom: 5px;} footer .pagetop a{color: #404040; font-size: 14px; display: block; padding: 10px 0px; line-height: 60px;} footer .pagetop a img{width: 60px; height: auto;} }