@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:1400px) {
	.gnav {
    	font-size: 1.6rem;
	}
	.logo-img {
		width: 150px;
	}
	.logo-text {
		font-size: 1.7rem;
	}
	.logo-50 {
    	width: 60px;
	}
	.gnav-area {
		top: 55px;
    	padding: 10px 0 5px 0;
	}
	.slick {
    	margin-top: 60px;
	}
	.kaso-content_box {
		margin-top: 450px;
	}
	.kaso-pankuzu_area {
		top: 180px;
	}
}

@media screen and (max-width:1024px /*ipad_pro*/) { 
	.pc { display:none; }
	.md { display:block; }
	.more-text_inner {
    	font-size: 1.6rem;
		line-height: 1.3;
    	padding-top: 5px;
	}
	.at-img_box span {
		font-size: 1.6rem;
	}
	.top-contact {
		margin-top: -50px;
	}
	.top-shibu_list li {
		font-size: 1.7rem;
	}
	.top-contact-box_inner {
		width: 80%;
	}
	.drop .row {
		font-size: 1.7rem;
	}
	.gnav .nav-item {
		height: 50px;
    	align-items: center;
    	display: flex;
    	justify-content: center;
	}
	.top-info {
    	width: 90%;
	}
	.svg-japan-container {
		width: 140%;
	}
	.drop {
		top: 100%;
	}
	.gnav {
		font-size: 1.5rem;
	}
	.top-shibu_list {
    	margin-top: 30px;
	}
	ol, ul {
    	padding-left: unset;
	}
	.jigyo-nav {
		width: 100%;
		font-size: 1.8rem;
	}
	.award-appli_ttl_right::after {
		width: 85%;
	}
	.award-table th {
		width: 15%;
	}
}

@media screen and (max-width:991px /*ナビゲーション-lg用*/) { 
	/*************
ハンバーガーメニュー************/
	header {
		height: 0; 
	}
	
	.top-header{
		opacity: 0;
    	transition: opacity .5s;
		width: 100vw;      
  		height: 100vh!important; 
		height: -webkit-fill-available;
  		position: fixed;
		z-index: 1000;
		background-color: white;
		padding-top: 50px;
		overflow-y: scroll;
		display: none;
	}
	.navbar {
	background-color: white;
}

/* ----------------------- */
/* base_sp
/* ----------------------- */
/* デフォルトのbuttonスタイルをリセット */
	
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
	}

/* 以下、ハンバーガーボタン */
	.burger-btn{
  		display: block;      
  		width: 39px;      
  		height: 39px;      
  		position: fixed; 
  		z-index: 2000;
  		border:none;  
		right: 3%;
		top: 2%;
	}    
	.bar{      
  		width: 20px;      
  		height: 2px;        
  		display: block;      
  		position: absolute;      
  		left: 50%;      
  		transform: translateX(-50%);      
  		background-color: #000;    
	}    
	.bar_top{   
  		top: 10px;
	}
	.bar_mid{    
  		top: 50%;
  		transform: translate(-50%,-50%);
	}
	.bar_bottom{
  		bottom: 10px;
	}
	.burger-btn.close .bar_top{      
  		transform: translate(-50%,10px) rotate(45deg);      
  		transition: transform .3s;    
	}    
	.burger-btn.close .bar_mid{      
  		opacity: 0;       
  		transition: opacity .3s;    
	}    
	.burger-btn.close .bar_bottom{      
		transform: translate(-50%,-8px) rotate(-45deg);      
		transition: transform .3s;    
	}
	
	/* メニューオープン時 */
	.top-header.fade {
		opacity: 1;
		display:block;
	}
	
	
  /* 子メニュー */
  .menu-parent .menu-child {
    position: relative;
    opacity: 1;
    top: 0;
    margin-left: auto;
    left: auto;
    width: auto;
  }
  .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
    max-height: inherit;
    overflow-y: visible;
    visibility: visible;
  }
	.gnav-area, .topnav-left_area, .topnav-right_area{
		position: unset;
	}
	
	
	
	.logo-text {
		font-size: 1.8rem;
	}
	.nav-include {
		display: inline!important;
		height: 100%;
	}
	.gnav .nav-item {
		overflow: visible;
		height: auto;
		margin-top: 20px;
	}
	.gnav-area, .topnav-left_area, .topnav-right_area {
		justify-content: center!important;
		margin-top: 10px;
		height: 100%;
	}
	.slick {
    margin-top: 0px;
	}
	.md {
		display: none;
	}
	.gnav .nav-item {
		display: block;
	}
	.gray-form_box .f_LeftBox{
		width: 100%;
	}
	.blue-form_box .f_RightBox input {
		width: 20%;
	}
	.publish-buy_btn {
		position: unset;
		float: right;
	}
	.publish-box .publish-txt_box {
		display: flow-root;
	}
	.publish-box .book-left {
		width: 150px;
	}
	.info-left_box ul,.info-sidearc_ttl {
		font-size: 1.6rem;
	}
}

