/* Scss Document */
#contents { /*top*/ /*top-end*/ }
#contents section .wrap { width: 1100px; margin: 0 auto; min-width: 1100px; padding: 0 10px; }
#contents section.top + section { margin-top: 45px; }
#contents section.top .kv { width: 100%; height: 165px; background: url(/images/jukou/kv.jpg) no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center; }
#contents section.top .kv h1 { font-size: 3.1rem; letter-spacing: 0.2em; font-weight: 900; color: #fff; }
#contents section.top .breadcrumb { width: 1100px; margin: 0 auto; min-width: 1100px; font-size: 1.3rem; letter-spacing: 0.1em; padding: 10px; }
#contents section.top .breadcrumb p { transform: rotate(0.05deg); }
#contents section.top .breadcrumb a:hover { text-decoration: underline; }
#contents section.top .nav ul { display: flex; justify-content: center; width: 1100px; margin: 0 auto; min-width: 1100px; height: 100%; }
#contents section.top .nav ul li a { color: #fff; display: block; height: 100%; width: 100%; letter-spacing: 0.1em; text-align: center; transition: background 0.2s,color 0.2s; transform: rotate(0.05deg); }
#contents section.top .nav.category_common { background: #dc6367; height: 50px; padding: 2px 0; }
#contents section.top .nav.category_common ul li { height: 100%; }
#contents section.top .nav.category_common ul li:last-child a:after { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; right: -1px; }
#contents section.top .nav.category_common ul li a { font-size: 1.2rem; padding: 0 10px; line-height: 46px; position: relative; }
#contents section.top .nav.category_common ul li.newline  a {line-height: 22px;}
#contents section.top .nav.category_common ul li a:before { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; left: -1px; }
#contents section.top .nav.category_common ul li a:hover { background: #fff; color: #dc6367; }
#contents section.top .nav.category_common ul li.active a { background: #fff !important; color: #dc6367 !important; }
#contents section.top .nav.local { margin-top: 30px; }
#contents section.top .nav.local ul { flex-wrap: wrap; }
#contents section.top .nav.local ul li { width: 218px; height: 43px; line-height: 43px; margin: 9px; border-radius: 9px; overflow: hidden; position: relative; }
#contents section.top .nav.local ul li.active a { position: relative; color: #325bae; }
#contents section.top .nav.local ul li.active a:before { opacity: 0; }
#contents section.top .nav.local ul li.active a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border: 2px solid #325bae; border-radius: 9px; }
#contents section.top .nav.local ul li a { font-size: 1.4rem; font-weight: 500; overflow: hidden; }
#contents section.top .nav.local ul li a:before { content: ""; width: 100%; height: 100%; background: #325bae; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: -1; transition: opacity 0.2s; border-radius: 9px; }
#contents section.top .nav.local ul li a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border: 2px solid #325bae; border-radius: 9px; }
#contents section.top .nav.local ul li a:hover { background: #fff; color: #325bae; }
#contents section.top .nav.local ul li a:hover:before { opacity: 0; }
#contents section .wrap { padding-bottom: 45px; }
#contents section .wrap h3.bar, #contents section .wrap h4.bar { font-weight: 900; font-size: 1.8rem; letter-spacing: 0.17em; line-height: 1.6; transform: rotate(0.05deg); margin-bottom: 20px; }
#contents section .wrap h4 { font-weight: 900; font-size: 1.5rem; letter-spacing: 0.17em; line-height: 1.6; margin-bottom: 20px; text-align: left;}
#contents section .wrap ol { list-style: none; }
#contents section .wrap h2.line { font-size: 2.8rem; letter-spacing: 0.2em; font-weight: bold; padding-bottom: 6px; }
#contents section .wrap p.border {border: 1px solid #000; padding: 10px; margin: 10px 0;}
#contents section .wrap p {text-align: left; margin-bottom: 20px; text-indent: 0;font-size: 1.5rem; letter-spacing: 0.1em;  line-height: 1.7;  font-weight: 400;}
#contents section .wrap .box {border: 1px solid #000; padding: 20px; margin: 20px 0; width: 700px;}
#contents section .wrap .box p,#contents section .wrap .box img {display: inline-block;}
#contents section .wrap .box p {margin-left: 2em; margin-bottom: 0;}
#contents section .wrap .red {color: #B70003;}
#contents section .wrap .pagenav { background: #eeeeee; width: 100%; text-align: left; display: flex; justify-content: space-between; padding: 47px 30px 45px 40px; margin-top: 24px; }
#contents section .wrap .pagenav ol { min-width: 260px; padding-left: 30px;}
#contents section .wrap .pagenav ol:nth-child(2) { margin-left: -20px; }
#contents section .wrap .pagenav ol li { line-height: 1.3; font-size: 1.5rem; letter-spacing: 0.1em; font-weight: 500; transform: rotate(0.05deg); position: relative; display: flex; }
#contents section .wrap .pagenav ol li:before { content: ""; width: 16px; height: 16px; background: url("/images/arrow_circle.png") no-repeat center; background-size: 100% auto; position: absolute; left: 0; }
#contents section .wrap .pagenav ol li a { transition: color 0.3s; padding-left: 30px; font-weight: 500; letter-spacing: 0.1em; transform: rotate(0.05deg); }
#contents section .wrap .pagenav ol li a:hover { color: #325bae; font-weight: 700; /*text-shadow:0.1px 0.1px 0 $blue,-0.1px 0.1px 0 $blue,0.1px -0.1px 0 $blue,-0.1px -0.1px 0 $blue;*/ }
#contents section .wrap .pagenav ol li span { display: block; margin-left: -15px; }
#contents section .wrap .pagenav ol li + li { margin-top: 20px; }
#contents section .wrap .pagenav ol li.child { margin-left: 30px; }
#contents section .wrap .inner { padding: 0 10px; }
#contents section .wrap .inner + .inner { margin-top: 45px; }
#contents section .wrap .inner ol { text-align: left;  margin-bottom: 20px;}
#contents section .wrap .inner ol li { font-size: 1.5rem; letter-spacing: 0.1em; line-height: 1.7; font-weight: 400; text-indent: -2em; margin-left: 2em; }
#contents section .wrap .inner ol li + li { margin-top: 8px; }
#contents section .wrap .inner ul { text-align: left;  margin-bottom: 20px; margin-left: 4em;}
#contents section .wrap .inner ul li { font-size: 1.5rem; letter-spacing: 0.1em; line-height: 1.7; font-weight: 400; margin-left: 1em; margin: 20px 0;}
#contents section .wrap .inner ul.answer li {border-bottom: 1px solid #cacaca; padding-bottom: 22px;}
#contents section .wrap .inner ul li + li { margin-top: 8px; }
#contents section .wrap .inner table { border-collapse: collapse; margin-top: 20px;}
#contents section .wrap .inner table thead { background: #325bae; color: #fff; }
#contents section .wrap .inner table thead td { text-align: center; border: 1px solid #fff; font-size: 1.4rem; letter-spacing: 0.1em; font-weight: 700; padding: 18px 10px; transform: rotate(0.05deg); text-indent: 0;}
#contents section .wrap .inner table tbody { background: #eeeeee; }
#contents section .wrap .inner table tbody + tbody tr:first-of-type { border-top: 8px #fff solid; }
#contents section .wrap .inner table tbody td { border: 4px solid #fff; font-size: 1.4rem; letter-spacing: 0.1em; padding: 4.5px 12px; font-weight: 500; transform: rotate(0.05deg); line-height: 2.0; text-indent: 0;}
#contents section .wrap .inner table + p { margin-top: 20px;}
#contents section .wrap .inner table tr th { background: #325bae; color: #fff; text-align: center; border: 4px solid #fff; font-size: 1.4rem; letter-spacing: 0.1em; font-weight: 700; padding: 18px 10px; transform: rotate(0.05deg); text-indent: 0;}
#contents section .wrap .inner .center { text-align: center; }

