body {
font-family: 'Noto Sans JP', 'Noto Serif JP';
font-size: 14px;
}
ul {
padding: 0;
margin: 0;
}
a {
color: #002AA1;
text-decoration: none;
transition: all 0.6s ease;
}
a:hover {
color: #006CE3;
}
a img {
transition: all 0.6s ease;
}
a img:hover {
opacity: 0.7;
}
img {
width: 100%;
}
.kboard-content img {
max-width: 100%;
width: auto;
height: auto;
}
button:focus, button:focus-visible {
outline: none;
}
h4 {
font-size: 20px;
}
.login_wrap {
cursor: pointer;
transition: all 0.6s ease;
position: absolute;
top: 10px;
right: 50px;
display: flex;
align-items: center;
gap: 20px;
}
.login_wrap:hover {
color: firebrick;
}
.sp {
display: none;
}
.pc {
display: inherit;
}
.grecaptcha-badge { 
visibility: hidden;
}
.parallax-window {
min-height: 560px;
background: transparent;
}
.sns_wrap {
position: absolute;
right: 50px;
top: 80px;
}
.sns {
display: flex;
gap: 50px
}
.sns > div {
width: 30px;
}
#site_header {
position: relative;
}
#main_menu > ul{
display: flex;
border-bottom: 1px solid #999;
align-items: flex-end;
margin-bottom: 20px;
}
#main_menu > ul > li {
flex: 1;
text-align: center;
cursor: pointer;
padding-bottom: 20px;
font-weight: bold;
}
#main_menu > ul > li .title {
transition: all 0.6s ease;
}
#main_menu > ul > li:hover .title{
color: firebrick;
}
#main_menu > ul > li .col {
position: relative;
}
.sub_menu {
display: none;
position: absolute;
top: 42px;
z-index: 3;
left: 50%;
transform: translateX(-50%);
}
.sub_menu li {
border: 1px solid #000;
background: rgba(255, 255, 255, 0.95);
padding: 10px 5px;
font-weight: normal;
min-width: 200px;
}
li.youtube_logo img {
width: 57px;
}
.bg_flex {
position: absolute;
height: 600px;
z-index: -1;
display: flex;
width: 100%;
}
.bg_flex>div {
flex: 1;
}
.bg_flex>div.gray {
background: #EDEDEE;
}
.header_logo .logo {
padding: 30px;
}
.slider .slider_caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
text-align: center;
font-family: 'Noto Serif JP';
}
.home #site_content {
margin-top: 50px;
}
.under_flex {
display: flex;
text-align: center;
height: 150px;
color: red;
font-weight: bold;
border-bottom: 1px solid #000;
}
.under_flex .col:nth-child(2) {
display: flex;
align-items: center;
justify-content: center;
}
.home .slick-dots {
bottom: 9px;
}
.home .slick-dotted.slick-slider {
margin-bottom: 0px;
}
.home .item_wrap {
display: flex;
gap: 20px;
}
.home .item_wrap:not(:last-child) {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px dotted #ccc;
}
.home .item_wrap > h4 {
flex: 1;
}
.home .item_wrap > div {
flex: 2;
}
.news_content img {
width: unset;
}
.home .img_wrap {
display: none;
flex-wrap: wrap;
gap: 20px;
}
.home .img_wrap a{
border: 1px solid #ccc;
}
.footer_menu_wrap {
text-align: right;
font-size: 12px;
}
.member_site {
font-weight: bold;
display: none;
}
.copy_zone {
display: flex;
justify-content: flex-end;
gap: 30px;
margin-top: 10px;
line-height: 1;
}
ul.footer_menu {
display: flex;
gap: 10px;
}
ul.footer_menu li:not(:last-child)::after {
content: "|";
padding-left: 10px;
}
.sitemap {
font-weight: bold;
display: none;
}
.search {
display: none;
}
footer {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #000;
padding-bottom: 30px;
}
footer .search a {
padding: 3px 9px;
background: #626366;
color: #fff;
}
footer .search a:hover {
background: #000;
}
.not_front .header_wrap {
display: flex;
justify-content: space-between;
column-gap: 80px;
}
.not_front .header_wrap > .header_logo {
width: 250px;
}
.not_front .header_logo .logo {
padding: 0;
}
.not_front header#site_header {
padding: 30px 30px 20px;
border-bottom: 1px solid #000;
margin-bottom: 30px;
}
.not_front .sns {
display: none;
}
.not_front div#main_menu {
flex: 1;
background: #EDEDEE;
}
.not_front #main_menu > ul {
border: none;
margin-bottom: 0;
height: 100%;
justify-content: space-between;
}
.not_front #main_menu > ul > li {
align-self: end;
padding-bottom: 10px;
flex: unset;
padding-left: 40px;
padding-right: 40px;
}
.title_grp h1 {
background: #636466;
color: #fff;
font-size: 25px;
display: inline-block;
line-height: 1;
padding: 20px;
}
.title_grp h1 span {
font-weight: bold;
}
.not_front #site_content {
padding-left: 30px;
padding-right: 30px;
}
.not_front #site_footer {
padding-left: 30px;
padding-right: 30px;
}
.members_block .title {
background: #EDEDEE;
margin-bottom: 10px;
padding: 5px 10px;
text-align: center;
}
.member_list {
background: #EDEDEE;
margin-bottom: 20px;
padding: 20px;
}
.members_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.members_wrap > * {
width: 18%;
}
.member_list a {
color: #000;
}
.member_list a:hover {
color: #0F23D0;
}
.member_info_wrap {
display: flex;
justify-content: space-between;
gap: 20px;
}
.member_info_wrap .left {
flex: 1;
background: #EDEDEE;
}
.member_info_wrap .right {
flex: 2;
background: #EDEDEE;
}
.member_content {
background: #fff;
padding-bottom: 20px;
font-family: 'Noto Serif JP';
min-height: 41px;
}
.member_content p {
margin: 0;
}
.memeber_portfolio {
display: flex;
gap: 20px;
justify-content: space-between;
background: #EDEDEE;
padding: 60px 30px 30px;
position: relative;
}
.memeber_portfolio .title {
position: absolute;
top: 30px;
right: 30px;
}
.member_info_wrap .left img {
width: 150px;
height: 150px;
}
.member_info_zone {
display: flex;
justify-content: space-between;
}
.member_info_zone .img {
padding-bottom: 20px;
padding-right: 20px;
background: #fff;
}
.member_info_zone .info {
background: #EDEDEE;
padding: 20px;
flex: 1;
}
.member_history {
background: #EDEDEE;
padding: 20px;
}
.memeber_portfolio .img {
margin-bottom: 50px;
}
.memeber_portfolio .caption {
line-height: 1.5;
font-size: 11px;
display: inline-block;
text-align: left;
}
.memeber_portfolio .portfolio {
text-align: center;
}
.member_info_wrap .name {
font-size: 20px;
font-weight: bold;
background: #fff;
}
.single-member_info .title_grp {
margin-bottom: 50px;
}
.member_list .member_name {
margin-bottom: 5px;
transition: all 0.6s ease;
}
.member_list .member_name:hover {
transform: scale(1.05);
}
.supporting_members_wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.supporting_members_block {
background: #EDEDEE;
width: 440px;
padding: 15px;
margin-bottom: 20px;
font-size: 14px;
transition: all 0.6s ease;
}
.supporting_members_block:hover {
transform: scale(1.05);
}
.btn_block {
cursor: pointer;
}
.greetings_wrap {
align-items: center;
max-width: 1000px;
margin: auto;
}
.greetings_wrap .left {
margin-right: 30px;
line-height: 1.8;
}
.greetings_wrap .right {
width: 220px;
}
.caption {
font-size: 12px;
margin-top: 10px;
}
.line {
border-top: 1px solid #231F20;
margin: 40px 0px;
}
.officers_wrap {
flex-direction: column;
width: 200px;
margin: auto;
margin-top: 20px;
padding-left: 20px;
}
.officers_block {
display: flex;
gap: 30px;
margin-bottom: 20px;
}
.officers_block:nth-child(1) .right,
.officers_block:nth-child(3) .right,
.officers_block:nth-child(4) .right {
padding-left: 14px;
}
h5 {
font-size: 16px;
}
.newface_info_wrap > .left {
width: 320px;
margin-right: 40px;
}
.newface_info_wrap > .left .main_img {
border: 8px solid #EDEDEE;
}
.newface_name_wrap {
text-align: right;
}
.newface_name_wrap .kana {
font-size: 12px;
}
.newface_name_wrap .name {
font-size: 20px;
}
.text_wrap {
flex: 1;
}
.port_wrap {
flex: 1;
max-width: 600px;
}
.port_wrap h5 {
text-align: center;
}
.newface_info_wrap > .right {
margin-top: 48px;
padding: 30px;
background: #EDEDEE;
flex: 1;
}
.right_name_wrap .name {
font-size: 20px;
}
.right_name_wrap .kana {
font-size: 12px;
margin-bottom: 20px;
}
.port_wrap .img .left {
margin-right: 20px;
}
.port_wrap > .img {
background: #fff;
padding: 10px;
}
.cat_list_title {
font-size: 20px;
}
.soshikizu .right {
max-width: 700px;
}
h4.line {
border-top: none;
border-bottom: 1px solid #231F20;
padding-bottom: 5px;
text-align: center;
}
.activity_wrap ul {
list-style-type: circle;
padding-left: 30px;
}
.activity_wrap ul li {
margin-bottom: 10px;
}
.title_grp {
margin-bottom: 30px;
}
.kaisoku {
white-space: pre-line;
}
.content.width1400 {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.soshiki .left,
.layout_wrap .left {
margin-right: 40px;
flex: 1;
}
.soshiki .right,
.layout_wrap .right {
max-width: 400px;
}
.soshiki .right .caption {
font-size: 14px;
text-align: right;
}
.kaisoku {
font-size: 11px;
gap: 30px;
}
.compliance_wrap {
white-space: pre-line;
gap: 40px;
}
.compliance_wrap .sign {
text-align: right;
}
.chosaken_btn a {
display: inline-block;
padding: 20px 40px;
color: #fff;
background: #636466;
transition: all 0.6s ease;
}
.back_btn a:hover,
.submit input:hover,
.chosaken_btn a:hover {
background: #404040;
}
.back_btn a,
.submit input{
display: inline-block;
padding: 10px 20px;
color: #fff;
background: #636466;
transition: all 0.6s ease;
}
.news_img_wrap a {
width: 150px;
display: inline-block;
}
.single_thum img {
width: auto;
height: auto;
}
.back_btn {
text-align: center;
margin-top: 40px;
}
textarea {
width: 100%;
}
#kboard-default-document .kboard-title h1,
#kboard-thumbnail-document .kboard-title h1 {
background: none;
margin-top: 20px;
}
.kboard-thumbnail-poweredby {
display: none;
}
textarea#kboard_content {
border: 1px solid #ccc;
}
.kboard-attr-media {
display: none;
}
.kboard-search {
display: none;
}
#kboard-document {
border-bottom: 2px dotted #ddd;
padding-bottom: 20px;
margin-bottom: 40px;
}
#kboard-default-list .kboard-list-header .kboard-total-count,
#kboard-thumbnail-list .kboard-list-header .kboard-total-count {
display: none;
}
.kboard-comments-default input[type=text], .kboard-comments-default input[type=email], .kboard-comments-default input[type=number], .kboard-comments-default input[type=date], .kboard-comments-default input[type=file], .kboard-comments-default input[type=password] {
height: 34px;
}
#kboard-default-document .kboard-control .left :nth-child(2),
#kboard-thumbnail-document .kboard-control .left :nth-child(2) {
display: none;
}
#kboard-default-document .kboard-button-unlike,
.kboard-comments-default .comments-list .comments-list-controller .comments-button-unlike,
#kboard-thumbnail-document .kboard-button-unlike {
display: none;
}
.kboard-default-poweredby,
.comments-field.field-file1 {
display: none;
}
.kboard-list thead td {
background: #eee;
}
.link_wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.link_block {
display: flex;
margin-bottom: 30px;
align-items: center;
}
.link_block .right {
width: 300px;
}
.link_block .left {
width: 246px;
text-align: center;
margin-right: 20px;
}
#password_wrap {
position: relative;
}
#see_btn {
border: none;
background: none;
color: #777;
font-size: 20px;
cursor: pointer;
position: absolute;
top: 3px;
right: 8px;
}
.kboard-list-notice .kboard-list-uid {
color: brown;
}
#archive_list li {
font-size: 18px;
padding: 5px 0px;
border-bottom: 1px dotted #ccc;
list-style-type: disc;
}
.public_bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.public_bg > .left {
background: #DCDDDE;
width: 343px;
}
.bublic_main > h3{
padding-top: 50px;
padding-left: 30px;
margin-bottom: 50px;
}
.upper_title > .left {
padding-left: 30px;
}
.upper_title > .left img {
width: 700px;
}
.upper_title > .right {
font-size: 22px;
}
.public_title_grp {
background: url(https://jgaa.net/wp-content/themes/default_theme/imgs/public_title_bg.png);
padding: 30px;
text-align: center;
font-weight: bold;
position: relative;
}
.strong {
font-weight: bold;
}
.public_title_grp .main_title {
font-size: 60px;
margin-bottom: 10px;
}
.orange {
color: #F68D6E;
}
.public_title_grp .sub_title > .left {
font-size: 30px;
font-family: 'Noto Serif JP';
padding-right: 100px;
}
.public_title_grp .sub_title > .right img {
width: 300px;
}
.public_detail > .left {
padding: 30px;
max-width: 340px;
font-family: 'Noto Serif JP';
line-height: 1.8;
}
.public_detail > .right {
text-align: right;    
}
.public_detail > .right img {
width: 90%;
}
.under_text {
gap: 50px;
font-size: 13px;
align-items: center;
}
.under_text .insta img {
width: 30px;
display: inline-block;
margin-right: 10px;
}
.white_btn {
display: inline-block;
text-align: center;
width: 100%;
padding: 20px;
background: #fff;
font-family: 'Noto Sans JP'
}
.white_btn:hover {
background: #F68D6E;
color: #fff;
}
.public_detail .btn_zone {
margin-top: 100px;
}
.about_us {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.about_us2 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.about_center {
height: 100px;
background: #6D6E71;
margin-top: 50px;
margin-bottom: 40px;
}
.about_btn_grp {
margin-top: 100px;
}
.btn_wrap {
margin-left: 10px;
margin-right: 10px;
text-align: center;
}
.btn_gray {
padding: 5px 20px;
display: inline-block;
border: 2px solid #636466;
color: #636466;
}
.btn_gray:hover {
background: #636466;
color: #fff;
}
.btn_caption {
font-size: 12px;
margin-top: 6px;
}
.bottom_logo {
width: 300px;
text-align: left;
margin-bottom: 20px;
}
.public_title_grp .logo {
position: absolute;
width: 300px;
right: 10px;
bottom: 10px;
}
.greetings_title {
margin-top: 30px;
}
.greetings_text {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 30px;
}
.place {
gap: 20px;
margin-top: 30px;
}
.junkaiten {
margin-top: 10px;
}
.border {
margin-top: 50px;
margin-bottom: 50px;
}
.detail_shikaku {
border: 1px solid #000;
padding: 5px 10px;
font-size: 18px;
display: inline-block;
}
.details ul {
list-style: disc;
padding-left: 18px;
}
.tejun .right {
margin-top: 30px;
}
.tejun .right img {
width: 200px;
}
.details, .tejun {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.tejun .right td:nth-child(2) {
padding-left: 30px;
}
.etc_details {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.etc_block {
margin-top: 40px;
}
.etc_block .left {
width: 150px;
}
.etc_block .right {
flex: 1;
}
.shinss td:nth-child(2) {
padding-left: 20px;
}
.to_form .caption {
font-size: 16px;
text-align: center;
}
.btn_black {
font-size: 20px;
padding: 10px 20px;
color: #fff;
background: #000;
border: 1px solid #000;
}
.btn_black:hover {
color: #000;
background: #fff;
border: 1px solid #000;
}
.form_btn_grp {
gap: 300px;
margin-top: 30px;
}
.otoiawase {
max-width: 1200px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
gap: 40px;
}
.entry_form_wrap {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1520px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.sp {
display: inherit;
}
.pc {
display: none;
}
.flex_between, .flex_normal, .flex_center {
flex-direction: column;
}
.upper_title > .left img {
width: 90%;
}
#main_menu > ul {
display: none;
}
.public_detail > .left {
width: 100%;
max-width: unset;
}
.public_title_grp .main_title {
font-size: 33px;
}
.public_title_grp .sub_title > .left {
padding-right: 0px;
}
.public_title_grp .sub_title > .right img {
width: 100%;
margin-top: 20px;
}
.public_bg {
display: none;
}
.bublic_main > h3 {
padding-top:0px;
padding-left: 0px;
}
.not_front #site_content {
padding: 0px;
}
.public_detail > .left {
background: #DCDDDE;
}
.upper_title > .left {
padding-left: 0px;
}
.upper_title > .right {
margin-top: 10px;
margin-bottom: 30px;
font-size: 13px;
}
.bublic_main .upper_title,
.bublic_main h3{
padding-left: 10px;
}
.public_detail .copy_right,
.public_detail .privacy_policy{
display: none;
}
.copy_zone {
flex-direction: column;
}
ul.footer_menu {
justify-content: flex-end;
}
.logout {
display: none;
}
#menu_open_btn {
position: absolute;
right: 10px;
top: 26px;
}
.btn-group-sm>.btn, .btn-sm {
font-size: 25px;
}
.not_front .header_wrap {
flex-direction: column;
}
.not_front #main_menu {
margin-top: 10px;
}
.not_front #main_menu > ul {
flex-direction: column;
}
.not_front #main_menu > ul > li {
padding: 5px 10px;
text-align: left;
width: 100%;
}
.sub_menu {
top: 20px;
}
.slider .slider_caption {
font-size: 12px;
}
.bg_flex {
display: none;
}
.sns_wrap {
position: unset;
text-align: center;
padding: 10px;
}
#main_menu > ul {
margin-bottom: 0;
}
.home .item_wrap {
flex-direction: column;
}
.title_grp h1 {
font-size: 19px;
line-height: 1.8;
}
.main_content {
padding: 10px;
}
.members_wrap {
flex-direction: column;
}
.members_block {
width: 100%;
}
.members_wrap > * {
width: 100%;
}
h4 {
margin-top: 20px;
}
.item_wrap {
padding: 10px;
}
.news_img_wrap.mr40 {
margin-left: 0;
padding: 10px;
}
.content.width1400 {
padding: 10px;
}
.greetings_wrap .left {
margin-right: 0;
margin-bottom: 20px;
}
.content {
padding: 10px;
}
.soshiki .left, .layout_wrap .left {
margin-right: 0;
margin-bottom: 20px;
}
.location_wrap .left {
margin-right: 0;
margin-bottom: 20px;
}
iframe {
width: 100%;
}
.newface_info_wrap > .left {
width: 100%;
margin-right: 0;
}
.newface_name_wrap {
padding: 10px;
}
.member_info_wrap {
flex-direction: column;
}
.member_info_wrap .name {
padding: 10px;
text-align: center;
height: unset !important;
}
.member_info_zone {
flex-direction: column;
}
.member_info_zone .img {
text-align: center;
}
.member_content {
padding: 10px;
}
.memeber_portfolio {
flex-direction: column;
}
.memeber_portfolio .img {
margin-bottom: 20px;
}
.memeber_portfolio .caption {
margin-bottom: 30px;
}
.member_history {
font-size: 12px;
}
.supporting_members_block {
width: 100%;
}
.link_block {
flex-direction: column;
}
.link_block .right {
text-align: center;
}
.public_title_grp .logo {
position:relative;
margin-top: 40px;
width: 100%;
top:unset;
right: unset;
}
.tejun {
margin-top: 50px;
}
.tejun .right img {
width: 70px;
}
.details td:nth-child(1) {
width: 100px;
}
.details td, .tejun td {
padding-top: 20px;
}
.etc_block .left {
margin-bottom: 10px;
}
.form_btn_grp {
gap: 20px;
}
}