@media screen and (max-width:896px /*iPhone XR 横*/) {
	.info-tab {
    font-size: 1.4rem;
}
	.top-youtube_txtbox {
		font-size: 1.7rem;
		padding-bottom: 20px;
	}
	.form-box button {
    	width: 100%;
		font-size: 1.8rem;
	}
	.go-form button {
		padding: 20px 10px;
	}
	.kaso-pankuzu_area {
		top: 100px;
	}
	.kaso-content_box {
		margin-top: 350px;
	}
	.kaso-content-box_lib {
		margin-top: 500px;
	}
	.yakuin-cat {
		margin-left: 10px;
	}
	.kaso-ttl-inner_nomal {
    	font-size: 2.4rem;
	}
	.kaso-ttl_box {
		font-size: 2.5rem;
	}
	.pankuzu {
		font-size: 1.4rem;
	}
	.info-sidecat_ttl, .info-sidearc_ttl {
		font-size: 1.6rem;
	}
	.info-left_box ul,.kyokaishi-left_box ul {
		font-size: 1.5rem;
	}
	.info-right-box_inner dt {
		font-size: 1.5rem;
	}
	.info-right-box_inner dl dd p {
		font-size: 1.7rem;
	}
	.info-bt_more {
		font-size: 1.5rem;
	}
	.info-right-box_inner .info-thum_box .info-thum {
		height: 190px;
	}
	.pagenation ul {
		font-size: 1.5rem;
	}
	.pagenation ul li {
		width: 30px;
		height: 30px;
	}
	.regular-sidecat_ttl,.kyokaishi-sidecat_ttl {
		font-size: 1.7rem;
	}
	.publish-box .book-left {
		width: 100px;
	}
	.publish-txt_box_ttl {
		font-size: 2.3rem;
	}
	.handbook_inner {
		width: 100%;
	}
}

@media screen and (max-width:768px /*ipad*/) {
	.TOP h2 {
    	font-size: 2.5rem;
	}
	.deco-eng {
    	font-size: 5rem;
	}
	.at-img_box span {
    	font-size: 1.4rem;
	}
	.more-text_inner {
    	font-size: 1.3rem;
	}
	.car-auto .next-arrow {
		width: 40px;
	}
	.more-text {
		font-size: 4rem;
		left: -30px;
	}
	.info-tab .nav-link {
		padding: 0.5rem 1rem;
	}
	.info-content_box_inner {
		font-size: 1.4rem;
	}
	.content-bt {
		font-size: 1.4rem;
	}
	.top-youtube h3 {
		font-size: 2rem;
	}
	.top-youtube .top-youtube-ttl_deco {
		width: 60px;
		top: -20px;
	}
	.top-about p {
		font-size: 1.4rem;
	}
	.top-shibu_list {
    	margin-top: 0px;
	}
	#my-map-container {
    	top: -10px;
	}
	.award-list_ttl {
		background-size: 50%;
	}
	.kyokaishi-search-box .form-control, .kyokaishi-search-box .btn{
		font-size: 1.2rem;
	}
	.w-80 {
		width: 100%;
	}
	.gian .notice-mincho{
		display: block;	
	}
	.list-blue, .list-gray {
		width: 100%;
	}
	.contact-list_other ul li {
		margin-right: 10px;
	}
}

@media screen and (max-width:736px /*iPhone 6/7/8 plus 横*/) {
	.top-shibu_list li {
    	font-size: 1.5rem;
	}
}