.fontL #contents section.top .nav.category_common ul li a { font-size: 1.05rem; }

.fontL #contents section .wrap .pagenav ol li:before { top: 3px; }

#contents section .wrap a {color: #325bae; text-decoration: underline; }
#contents section .wrap h2.title { font-weight: 900; font-size: 2.5rem; letter-spacing: 0.17em; line-height: 1.6; margin-bottom: 40px; background:#325bae; color: #fff; padding: 5px; margin-top: 60px;}
#contents section.top .nav ul.yotei-btn{width: 800px; min-width: 800px;}
#contents section .wrap ul.list {margin-bottom: 25px; margin-top: -13px; border-bottom: 1px solid #dfdfdf; padding-bottom: 25px;}
#contents section .wrap ul.list li{ display: inline-block;}
#contents section .wrap ul.list li + li{margin-left: 30px;}
#contents section .wrap ul.img li{ display: inline-table;text-indent: 0; margin-left: 0; vertical-align: middle;}
#contents section .wrap ul.img li + li{margin-left: 30px;}
#contents section p.btn {justify-content: center; width: 218px; height: 43px; line-height: 43px; margin: 9px; border-radius: 9px; overflow: hidden; position: relative; }
#contents section p.btn a { color: #fff; display: block; height: 100%; width: 100%; letter-spacing: 0.1em; text-align: center; transition: background 0.2s,color 0.2s; transform: rotate(0.05deg);  font-size: 1.4rem; font-weight: 500; overflow: hidden; text-decoration: none;}
#contents section p.btn a:before { content: ""; width: 100%; height: 100%; background: #325bae; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: -1; transition: opacity 0.2s; border-radius: 9px; }
#contents section p.btn a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border: 2px solid #325bae; border-radius: 9px; }
#contents section p.btn a:hover { background: #fff; color: #325bae; }
#contents section p.btn a:hover:before { opacity: 0; }

#contents section .wrap h3.bar{}


.blue {color: #325bae;}


#contents section .wrap dl{margin: 10px 0;}

#contents section .wrap dl dt{float: left;
    width: 2em;}
#contents section .wrap dl dd{padding-left: 2em;}