@charset "utf-8";

@media screen and (max-width : 959px ) {
	#sb-site #header_frame {
		width: 100%;
	}
	}	
	
	
/* 本文センター揃え　560px以上のみ有効　*/	
@media only screen and (min-width: 560px) {	
	p {
		margin: 0;
	}
	}
/* ↑本文センター揃え　560px以上のみ有効　*/	
	
	.column01_base:first-child	{
		margin-top: 10px;
	} 

.longurl{
		word-break: break-all;
	}
.column01_base p.align-left {
		text-align: left !important;
	}
.p-demi-large {
        margin-top: 12px; /* 230407 講演の説明文が入るため上のアキを調整　*/
    }
.p-demi-large.p-demi-large-indent{
        margin-left: -0.5em;
    }
 
  
/* 250409 アーカイブページのため背景白　*/  
    body {
        background-color: #ffffff;
    }
    
@media only screen and (min-width: 960px) {
		.pc-brake-o960 {
			display: inline;
        }	
    }

@media only screen and (max-width: 559px) {
        .h1-small {
        margin-top: 0px;
        margin-bottom: 0px;   
        margin-right: 40px !important;   
        }
    }  

	
.div-banner-donation {
	width: 100%;
	}	

@media only screen and (max-width: 960px){
		.pc-brake-u959 {
			display: inline;
		}
		}
	
.h2-banner	{
		padding-left: 0;
		font-weight: 600;
	}

ul.ul-banner {
		display: flex;
		flex-wrap: wrap; /* 折り返しを許可 */
		gap: 2%;
		row-gap: 10px; 
		max-width: 960px;
		margin: 0;
	}	
	
.li-banner {
		width: calc(23.5% - 2px);
		background-color:darkgray;
		text-align: center;
		border: solid 1px #000000;
		text-decoration: none;
		aspect-ratio: 1 / 1; 
		padding: 0;
	}
.li-banner img {
		width:100%;
		height:auto;
		display: block; 
		}	



@media only screen and (max-width: 559px){

#header_frame .header-top .h1-header {
			line-height: 1.4;
			margin: 0;
			}

	.h2-banner {
			font-size: 24px;
			
			}
	ul.ul-banner {
			margin-left: 20px;
			margin-right: 20px;
			gap: 4%;
			row-gap: 15px; 
			}
		
	.li-banner {
			width:calc(48% - 2px);
			}

	}	

/* 260703 */
#sb-site #header_frame {
		background-color: #26364d;
	}	
	
#header_frame .header-top .h1-header {
		color:#ffffff;
		text-align: center;
		display: block;
		width: 100%;
		font-size:4.2vw;
	}

@media only screen and (min-width: 960px) {
		#header_frame .header-top .h1-header {
			font-size:3.4em;
			margin-top: 10px;
			}
	}

.header-top {
		text-align: center;
	}
	
@media screen and (min-width:560px ) and ( max-width:959px ){
	#header_frame {
			height:12vw;
			}
	}
	
@media only screen and (max-width: 559px) {
		#header_frame {
			height:25vw;
		}
		.h1-header {
			top: 20px !important;
		}
		.main-base {
			margin-top: 0;
		}
	}

.column01_base {
		width: 100%;
		text-align: center;
		}

h2 {
	text-align: center;
	}

.column01_base {
	min-height: inherit;
	}

.p-demi-large {
	font-size: 1.5rem;
	}

@media only screen and (min-width: 960px) {
		h2 {
		font-size: 3em;
		}
	}
	
	
/* 以下文字サイズ　*/	
@media only screen and (max-width: 959px) {
	.p-demi-large{
		font-size: 1.35rem;
		}
	}
@media only screen and (max-width: 559px) {
	.h1-header {
			font-size: 6.6vw !important;
		}
	.p-demi-large{
		font-size: 1.2rem;
	}
	}
@media only screen and (max-width: 480px) {
	#header_frame {
		height:29vw;
		}
	.p-demi-large{
		font-size:1rem;
		}
	}
@media only screen and (max-width: 390px) {
	.p-demi-large{
		font-size: 0.9rem;
		}	
	}
@media only screen and (max-width: 320px) {
	.p-demi-large{
		font-size: 0.75rem;
		}	
	.ul-banner{
		margin-left: 15px;
		margin-right: 10px;
		}
	.main-base {
		margin-top: -25px;
	}
	}