* { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; outline: none; list-style: none; font-kerning: auto; text-decoration:none; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; line-height: 1.6; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; letter-spacing: 0.02em; color:#333333; } /* ----------------------------- custom ------------------------------*/ main.content-area { margin: 30px 20px; } main.content-area .area-section { border: 1px solid #e5e5e5; border-radius: 5px; font-size: 14px; margin: 0 auto; max-width: 800px; padding: 40px; } main.content-area .area-section + .area-section { margin-top: 30px; } main.content-area .area-section h2 { font-size: 21px; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #333; } main.content-area .area-section h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; padding-top:15px; } main.content-area .area-section p { margin-bottom: 15px; text-align: justify; } main.content-area .area-section .list-note { margin-bottom: 15px; padding-left: 1em; text-indent: -1em; } main.content-area .area-section a { color: #818181; text-decoration: underline; } main.content-area .area-section a:hover { text-decoration: none; } main.content-area .area-section dl.area-contact { align-items: flex-start; background: #efefef; display: flex; flex-wrap: wrap; margin-top: 20px; line-height: 1.5; padding: 10px; } main.content-area .area-section dl.area-contact dt { width: 100px; } main.content-area .area-section dl.area-contact dd { width: calc(100% - 100px); } main.content-area .area-section dl.area-contact dd + dt { } main.content-area .area-section .txt-s { font-weight: bold; } main.content-area .area-section .note { display: block; font-size: 0.9em; margin-bottom: 30px; padding-left: 1em; text-indent: -1em; } main.content-area .area-section .list-note02 { font-weight: bold; margin-top: 10px; padding-left: 1em; text-indent: -1em; } @media screen and (max-width:640px){ main.content-area .area-section { border: none; margin: 0 auto; max-width: 800px; padding: 5px; } } main.content-area table, main.content-area thead, main.content-area tbody{ width: 100%; border-spacing: 0px; border-collapse: collapse; border-spacing: 0; overflow: hidden; text-overflow: ellipsis; } main.content-area table{ text-align:left; margin-bottom: 15px; } main.content-area th,main.content-area td{ padding:1vw 1vw; vertical-align: middle; font-size:92%; border: 1px solid #efefef; } main.content-area th a,main.content-area td a{ font-size:92%; } main.content-area th{ font-weight : bold; } .accordion{ margin-bottom: 5px; } .accordion dt { cursor: pointer; padding: 10px; background: #eee; margin: 0; border-bottom: 1px solid #ccc; position: relative; } .accordion dt::before, .accordion dt::after { width: 1px; height: .8em; border-radius: 1px; content: ''; position: absolute; right: 20px; top: calc(50% - 5px); background: #000; } .accordion dt::before { rotate: 90deg; } .accordion dt.active::after { rotate: 90deg; } .accordion dt::after { transition: rotate .3s; } .accordion dd { margin: 0; padding: 7px 10px; display: none; background: #fafafa; } .accordion ul{ padding-top: 2px; padding-bottom: 2px; padding-left: 25px; } .accordion p{ margin:0px; padding: 2px 10px; text-align: justify; }