html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
display: block;
}
body {
font: 13px/1 "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
-webkit-text-size-adjust: 100%;
}
ul,
ol,
li {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
}
img {
border: 0;
vertical-align: top;
}
input,
select,
textarea {
box-sizing: border-box;
vertical-align: middle;
font-size: 100%;
font-family: Verdana, Helvetica, sans-serif;
}
a {
text-decoration: none;
} body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #EFEFEF;
background-size: cover; }
.wrapper {
position: relative;
display: block;
margin: 0 auto;
width: 1200px;
height: 100%;
min-height: 1080px;
background: #FFF;
}
.sidebar {
position: absolute;
display: inline-block;
width: 240px;
height: 100%;
background: #414C6A;
z-index: 10;
} .side_logo {
padding: 20px;
box-sizing: border-box;
text-align: center;
}
.side_logo a {
display: block;
width: 100%;
}
.side_logo a:hover {
opacity: 0.8;
}
.side_logo p {
margin-bottom: 5px;
padding: 5px 0;
color: #FFF;
line-height: 1.8em;
}
.side_logo p strong {
font-size: 150%;
}
.side_logo span {
display: block;
padding: 5px 0;
color: #FFDD13;
font-size: 80%;
line-height: 1.5em;
}
.side_logo span strong {
font-size: 150%;
} .main_menu {
margin: 10px 0;
}
.side_menu {
position: relative;
display: block;
width: 240px;
height: 50px;
border-bottom: 1px dotted #999;
z-index: 11;
}
.side_menu:first-child {
border-top: 1px dotted #999;
}
.side_menu a {
display: block;
width: 100%;
height: 100%;
color: #FFF;
}
.side_menu dl {
height: 100%;
display: table;
}
.side_menu dt,
.main_menu dd {
display: table-cell;
vertical-align: middle;
line-height: 1.2em;
}
.side_menu img {
width: 20px;
height: 20px;
margin: 0 10px 0 20px;
}
.side_menu .slide_right {
position: absolute;
top: 15px;
right: 15px;
width: 15px;
height: 15px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side_menu>a:hover {
opacity: 0.9;
color: #FFA910;
background: #2b344f;
}
.side_menu>a:hover>.slide_right {
border-color: #FFA910;
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
}
.side_menu:hover>.side_sub {
left: 240px;
visibility: visible;
opacity: 1;
}
.side_sub {
position: absolute;
top: 0;
left: 0;
width: 240px;
height: 400px;
z-index: 2; visibility: hidden;
opacity: 0;
}
.side_sub li {
position: relative;
display: table;
width: 240px;
height: 50px;
border-bottom: 1px dotted #999;
background: rgba(0, 0, 0, 0.8);
}
.side_sub li a {
display: table-cell;
width: 100%;
height: 100%;
padding: 0 10px;
vertical-align: middle;
color: #CCC;
line-height: 1.2em;
}
.side_sub .slide_right {
position: absolute;
top: 15px;
right: 15px;
width: 15px;
height: 15px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side_sub li a:hover {
color: #FFDD13;
background: rgba(0, 0, 30, 0.8);
}
.side_sub li a:hover>.slide_right {
border-color: #FFDD13;
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
} #form01 {
margin: 20px auto;
width: 200px;
height: 30px;
border: 1px #414C6A solid;
background-color: #FFF;
}
#form01 input {
vertical-align: top;
margin: 0px;
height: 100%;
padding: 0 5px;
box-sizing: border-box;
background-color: transparent;
}
#input01 {
width: 150px;
border: none;
border-right: 1px #414C6A solid;
}
#submit01 {
width: 50px;
border: none;
} .text_size {
margin: 30px auto;
width: 200px;
}
.text_size p {
display: inline-block;
margin-right: 10px;
color: #FFF;
}
.text_size a {
padding: 5px 20px;
color: #414C6A;
font-size: 14px;
font-weight: bold;
border: 2px solid #FFF;
background: #FFF;
}
.text_size a:hover {
border: 2px solid #FFA910;
background: #FFA910;
} .logout {
margin: 30px auto;
width: 200px;
height: 30px;
text-align: center;
}
.logout a {
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
color: #FFF;
background: #333;
}
.logout a:hover {
background: #FFA910;
} .side_bnr {
display: block;
margin: 0 auto;
width: 200px;
height: 120px;
background: #FFF;
}
.side_bnr li {
position: relative;
color: #22c4e7;
font-weight: bold;
}
.side_bnr li a {
display: table;
width: 100%;
height: 100%;
}
.side_bnr li .bnr_img {
display: table-cell;
width: 120px;
padding-left: 10px;
box-sizing: border-box;
vertical-align: middle;
font-size: 120%;
font-weight: bold;
line-height: 120%;
color: #414C6B;
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/img_angel.jpg) center center no-repeat;
background-size: cover;
}
.side_bnr .left_icon {
display: inline-block;
padding: 10px;
width: 90px;
height: 120px;
color: #FFF;
text-align: center;
background: #22b3d7;
}
.side_bnr li img {
display: block;
margin: 0 0 10px 10px;
width: 50px;
}
.side_bnr li p {
line-height: 120%;
}
.side_bnr .slide_right {
position: absolute;
top: 35px;
right: 20px;
width: 45px;
height: 45px;
border-top: 1px solid rgba(34, 179, 215, 0.8);
border-right: 1px solid rgba(34, 179, 215, 0.8);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side_bnr li a:hover>.left_icon {
background: #F99;
}
.side_bnr li a:hover .left_icon>p {
display: none;
}
.side_bnr li a .left_icon span {
display: none;
}
.side_bnr li a:hover .left_icon>span {
display: block;
}
.side_bnr li a:hover>.bnr_img .slide_right {
border-top: 3px solid rgba(255, 153, 153, 0.8);
border-right: 3px solid rgba(255, 153, 153, 0.8);
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
} .container {
width: 960px;
height: 100%;
margin-left: 120px;
box-sizing: border-box;
background: #FFF;
line-height: 1.6;
}
.content {
padding: 0 20px;
box-sizing: border-box;
}
.under .content {
padding: 50px 20px 0 20px;
box-sizing: border-box;
}
.content a:hover {
color: #FFA910;
}
section {
margin: 40px 0;
width: 100%;
}
section h2 {
padding-bottom: 5px;
color: #333;
font-size: 180%;
font-weight: bold;
border-bottom: 3px solid #414C6A;
}
section .read {
padding: 10px;
box-sizing: border-box;
}
section .read img {
margin-top: -3px;
} .bg_r {
background: #C00;
}
.bg_wr {
background: #6B434C;
}
.bg_g {
background: #456B43;
}
.bg_b {
background: #414C6B;
} #pagetop {
display: none;
}
.footer_arw {
position: fixed;
bottom: 50px;
right: 50px;
display: block;
width: 40px;
height: auto;
margin: 0;
padding: 0;
} footer {
margin-top: 100px;
width: 960px;
padding: 10px 0;
text-align: center;
border-top: 5px solid #414C6B;
background: #FFF;
}
.footer_menu {
margin: 0 auto;
}
.footer_menu li {
display: inline-block;
width: 200px;
border-right: 1px solid #333;
}
.footer_menu li:first-child {
border-left: 1px solid #333;
}
.footer_menu a:hover {
color: #FFA910;
text-decoration: underline;
}
footer img {
margin: 10px 0;
} .main_title_bg {
position: relative;
width: 100%;
height: 150px;
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_2.jpg);
background-size: cover;
} .main_title_bg.id_2 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_2.jpg);
background-size: cover;
}
.main_title_bg.id_48 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_48.jpg);
background-size: cover;
}
.main_title_bg.id_99 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_99.jpg);
background-size: cover;
}
.main_title_bg.id_101 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_101.jpg);
background-size: cover;
}
.main_title_bg.id_103 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_103.jpg);
background-size: cover;
}
.main_title_bg.id_105 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/bg_top_105.jpg);
background-size: cover;
} .id_2 .main_title h1 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa_2.png) no-repeat left center;
}
.id_48 .main_title h1 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa_48.png) no-repeat left center;
}
.id_99 .main_title h1 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa_99.png) no-repeat left center;
}
.id_101 .main_title h1 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa_101.png) no-repeat left center;
}
.id_103 .main_title h1 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa_103.png) no-repeat left center;
}
.id_105 .main_title h1 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa_105.png) no-repeat left center;
}
.main_title {
position: absolute;
top: 50px;
left: 30px;
}
.main_title img {
width: 36px;
padding-bottom: 5px;
}
.main_title h1 {
display: inline-block;
padding-left: 50px;
color: #FFF;
font-size: 250%;
font-weight: bold;
text-shadow: 1px 1px 3px #333;
line-height: 1.2;
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/icon_s_jswa.png) no-repeat left center;
}
.main_title p {
width: 360px;
padding: 5px 0;
color: #FFF;
text-shadow: 1px 1px 1px #333;
border-top: 1px solid #FFF;
} .news {
position: relative;
}
.news .newslist {
position: absolute;
top: 0;
right: 15px;
min-width: 200px;
text-align: center;
}
.news .newslist a {
display: block;
padding: 5px 10px;
color: #FFF;
border-radius: 5px;
background: #414C6A;
}
.news .newslist a:hover {
color: #FFF;
background: #FFA910;
}
.news ul {
display: block;
width: 100%;
padding: 0 10px;
}
.news li {
margin-top: 5px;
display: table;
width: 100%;
padding: 5px 0;
color: #333;
border-bottom: 1px dotted #CCC;
}
.news li div {
padding: 0 5px;
text-align: left;
}
.news .date {
display: table-cell;
min-width: 100px;
font-weight: bold;
}
.news .kind {
display: table-cell;
max-width: 120px;
}
.news .kind p {
display: block;
margin: 0 auto;
min-width: 100px;
min-height: 20px;
line-height: 2em;
text-align: center;
color: #FFF;
font-size: 0.8em;
}
.news .read {
display: table-cell;
width: 720px;
padding-left: 10px;
text-align: left;
}
#news_list {
overflow: hidden;
}
#news_list section {
float: left;
width: 700px;
}
#news_list .archive_list {
float: left;
width: 200px;
margin: 40px 0 0 20px;
border-top: solid 1px #ccc;
}
.archive_list li {
border-bottom: solid 1px #ccc;
}
.archive_list li a {
display: block;
padding: 10px 15px;
}
.news .bg01 {
background: #8C5CA3;
} .news .bg02 {
background: #00B9EF;
} .news .bg03 {
background: #5A73B7;
} .news .bg04 {
background: #F2944E;
} .news .bg05 {
background: #EC6D61;
} .news .bg06 {
background: #FED85D;
} .news .bg07 {
background: #B6D56A;
}  .category ul {
margin-top: 10px;
padding: 10px;
list-style: none !important;
}
.category li {
position: relative;
margin: 5px 20px 5px 0;
display: inline-block;
width: 275px;
height: 100px;
border: 1px solid #CCC;
list-style: none !important;
}
.category li:last-child {
margin-right: 0;
}
.category .left_icon {
display: inline-block;
width: 100px;
height: 98px;
}
.category a {
display: table;
width: 100%;
}
.category a p {
position: relative;
z-index: 5;
display: table-cell;
width: 170px;
padding-left: 10px;
vertical-align: middle;
text-align: left;
color: #333;
font-size: 120%;
font-weight: bold;
line-height: 1.3em;
}
.category a span {
display: none;
}
.category .slide_right {
position: absolute;
top: 25px;
right: 20px;
z-index: 3;
width: 45px;
height: 45px;
border-top: 3px solid #EFEFEF;
border-right: 3px solid #EFEFEF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.category a:hover>p {
display: none;
}
.category a:hover>span {
display: table-cell;
z-index: 5;
width: 170px;
padding-left: 10px;
vertical-align: middle;
text-align: left;
color: #333;
font-size: 1.2em;
font-weight: bold;
line-height: 1.3em;
}
.category a:hover img {
display: none;
}
.category a:hover>.bg01 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_01b.gif);
}
.category a:hover>.bg02 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_02b.gif);
}
.category a:hover>.bg03 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_03b.gif);
}
.category a:hover>.bg04 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_04b.gif);
}
.category a:hover>.bg05 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_05b.gif);
}
.category a:hover>.bg06 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_06b.gif);
}
.category a:hover>.bg08 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_08b.gif);
}
.category a:hover>.bg09 {
background: url(https://www.jswa.jp/wp2/wp-content/themes/jswa18/img/category_09b.gif);
} .category a:hover>.slide_right {
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
}
.category a:hover>.arw01 {
border-color: #414C6A;
}
.category a:hover>.arw02 {
border-color: #414C6A;
}
.category a:hover>.arw03 {
border-color: #414C6A;
}
.category a:hover>.arw04 {
border-color: #414C6A;
}
.category a:hover>.arw05 {
border-color: #414C6A;
}
.category a:hover>.arw06 {
border-color: #414C6A;
}
.category a:hover>.arw07 {
border-color: #414C6A;
}
.category a:hover>.arw08 {
border-color: #414C6A;
}  .breadcrumb {
padding: 20px 0 0 20px;
box-sizing: border-box;
}
.under h2 {
font-size: 21px;
font-weight: bold;
color: #fff;
background: #414C6A;
box-sizing: border-box;
padding: 10px 20px;
margin: 0 0 30px 0;
}
.content .block {
margin: 0 0 80px 0;
}
.content .title {
font-size: 24px;
font-weight: bold;
border-bottom: solid 2px #414C6A;
color: #414C6A;
margin: 0 0 30px 0;
padding: 0 0 5px 0;
}
.content h3 {
font-size: 18px;
font-weight: bold;
border-bottom: solid 2px #414C6A;
color: #414C6A;
margin: 50px 0 10px 0;
}
.content h4 {
margin-bottom: 5px;
font-size: 110%;
font-weight: bold;
}
.content p {
margin: 1px 0;
line-height: 1.5em;
}
.pdf::after {
content: "PDF";
display: inline-block;
margin: 1px 5px;
padding: 0 5px;
vertical-align: middle;
color: #FFF;
font-size: 8px;
font-weight: bold;
background: #C00;
}
.pdf:hover::after {
opacity: 0.5;
}
.xls::after {
content: "Excel";
display: inline-block;
margin: 1px 5px;
padding: 0 5px;
vertical-align: middle;
color: #FFF;
font-size: 8px;
font-weight: bold;
background: #217346;
}
.xls:hover::after {
opacity: 0.5;
}
.word::after {
content: "Word";
display: inline-block;
margin: 1px 5px;
padding: 0 5px;
vertical-align: middle;
color: #FFF;
font-size: 8px;
font-weight: bold;
background: #015699;
}
.word:hover::after {
opacity: 0.5;
}
.zip::after {
content: "ZIP";
display: inline-block;
margin: 1px 5px;
padding: 0 5px;
vertical-align: middle;
color: #FFF;
font-size: 8px;
font-weight: bold;
background: #333;
}
.zip:hover::after {
opacity: 0.5;
}
.content .btn_area {
margin: 10px 0;
}
.btn_area li {
display: inline-block;
margin-right: 5px;
}
.btn_area li a {
position: relative;
display: table;
width: 220px;
height: 60px;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
line-height: 1.5em;
color: #FFF;
font-size: 1.2em;
border-radius: 5px;
}
.btn_area li strong {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.btn_area .btn_slide {
position: absolute;
top: 22px;
right: 15px;
width: 15px;
height: 15px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_area a:hover>.btn_slide {
border-color: #FFF;
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
}
.btn_area a:hover {
color: #FFF;
}
.btn_area a.bg_gy {
background: #EFEFEF;
}
.btn_area a.bg_gy:hover {
background: #414C6A;
}
.btn_area a.bg_b {
background: #414C6A;
}
.btn_area a.bg_b:hover {
background: #FFA910;
}
.btn_area a.bg_sb {
background: #22b3d7;
}
.btn_area a.bg_sb:hover {
background: #F99;
}
.content table {
width: 100%;
border-collapse: collapse;
border: 1px solid #414C6A;
}
.content table th,
.content table td {
padding: 3px 5px;
border: 1px solid #CCC;
}
.content table th {
color: #FFF;
background: #414C6A;
}
.content . td:first-child {
background: #EFEFEF;
}
.content .table_input input,
.content .table_input textarea {
margin: 5px;
}
.content .table_list td {
text-align: center;
}
.content .table_list td:nth-child(odd) { } .child ul {
margin-top: 10px;
padding: 10px;
display: table;
}
.child li {
position: relative;
margin: 5px 20px 5px 0;
display: inline-block;
border: 1px solid #CCC;
text-align: center;
}
.child li:last-child {
margin-right: 0;
}
.child a {
display: block;
width: 100%;
width: 275px;
height: 100px;
display: table-cell;
vertical-align: middle;
} .releasedate {
padding: 20px 0 0 20px;
box-sizing: border-box;
}
.news_contents h2 {
font-size: 18px;
font-weight: bold;
color: #fff;
background: #414C6A;
box-sizing: border-box;
padding: 10px 0 10px 20px;
margin: 0 0 30px 0;
} .login {
display: block;
margin: 0 auto;
width: 400px;
padding: 3em;
box-sizing: border-box;
text-align: center;
background: #efefef;
}
.login .login_icon {
display: inline-block;
color: #4b4b4b;
font-size: 1.5em;
font-weight: bold;
}
.login .login_icon img {
margin-right: 0.5em;
height: 25px;
}
.login form {
text-align: left;
}
.login input[type="number"],
.login input[type="password"] {
margin: 0.2em 0 1.5em;
width: 100%;
padding: 0.5em 1em;
box-sizing: border-box;
font-size: 1.2em;
border-radius: 5px;
border: 1px solid #ccc;
}
.login input[type="submit"] {
margin: 1.5em auto 0;
display: inline-block;
width: 100%;
padding: 0.5em 1em;
text-align: center;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
border-radius: 5px;
background: #22b3d7;
}
.login input[type="submit"]:hover {
color: #fff;
background: #F99;
}
.login_error {
margin: 3em 0 !important;
color: #c00;
font-size: 1.2em;
font-weight: bold;
}
.login_revenge {
display: inline-block;
width: 100%;
padding: 0.5em 1em;
text-align: center;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
border-radius: 5px;
background: #22b3d7;
}
.login_revenge:hover {
color: #fff !important;
background: #F99;
} .in_box {
position: relative;
margin: 0 1%;
margin-bottom: 50px;
display: inline-block;
width: 30%;
min-height: 180px;
padding: 5px 5px 30px 5px;
vertical-align: top; }
.in_title {
margin-bottom: 10px;
padding: 3px 5px;
height: 50px;
font-size: 1.3em;
font-weight: bold;
line-height: 1.3em;
border-bottom: 3px solid #414C6A;
}
.in_read {
padding: 0 10px;
}
.in_box a {
position: absolute;
bottom: 10px;
right: 10px;
margin-top: 20px;
}
.in_box img {
display: block;
text-align: center;
margin: 0px auto;
} .waku {
border: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
margin: 50px 0 10px 0;
}
.content .waku h3 {
font-size: 18px;
font-weight: bold;
border-bottom: solid 2px #414C6A;
color: #414C6A;
margin: 0 0 10px 0;
} .journal_list {
margin: 10px 0;
}
.journal_list .j_year {
display: inline-block;
margin-right: 3px;
width: 60px;
height: 60px;
text-align: center;
line-height: 30px;
color: #FFF;
background: #414C6A;
}
.journal_list .j_month {
display: inline-block;
width: 850px;
height: 60px;
padding: 5px;
box-sizing: border-box;
text-align: left;
vertical-align: top;
background: #EFEFEF;
}
.journal_list .j_month li {
display: inline-block;
margin-right: 1px;
width: 50px;
height: 50px;
background: #FFF;
}
.journal_list .j_month li a {
display: block;
width: 100%;
height: 100%;
padding-top: 8px;
text-align: center;
line-height: 1.5em;
font-size: 0.9em;
border-radius: 3px;
}
.journal_list .j_month li a:hover {
color: #FFF;
background: #414C6A;
} .form_content label {
display: inline-block;
margin-right: 1.5em;
}
.form_content input {
margin: 5px 0;
box-sizing: border-box;
}
.form_content input[type=radio] {
width: 20px;
height: 15px;
}
.form_content input[type=checkbox] {
width: 20px;
height: 16px;
}
.form_content input[type=text],
.form_content select {
padding: 3px 5px;
box-sizing: border-box;
}
.form_content input[type=submit],
.form_content input[type=button] {
margin: 20px auto 30px;
display: inline-block;
width: 200px;
height: 50px;
text-align: center;
line-height: 45px;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
border-radius: 5px;
background: #22b3d7;
}
.form_content input[type=submit] {
display: block;
}
.form_content input[type=submit]:hover {
background: #F99;
}
.history_button {
text-align: center;
}
.history_button a {
margin: 20px 20px 30px 0;
display: inline-block;
width: 200px;
height: 50px;
text-align: center;
vertical-align: top;
line-height: 50px;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
border-radius: 5px;
background: #999;
}
.history_button a:hover {
color: #FFF;
background: #414C6B;
}
.form_result caption {
text-align: left;
}
.form_result td:nth-child(6),
.form_result td:nth-child(7) {
text-align: left;
} .c_box {
width: 100%;
padding: 10px;
box-sizing: border-box;
background: #EFEFEF;
}
.qa_result td {
padding: 3px 0;
text-align: center;
}
.qa_result td:first-child {
padding: 0 10px;
text-align: left;
}
.qa_result a {
display: block;
margin: 0 auto;
width: 80%;
padding: 3px 10px;
color: #FFF;
border-radius: 3px;
background: #22b3d7;
}
.qa_result a:hover {
color: #FFF;
background: #F99;
}
.qa_page {
margin: 10px 0 20px;
text-align: center;
}
.qa_page a {
margin: 0 2px;
padding: 0 8px;
border: 1px solid #CCC;
background: #EFEFEF;
}
.qa_back a {
display: block;
margin: 10px auto;
width: 240px;
padding: 10px;
text-align: center;
color: #FFF;
font-size: 1.2em;
border-radius: 3px;
background: #22b3d7;
}
.qa_back a:hover {
color: #FFF;
background: #F99;
}
.qa_detail {
padding: 10px;
border: 1px solid #CCC;
} .consultation_flow {
width: 100%;
margin-bottom: 30px;
}
.consultation_flow .flow_box {
position: relative;
margin: 10px 25px 10px 0;
display: inline-block;
width: 240px;
height: 50px;
padding: 10px;
box-sizing: border-box;
line-height: 2.5em;
color: #FFF;
font-weight: bold;
background: #CCC;
}
.consultation_flow .flow_box::after {
position: absolute;
top: 15px;
right: -40px;
content: "";
display: inline-block;
margin: 0 10px;
border: 10px solid transparent;
border-left: 10px solid #CCC;
}
.consultation_flow .flow_box:last-child::after {
display: none;
}
.consultation_pop {
position: relative;
width: 80px;
padding: 3px 5px;
box-sizing: border-box;
text-align: center;
color: #FFF;
font-size: 0.8em;
border-radius: 3px;
background: #22b3d7;
}
.consultation_pop:hover>.consultation_sample {
display: block;
}
.consultation_sample {
display: none;
position: absolute;
bottom: 10px;
right: -320px;
z-index: 10;
width: 480px;
padding: 20px;
box-sizing: border-box;
text-align: left;
color: #FFF;
font-size: 1.2em;
background: rgba(0, 0, 0, 0.7);
transform: translateY(-20px);
transition: bottom 5s;
}
.button_toform {
margin: 0 auto;
width: 360px;
height: 80px;
margin-bottom: 30px;
border-radius: 10px;
background: #41C7C4;
}
.button_toform a {
display: table;
width: 100%;
height: 100%;
padding: 0 20px;
box-sizing: border-box;
color: #FFF;
}
.button_toform:hover {
background: #FFB03A;
}
.button_toform img {
display: table-cell;
width: 50px;
margin: 15px 10px;
}
.button_toform p {
display: table-cell;
vertical-align: middle;
}
.button_toform strong {
font-size: 1.2em;
font-weight: bold;
} .content .mail_area {
background: rgba(100, 150, 255, 0.1);
border: 2px solid #414C6A;
border-radius: 15px;
width: 60%;
margin: 2% auto;
}
.content .mail_area p {
margin: 3% auto;
text-align: center;
}
.content .mail_area p span {
font-weight: bold;
}
.content .mail_area a {
position: relative;
display: table;
width: 220px;
height: 60px;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
line-height: 1.5em;
color: #FFF;
font-size: 1.2em;
border-radius: 10px;
}
.content .mail_area a:hover {
color: #FFF;
}
.content .mail_area a.bg_sb {
margin: 0 auto;
background: #22b3b7;
}
.content .mail_area a.bg_sb:hover {
background: #F99;
}
.content .mail_area .btn_slide {
position: absolute;
top: 22px;
right: 15px;
width: 15px;
height: 15px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.content .mail_area a:hover>.btn_slide {
border-color: #FFF;
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
} .ad_nowaku_tbl table {
width: 100%;
border: none;
border-collapse: collapse;
}
.ad_nowaku_tbl table td {
border: none;
vertical-align: middle;
}
.ad_nowaku_tbl table td:nth-child(2) {
width: 150px;
padding: 0 10px;
box-sizing: border-box;
}
span.ad_circle01_h {
color: #22b3d7;
text-align: center;
font-weight: bold;
}
span.ad_circle01 {
display: inline-block;
text-decoration: none;
font-weight: bold;
background: #22b3d7;
color: #FFF;
width: 85px;
height: 85px;
line-height: 85px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
span.ad_circle02_h {
color: #414C6A;
text-align: center;
font-weight: bold;
}
span.ad_circle02 {
display: inline-block;
text-decoration: none;
font-weight: bold;
background: #414C6A;
color: #FFF;
width: 85px;
height: 85px;
line-height: 85px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
overflow: hidden;
} a.banner_lng {
display: block;
color: #FFF;
font-weight: bold;
text-align: center;
padding: 2%;
cursor: pointer
}
a.navy_bg {
background: #414C6A;
}
a.navy_bg:hover {
background: #FFA910;
color: #FFF;
} .examples_waku {
margin: 10px 0;
padding: 10px;
box-sizing: border-box;
text-align: center;
border: none;
}
.examples_title {
display: block;
position: relative;
margin: 0 auto 5px;
width: 100%;
padding: 16px 0;
color: #005EAD;
font-size: 2.4em;
font-weight: bold; border-top: 2px solid #005EAD;
border-bottom: 2px solid #005EAD;
}
.examples_title span.example_chap {
font-size: 0.45em;
display: block;
color: #000;
}
.examples_title::after {
content: url(//www.jswa.jp/wp2/wp-content/themes/jswa18/img/example_crown02.png);
position: absolute;
display: inline-block;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
right: 155px;
top: 10px;
}
.examples_lanking {
width: 100%;
margin: 20px auto;
}
.examples_lanking li {
display: inline-block;
width: 176px;
padding: 10px;
vertical-align: bottom;
}
.examples_lanking li p {
margin: 0;
font-weight: bold;
overflow: hidden;
}
.examples_lanking li p:last-child {
height: 40px;
vertical-align: top;
}
.examples_lanking li img {
margin-bottom: 10px;
width: 90%;
border: 1px solid #CCC;
}
.examples_form label {
display: inline-block;
width: 260px;
}
.examples_form table td {
vertical-align: middle;
}
.examples_form table td p {
color: #C00;
font-size: 0.8em;
}
.examples_form input[type=submit],
.examples_form input[type=button] {
margin: 20px auto 30px;
display: inline-block;
width: 200px;
height: 50px;
text-align: center;
line-height: 45px;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
border-radius: 5px;
background: #22b3d7;
}
.examples_form input[type=submit]:hover {
background: #F99;
}
.search_button {
width: 100%;
text-align: center;
}
.research_button {
margin: 20px 0;
width: 100%;
text-align: center;
}
.research_button a {
display: inline-block;
margin: 0 10px;
width: 30%;
padding: 10px 0;
text-align: center;
color: #FFF;
border-radius: 5px;
background: #F18D00;
}
.research_button a:hover {
color: #FFF;
background: #22b3d7;
}
.search_grid{
display: grid; 
grid-template-columns: 1fr auto; 
grid-template-rows: auto; 
gap: 0 20px; 
grid-template-areas: 
"count select"; 
}
.search_grid .count{
grid-area: count;
}
.search_grid .form_select{
grid-area: select;
}
.search_grid .form_select select{
padding: 4px 20px 4px 8px;
cursor:pointer;
min-width:180px;
} .study_material {
margin: 10px 0;
}
.study_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.study_list li {
position: relative;
display: table;
margin: 5px 0;
width: 450px;
min-height: 180px;
max-height: 180px;
border: 1px solid #CCC;
}
.study_list li .study_left {
display: table-cell;
width: 180px;
height: 100%;
padding: 10px;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
background: #EFEFEF;
}
.study_list li .study_left a:hover {
opacity: 0.8;
}
.study_list li .study_left img {
margin: 0;
padding: 0;
max-width: 160px;
max-height: 160px;
border: 1px solid #EFEFEF;
}
.study_list li .study_right {
display: table-cell;
width: auto;
height: 100%;
padding: 10px;
box-sizing: border-box;
background: #FFF;
}
.study_list li .study_right .study_area {
display: inline-block;
min-width: 80px;
padding: 3px 10px;
box-sizing: border-box;
text-align: center;
color: #FFF;
font-size: 0.8em;
line-height: 1.5em;
background: #414C6A;
}
.study_list li .study_right h4 {
margin: 5px 0;
color: #111;
font-size: 1.2em;
font-weight: bold;
}
.study_list li .study_right p {
max-height: 75px;
overflow: hidden;
}
.study_list li .study_right p a::after {
overflow: hidden;
}
.study_list li .study_right .study_contact {
position: absolute;
bottom: 5px;
right: 5px;
}
.study_list li .study_right .study_contact a {
display: inline-block;
padding: 3px 10px;
box-sizing: border-box;
color: #333;
font-weight: bold;
border: 1px solid #333;
}
.study_list li .study_right .study_contact a:hover {
color: #FFF;
background: #333;
} .study_detail {
display: table;
width: 900px;
vertical-align: top;
}
.study_detail .study_left {
display: table-cell;
width: 300px;
text-align: center;
}
.study_detail .study_left .study_img {
display: table-cell;
width: 300px;
height: 300px;
padding: 10px;
box-sizing: border-box;
vertical-align: middle;
background: #EFEFEF;
}
.study_detail .study_left .study_img img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
border: 1px solid #EFEFEF;
}
.study_detail .study_left a:hover {
opacity: 0.8;
}
.study_detail .study_right {
display: table-cell;
width: 594px;
padding-left: 20px;
box-sizing: border-box;
vertical-align: top;
background: #FFF;
}
.study_detail .study_right .study_area {
display: inline-block;
min-width: 80px;
padding: 3px 10px;
box-sizing: border-box;
text-align: center;
color: #FFF;
font-size: 0.8em;
font-weight: bold;
background: #414C6A;
}
.study_detail .study_right h4 {
margin: 10px 0;
color: #111;
font-size: 1.5em;
font-weight: bold;
}
.study_detail .study_right p {
min-height: 160px;
padding-bottom: 50px;
box-sizing: border-box;
}
.study_detail .study_right p a {
font-weight: bold;
}
.study_detail .study_right .study_tel {
width: 100%;
padding-top: 10px;
font-weight: bold;
border-top: 1px solid #CCC;
} .miss_gridwrapper {
padding: 5px;
box-sizing: border-box;
overflow: hidden;
}
.miss_gridwrapper dl {
width: 200px;
border-style: none;
margin: 10px 20px 30px 0;
padding: 5px 5px;
display: inline-block;
}
.miss_gridwrapper dt {
text-align: center;
border-style: none;
padding-bottom: 3px;
}
.miss_gridwrapper dt img {
margin-bottom: 10px;
display: block;
width: 100%;
border: 1px solid #CCC;
}
.miss_gridwrapper dd p {
font-size: 0.9em;
text-align: center;
border-style: none;
margin-bottom: 5px;
padding-top: 4px;
padding-bottom: 3px;
line-height: 2em;
}
.miss_gridwrapper dd strong {
font-size: 1.5em;
font-weight: bold;
}
.miss_gridwrapper div {
display: inline-block;
padding: 5px;
box-sizing: border-box;
vertical-align: top;
}
.miss_gridwrapper div img {
margin: 5px;
display: block;
}
.miss_gridwrapper div p {
margin: 15px;
}
.miss_gridwrapper a {
position: relative;
display: table;
width: 220px;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
line-height: 1.5em;
color: #FFF;
font-size: 1.2em;
border-radius: 5px;
}
.miss_gridwrapper a:hover {
color: #FFF;
}
.miss_gridwrapper a.bg_sb {
background: #22b3b7;
}
.miss_gridwrapper a.bg_sb:hover {
background: #F99;
}
.miss_gridwrapper .btn_slide {
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
width: 15px;
height: 15px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.miss_gridwrapper a:hover>.btn_slide {
border-color: #FFF;
transform: translateX(10px) rotate(45deg);
transition: 0.5s ease;
}
.flow_list {
margin: 20px 0;
padding: 0;
list-style: none;
}
ul.flow_list li {
margin: 5px 0;
list-style: none;
}
ul.flow_list li:not(:last-child)::after {
content: "";
display: block;
width: 0;
height: 0;
border: 25px solid transparent;
border-top: 25px solid #ccc;
margin: 15px 0 -20px 70px;
}
ul.flow_list li.last-child::after {
content: "";
}
ul.flow_list li p {
display: inline-block;
}
ul.flow_list li span {
background-color: #414C6A;
color: #FFF;
width: 190px;
display: inline-block;
padding: 12px;
box-sizing: border-box;
margin: 1px 20px 0 0;
}
.customSearch-area table,
.customSearch-area td,
.customSearch-area th {
border: none;
line-height: 1;
} .wsp-pages-list {
padding: 0;
margin: 0;
}
.wsp-pages-list li {
font-size: medium;
text-indent: 0;
padding: 0;
margin: 0 0 20px;
list-style-type: none;
line-height: 1.5;
}
.wsp-pages-list li li {
background: none;
font-size: small;
margin: 0 0 0 0;
padding: 0 0 0 30px;
border-left: none;
}
.wsp-pages-list li li li {
font-size: 95%;
margin: 0;
}
.wsp-pages-list li a {
padding: 5px 7px 5px 18px;
text-decoration: none;
}
.wsp-pages-list ul {
padding: 0;
margin: 0;
}
.wsp-pages-list .posts_in_category {
position: absolute;
padding-top: 0.3em;
padding-left: 10px;
}
.wsp-pages-list li .posts_in_category a {
text-indent: -9999px;
display: block;
width: 1.2em;
height: 1.2em;
border: solid 1px #ccc;
padding: 0;
} .live {
display: block;
margin: 30px 0 !important;
}
.live a {
display: block;
margin: 0.5em 1em;
max-width: 320px;
padding: 1em 2em;
color: #fff;
font-size: 1.2em;
border-radius: 10px;
background: #ccc;
}
.live a:nth-child(1) {
background: #3399ff;
}
.live a:nth-child(2) {
background: #0066ff;
}
.live a:nth-child(3) {
background: #0000ff;
}
.live a:nth-child(4) {
pointer-events: none;
}
< !--.live a:nth-child(4) {
background: #000066;
pointer-events: none;
}
-->.live a:hover {
opacity: 0.5;
} .memberSearch_area {
position: relative;
height: 490px;
}
.memberSearch_area ul {
list-style: none;
width: 100%;
height: 100%;
}
.memberSearch_area li {
display: table;
position: absolute;
width: 50px;
height: 40px;
border: 1px solid #fff;
} .memberSearch_area li:first-child {
top: 0;
right: 40px;
width: 110px;
height: 100px;
} .memberSearch_area li:nth-child(2) {
top: 110px;
right: 50px;
width: 100px;
} .memberSearch_area li:nth-child(3) {
top: 150px;
right: 50px;
} .memberSearch_area li:nth-child(4) {
top: 190px;
right: 50px;
} .memberSearch_area li:nth-child(5) {
top: 150px;
right: 100px;
} .memberSearch_area li:nth-child(6) {
top: 190px;
right: 100px;
} .memberSearch_area li:nth-child(7) {
top: 230px;
right: 50px;
width: 100px;
} .memberSearch_area li:nth-child(8) {
top: 270px;
right: 50px;
height: 80px;
} .memberSearch_area li:nth-child(9) {
top: 270px;
right: 100px;
} .memberSearch_area li:nth-child(10) {
top: 270px;
right: 150px;
} .memberSearch_area li:nth-child(11) {
top: 310px;
right: 100px;
width: 100px;
} .memberSearch_area li:nth-child(12) {
top: 350px;
right: 50px;
height: 80px;
} .memberSearch_area li:nth-child(13) {
top: 350px;
right: 100px;
width: 100px;
} .memberSearch_area li:nth-child(14) {
top: 390px;
right: 100px;
width: 100px;
} .memberSearch_area li:nth-child(15) {
top: 310px;
right: 200px;
} .memberSearch_area li:nth-child(16) {
top: 230px;
right: 150px;
width: 100px;
} .memberSearch_area li:nth-child(17) {
top: 270px;
right: 200px;
} .memberSearch_area li:nth-child(18) {
top: 190px;
right: 300px;
height: 80px;
} .memberSearch_area li:nth-child(19) {
top: 270px;
right: 350px;
} .memberSearch_area li:nth-child(20) {
top: 270px;
right: 250px;
height: 80px;
} .memberSearch_area li:nth-child(21) {
top: 270px;
right: 300px;
height: 80px;
} .memberSearch_area li:nth-child(22) {
top: 350px;
right: 200px;
height: 80px;
} .memberSearch_area li:nth-child(23) {
top: 350px;
right: 250px;
width: 100px;
} .memberSearch_area li:nth-child(24) {
top: 350px;
right: 350px;
} .memberSearch_area li:nth-child(25) {
top: 310px;
right: 350px;
} .memberSearch_area li:nth-child(26) {
top: 270px;
right: 400px;
width: 100px;
} .memberSearch_area li:nth-child(27) {
top: 310px;
right: 450px;
} .memberSearch_area li:nth-child(28) {
top: 270px;
right: 500px;
height: 80px;
} .memberSearch_area li:nth-child(29) {
top: 310px;
right: 400px;
} .memberSearch_area li:nth-child(30) {
top: 350px;
right: 400px;
width: 100px;
} .memberSearch_area li:nth-child(31) {
top: 270px;
right: 550px;
} .memberSearch_area li:nth-child(32) {
top: 270px;
right: 600px;
} .memberSearch_area li:nth-child(33) {
top: 310px;
right: 550px;
} .memberSearch_area li:nth-child(34) {
top: 310px;
right: 600px;
} .memberSearch_area li:nth-child(35) {
top: 270px;
right: 650px;
height: 80px;
} .memberSearch_area li:nth-child(36) {
top: 370px;
right: 550px;
} .memberSearch_area li:nth-child(37) {
top: 410px;
right: 550px;
} .memberSearch_area li:nth-child(38) {
top: 370px;
right: 600px;
} .memberSearch_area li:nth-child(39) {
top: 410px;
right: 600px;
} .memberSearch_area li:nth-child(40) {
top: 330px;
right: 700px;
} .memberSearch_area li:nth-child(41) {
top: 330px;
right: 750px;
} .memberSearch_area li:nth-child(42) {
top: 330px;
right: 800px;
} .memberSearch_area li:nth-child(43) {
top: 370px;
right: 800px;
} .memberSearch_area li:nth-child(44) {
top: 370px;
right: 700px;
width: 100px;
} .memberSearch_area li:nth-child(45) {
top: 410px;
right: 700px;
} .memberSearch_area li:nth-child(46) {
top: 410px;
right: 750px;
width: 100px;
} .memberSearch_area li:nth-child(47) {
top: 440px;
right: 850px;
}
.memberSearch_area li.hokkaido a {
background: #aa70ea;
}
.memberSearch_area li.tohoku a {
background: #29a7e1;
}
.memberSearch_area li.kanto a {
background: #0ba29b;
}
.memberSearch_area li.chubu a {
background: #8ec21f;
}
.memberSearch_area li.kinki a {
background: #f8b62b;
}
.memberSearch_area li.chugoku a {
background: #e95412;
}
.memberSearch_area li.shikoku a {
background: #f1a2b5;
}
.memberSearch_area li.kyushu a {
background: #de803a;
}
.memberSearch_area li.okinawa a {
background: #f14c69;
}
.memberSearch_area li a {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
font-size: 1.066666em;
color: #fff;
}
.memberSearch_area li a:hover {
opacity: 0.6;
color: #333;
border: 2px solid #c00;
}
.memberSearch_area img {
position: absolute;
top: 40px;
left: 90px;
}  .memberSearch_results .found {
font-size: 1.13333rem;
margin-bottom: 20px;
}
.memberSearch_results table tr:nth-child(even) td {
background: #e0ebfb;
;
} .memberSearch_name input[type=text] {
padding: 8px;
width: calc(100% - 100px);
}
.memberSearch_name input[type=submit] {
display: inline-block;
margin-left: 8px;
padding: 8px 24px;
background: #22b3d7;
border-radius: 5px;
text-align: center;
color: #FFF;
font-size: 1.06666em;
font-weight: bold;
}
.memberSearch_name input[type=submit]:hover {
background: #F99;
} .memberSearch_class label {
margin-left: 1rem;
}
.memberSearch_class label:first-child {
margin-left: 0;
}
.memberSearch_class input[type=checkbox] {
margin-right: 5px;
}
.memberSearch_class input[type=submit] {
display: inline-block;
width: 200px;
padding: 13px 26px;
text-align: center;
color: #FFF;
font-weight: bold;
border-radius: 5px;
background: #22b3d7;
}
.memberSearch_class input[type=submit]:hover {
background: #F99;
}
.memberSearch_results .pager_area {
width: 100%;
margin-top: 20px;
overflow: hidden;
}
.memberSearch_results .pager_area .prev {
float: left;
}
.memberSearch_results .pager_area .next {
float: right;
} .memberSearch_results .pager_area {
width: 100%;
margin-top: 20px;
overflow: hidden;
}
.memberSearch_results .pager_area input[type=submit],
.memberSearch_results .pager_area a {
display: inline-block;
margin-left: 8px;
padding: 8px 24px;
background: #22b3d7;
border-radius: 5px;
text-align: center;
color: #FFF;
font-size: 1.06666em;
font-weight: bold;
}
.memberSearch_results .pager_area .prev {
float: left;
}
.memberSearch_results .pager_area .prev:hover {
background: #b4b9be;
}
.memberSearch_results .pager_area .next {
float: right;
}
.memberSearch_results .pager_area .next:hover {
background: #F99;
} .memberSearch_detail table th {
font-weight: bold;
background: #d9efff;
color: #2a3552;
}
.memberSearch_detail table th,
.memberSearch_detail table td {
padding: 13px 5px;
}
.memberSearch_detail table tr:nth-child(even) td {
background: #efefef;
}
.memberSearch_detail input[type=submit] {
background: #b4b9be
}
.memberSearch_detail input[type=submit]:hover {
background: #22b3d7;
}
.memberSearch_class.support label {
display: inline-block;
width: 130px;
margin-left: 0;
} .in_boxes{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 20px
}
.in_box2 {
position: relative;
display: flex;
align-items: center;
border: 2px solid #ccc;
color: #414C6A;
}
.in_box2:hover{
color: #FFB30A;
}
.in_box2:hover .in_icon2{
background: #FFB30A;
}
.in_box2_inner{
width: calc(100% - 60px);
text-align: center;
}
.in_icon2{
padding: 10px;
background: #414C6A;
text-align: center;
}
.in_icon2 img{
width: 40px;
vertical-align: middle;
}
.in_title2 {
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
text-align: center;
} .inquiry_answer .qpop_set {
position: relative;
margin: 5px 0;
}
.inquiry_answer .icon_q {
color: #333;
font-size: 1.2em;
line-height: 1.5em;
cursor: pointer;
}
.inquiry_answer .icon_q:hover {
color: #FFB03A;
}
.inquiry_answer .qpop_set .icon_q::before {
content: "Q";
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
color: #FFF;
font-weight: bold;
text-align: center;
border-radius: 50%;
background: #414C6B;
cursor: pointer;
}
.inquiry_answer .apop_set {
position: relative;
display: none;
margin: 5px 0 10px 30px;
width: 890px;
padding: 0 10px 0 40px;
box-sizing: border-box;
color: #333;
font-weight: bold;
text-align: left;
line-height: 1.5em;
font-size: 1.2em;
animation: anime-qpop .1s ease-out;
transform-origin: 0px 0px;
cursor: default;
border-radius: 5px;
background: #fef6e9;
}
.inquiry_answer .apop_set::before {
position: absolute;
top: 10px;
left: -30px;
content: "";
display: block;
border: 10px solid transparent;
border-right: 20px solid #fef6e9;
}
.inquiry_answer .apop_set .icon_a::before {
position: absolute;
left: 10px;
top: 10px;
content: "A";
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
color: #FFF;
font-weight: bold;
text-align: center;
border-radius: 10%;
background: #FFB30A;
}
.inquiry_answer .apop_set a {
font-weight: bold;
}
.inquiry_answer .apop_set p {
display: inline-block;
padding: 10px 0;
}
.inquiry_answer .apop_set table td {
padding: 0 20px;
} .wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px !important;
margin-bottom: 8px !important;
}