@media screen and (max-width:570px /*surface duo 540px*/) { 
	.pc { display:none; }
	.md { display:none; }
	.sp { display:block; }
	.pc-none {
		display: block;
		color: #b5b5b6;
		font-size: 1.8rem;
	}
	
	.youtube-bt {
		bottom: -10px;
	}
	.top-youtube {
		width: 100%;
		outline-offset: -10px;
		padding: 30px;
		margin-top: 0px;
	}
	.top-youtube_inner {
		width: 100%;
		padding-bottom: 90px;
	}
	.page_top_btn img {
		width: 60px;
	}
	.eng-shibu {
    	top: -120px;
	}
	.top-contact {
		padding: 50px 0;
	}
	.twt-box_inner {
		height: 500px;
	}
	.top-address {
    	font-size: 1.4rem;
	}
	.top-youtube_txtbox {
		top: 30px;
	}
	.topnav-right_area {
		display: block!important;
	}
	.nyukai_bt, .seikaiin_bt {
		width: 90%;
		margin: 10px auto;
	}
	.search-box {
		width: 90%;
		margin: 0 auto;
	}
	.gnav-area {
		padding: 0;
	}
	.slick-dots li {
		width: 10px;
		height: 10px;
	}
	.about-text_box {
		width: 90%;
	}
	#my-map-container {
		width: 100%!important;
	}
	.logo-text {
    	font-size: 1.5rem;
	}
	.more-text {
    font-size: 3rem;
}
	.form-box {
		padding-left: 0px;
	}
	.eng-shibu {
		left: 0%;
	}
	.top-attempt {
		margin-top: 150px;
	}
	.deco-img-left img{
		width: 60%;
		top: -150px;
	}
	.kaso-ttl_box {
		background-position-x: -300px; 
	}
	.yakuin-box_inner ul {
		display: grid;
		justify-content: center;
	}
	.info-right-box_inner dl dd {
    	display: block;
	}
	.info-right-box_inner {
    	padding-left: 0px;
	}
	.info-right-box_inner .info-thum_box {
		text-align: center;
	}
	.info-right-box_inner .info-thum_box .info-thum {
		width: 80%;
	}
	.info-left_box ul,.kyokaishi-left_box ul {
    	font-size: 1.8rem;
	}
	.info-sidecat_ttl, .info-sidearc_ttl, .kyokaishi-sidecat_ttl{
		font-size: 1.8rem;
	}
	.info-right-box_inner dl dd p {
		font-size: 1.9rem;
	}
	.info-right-box_inner dl dd p {
		width: 90%;
		padding-top: 10px;
		padding-left: 0px!important;
	}
	.footer {
		font-size: 1.2rem;
	}
	.info-right-box_inner .info-thum_box .info-thum {
    	height: 225px;
	}
	.info-right-box_inner .info-thum_box {
		width: 100%;
	}
	.drop ul {
    	padding: 0px;
    	line-height: 2;
	}
	.drop ul li img {
		padding-top: 5px;
	}
	.drop .row {
    	padding-left: 0;
	}
	.info-detail_box .info-date {
		font-size: 1.5rem;
	}
	.info-detail_box .info-detail_ttl {
		font-size: 2rem;
	}
	.soshiki-img {
    	width: 100%;
	}
	.info-tab .nav-link {
    	padding: 0.5rem 0.5rem;
	}
	.info-tab {
    	font-size: 1.6rem;
	}
	.table-sanjo th, .table-sanjo td {
    	padding: 5px 20px;
    	line-height: 1.5;
	}
	.greetings-box_inner {
		flex-direction: column-reverse;
	}
	.gr-right_box {
		margin-bottom: 50px;
	}
	.kaicho-img {
		margin-left: 0;
	}
	.eng-add {
		font-size: 1.9rem;
	}
	.award-list_ttl {
		background-size: 60%;
	}
	.kaso-ttl_box p {
		left: 5%;
		line-height: 1.8;
    	margin-bottom: 0px;
	}
	.maga-box {
		margin: 0 auto;
		width: 90%;
	}
	.solid-btn {
		margin: 0 auto;
	}
	.contact-list_btn {
		margin-left: 0;
    	margin-top: 5px;
	}
	.jigyo-nav ul{
		display: block;
		text-align: left;
	}
	.jigyo-nav ul li{
		margin-top: 10px;
	}
	.award-appli_ttl_right::after {
		width: 75%;
	}
	.award-table tr {
		display: block;
	}
	.award-table th {
		width: 100%;
    	display: block;
	}
	.shinsa-table th{
		width: 100%;
	}
	.shinsa-table tr,.shinsa-table td{
		display: block;
	}
	.kyokaishi-index_ttl {
		background-position-x: 200px;
	}
	.kyokaishi-index-special_box {
    	padding: 10px 20px;
	}
	.kyokaishi-img-box img {
    	width: 40%;
	}
	.publish-box .book-left {
		float: none;
    	margin-right: 20px;
    	margin-bottom: 10px;
    	width: 50%;
	}
	.publish-add_box {
		display: block;
	}
	.bank-box, .address-box {
		margin-bottom: 10px;
	}
	.form-text_box,.gray-form_box, .blue-form_box {
		width: 100%;
	}
	.form-text_box .solid-btn {
    	margin-top: 10px;
	}
	.table-th-gray tr,.table-th-lightblue tr{
		display: block;
	}
	.table-th-gray th,.table-th-lightblue th{
		width: 100%;
		display: block;
	}
	.table-th-gray td,.table-th-lightblue td{
		width: 100%;
    	display: block;
	}
	.Chuo-seminor .notice-box .solid-btn{
		margin: unset;
	}
	.pdf-ico {
		margin-bottom: 10px;
	}
	.kyokaishi-year_box .mag-ttl {
		font-size: 2rem;
	}
	.kaso-content-box_lib {
    	margin-top: 430px;
	}
	.info-bt_more {
    	font-size: 2rem;
	}
	.info-right-box_inner dt {
    	font-size: 1.7rem;
	}
	.essay-banner img {
		width: 100%;
	}
	.book-table th, .book-table td{
		display: block;
	}
	.book-table td {
		border-bottom: dotted 1px #0367a6;
		margin: 0 5px;
	}
	.book-table th {
		width: 100%;
	}
	.hall_list_inner ,.hall_list_detail_inner{
    	width: 90%;
	}
	.kaicho-img {
		margin-left: 0px;
	}
	.kyokaishi-box ul li {
		width: 100%;
	}
	.kyokaishi-box .kyokaishi-box_year {
		background-size: 70%;
	}
	.book-table {
		margin: 0 auto;
	}
	.kyokaishi-box .kyokaishi-box_year {
		background-image: none;
	}
	.info-bt_more {
		margin-right: 0px!important;
	}
	h2 {
		font-size: 2rem;
	}
	.info-box {
		flex-direction: column-reverse;
	}
	.ttl {
		font-size: 1.8rem;
		height: 50px;
	}
	.login-box {
		width: 100%;
		padding: 30px;
	}
	.table-th-lightblue tr,.table-th-gray tr{
		border-bottom:none;
	}
	.table-th-lightblue tr:last-child,.table-th-gray tr:last-child{
		border-bottom:1px solid #dee2e6;
	}
	.geijutsu-box .blue-link {
		width: 100%;
		font-size: 1.8rem;
	}
	.vector-box_detail {
		flex-direction: column-reverse;
	}
	.login-box tr, .login-box th, .login-box td, .login-box td input {
		display: block;
		width: 100%;
	}
	.blue-form_box .sp-w_100 input {
		width: 100%;
	}
	.kyokaishi-search-box .form-control, .kyokaishi-search-box .btn{
		font-size: 1.8rem;
	}
	.info-sidecat_ttl, .info-sidearc_ttl {
		font-size: 1.8rem;
	}
	.kyokaishi-box_inner {
		flex-direction: column-reverse;
	}
	.order {
		flex-direction: column;
	}
	.order1 {
		order: 1;
	}
	.order2 {
		order: 2;
	}
	.order3 {
		order: 3;
	}
	.order4 {
		order: 4;
	}
	.ref-btn {
		display: none;
	}
	.handbook-txt {
		margin-top: 20px;
	}
	.hb-list {
		margin-right: 0px!important;
	}
	.hb-list ul li {
		width: 90%;
	}
	.hb-list span {
		width: 20px;
		padding-left: 10%;
	}
	#contents {
		width: 100%;
	}
	.table-award-db_result {
		white-space: nowrap;
	}
	.hb-pdf_ico {
		margin-bottom: 0px!important;
	}
	.shibu-news_ttl {
		margin-bottom: 10px!important;
	}
	.info-return_bt {
		margin-bottom: 10px;
	}
	#Ininjo-form .form-check{
		display: block;
	}
	.table-w_70 {
		width: 100%;
	} 
	.leftbox_bn {
		padding: 8px;
		font-size: 2rem;
	}
	.contact-list_other ul {
    	display: block;
    	width: 100%;
	}
	.contact-list_other ul li {
		margin-top: 5px;
		padding-left: 5px;
	}
	.more-box_inner {
		display: block;
		margin-left: 0;
	}
	.more-box_inner li {
		margin-bottom: 20px;
	}
	.more-text {
		font-size: 5rem;
		left: -50px;
	}
	.more-text_inner {
		font-size: 2rem;
	}
}
@media screen and (max-width:414px /*iPhone 6/7/8 plus*/) {
	.top-about p {
		font-size: 1.8rem;
	}
	.TOP h2 {
    	font-size: 2.5rem;
	}
	.content-bt {
    	font-size: 1.8rem;
	}
	.at-content_box {
    	width: 80%;
	}
	.page_top_btn img {
    width: 60px;
	}
	.at-img_box span {
    font-size: 1.8rem;
	}
	.more-text_inner {
    font-size: 1.5rem;
	}
	.top-info {
		margin-top: 30px;
	}
	.page_top_btn {
		bottom: 30px;
	}
	.info-content_box_inner {
		font-size: 1.8rem;
		display: block!important;
	}
	.top-info_date {
		font-size: 1.6rem;
	}
	.top-info_thum {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.top-youtube h3 {
		font-size: 2.3rem;
	}
	.top-youtube_inner {
		padding-bottom: 85px;
	}
	.top-shibu {
		background-size: cover;
		background-position: inherit;
	}
	.top-shibu_box {
		width: 100%;
	}
	.top-shibu_list li {
		font-size: 1.8rem;
		padding: 10px;
	}
	#my-map-container {
		width: 90%;
	}
	.top-contact {
		padding: 5px 0;
	}
	.form-box button {
		width: 100%;
	}
	.go-form p {
		font-size: 1.8rem;
	}
	.top-address {
    	font-size: 1.6rem;
		margin-bottom: 20px;
	}
	#my-map-container {
    	top: 0px;
	}
	.table-sanjo th, .table-sanjo td {
    	padding: 5px;
	}
	.kaso-ttl_box p {
		left: 5%;
	}
	.table-sanjo th {
		width: 60%;
	}
	.table-sanjo td {
		width: 40%;
	}
	.table-sanjo {
		table-layout: fixed
	}
	.aw-past_ttl {
		font-size: 2rem;
	}
	.aw-past ul li {
		font-size: 1.7rem;
	}
	.solid-btn-lg {
		padding: 15px 10px;
	}
	.award-appli_ttl_right::after {
    	width: 70%;
	}
	.gray-form_box , .blue-form_box{
		width: 100%;
	}
	.form-notice_box {
    	width: 100%;
	}
	.table-th-lightblue,.table-th-lightblue th,.member-detail_inner p {
		width: 100%
	}
	.blue-bk_list_btn {
    	right: 10px;
    	font-size: 1.6rem!important;
		bottom: 5px;
	}
	.kyokaishi-stories_inner .blue-bk_list {
		font-size: 2rem;
	}
	.award-appli_ttl_right {
		font-size: 2rem;
	}
	.info-right-box_inner .shibu-news_ttl dt {
		margin-right: 5px;
	}
}
@media screen and (max-width:375px /*iphone 6/7/8*/) {
	.kyokaishi-index_ttl {
    	padding: 25px;
		font-size: 2.5rem;
	}
	.kyokaishi-stories_inner .blue-bk_list {
		font-size: 1.7rem;
	}
	.kyokaishi-stories_inner .blue-bk_list {
		padding: 10px 10px;
	}
	.contact-list_inner .border-left {
		font-size: 1.9rem;
	}
}
@media screen and (max-width:280px /*Galaxy fold*/) {
	.go-form button {
		font-size: 1.8rem;
	}
}