/*------------------------------------------------------------------------------
  PC or ALL
------------------------------------------------------------------------------*/

.header-nav > ul > li > a .en{
	font-family: "Noto Sans JP", sans-serif;
}

.mainvisual{padding: 0 4vmin;}
.mainvisual-catch div.copy{font-weight: normal;}

.header-logo{
	width: 50vw;
	max-width: 290px;
}

.footer-main .logo{
	width: auto;
	max-width: 300px;
}

.fixed-footer{
	background: #42853b;
	color: #fff;
}

.home .page-content{

.sm{
	max-width: 1124px;
	padding: 0;
}

.title-type02,
.image-bg-type02 .box-h3{
	margin-bottom: 4vmin;
	padding-bottom: 0;
	font-size: 3.8rem;
	.box h2.box-h2{
		font-size: 3.8rem;
	}
	&::before{
		content:"";
		position: static;
		display: block;
		width: 5.2vmin;
		height: 5.2vmin;
		margin: 0 auto 1vmin;
		transform: none;
		background: url(../images/kan.png) no-repeat center center / contain;
		border-radius: 50%;
	}
}

.main-message{
	.image-bg-type02 .box-h3::before{
		background-image: url(../images/message.png);
	}
	.text{line-height: 2;}
}

.main-tosho{
	.title-type02::before{
		background-image: url(../images/tosho.png);
	}
	.blog-type04 .swiper-slide h3.box-h3{
		font-size: 1.5rem;
	}
}

.main-banner{
	.banner-type01 ul li a{
		font-weight: normal;
		&::after{
			width: 5vmin;
			height: 5vmin;
			line-height: 5vmin;
			background: #52a64a;
			border-radius: 50%;
			text-align: center;
		}
	}
}

.main-shaka{
	.image-bg-type02 {
		.text{line-height: 2;}
		.box-h3::before{
			background-image: url(../images/shaka.png);
		}
		.copy{font-weight: normal;}
	}
}

.main-blog1.sai{
	.title-type02::before{
		background-image: url(../images/sai.png);
	}
	.blog-type02 ul li{
		align-items: start;
		border-bottom-style: dotted;
		&:last-child{
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			border-bottom: var(--border-color) 1px dotted;
		}
	}
}
.main-blog2.ken{
	.title-type02::before{
		background-image: url(../images/ken.png);
	}
}


/* home */
}

.gallery-slide-slide img{
  display: block;
  aspect-ratio: auto;
  width: 60%;
  margin: 0 auto 4vmin;
}

/* 20250118 added by Fabo */
.mt-0 { margin-top: 0 !important;}
.mt-ss { margin-top: 2vh !important;}
.mt-s { margin-top: 4vh !important;}
.mt-m { margin-top: 7vh !important;}
.mt-l { margin-top: 10vh !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-ss { margin-bottom: 2vh !important;}
.mb-s { margin-bottom: 4vh !important;}
.mb-m { margin-bottom: 7vh !important;}
.mb-l { margin-bottom: 10vh !important;}

.page-content h2:not([class]),
.page-content h3:not([class]),
.page-content h4:not([class]),
.page-content h5:not([class]) {
    margin-bottom: 2.5vh;
}

.box-color {
    margin: 0 0 5vh;
    padding: 2.5vh;
    background: #f7f7f7;
}
.box-color :first-child {
    margin-top: 0 !important;
}
.box-color :last-child {
    margin-bottom: 0 !important;
}
.box-color h4 {
	margin-bottom: 1.5vh !important;
}

.page-content .image-text-type01 .text {
    overflow: hidden;
}
.page-content .image-text-type01 .text :first-child{
    margin-top: 0;
}
.page-content  .list-check-type01 {
    display: flex;
    justify-content: flex-start;
}

.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}

.box-ad {
    padding: 3vh;
    border: 1px solid #ddd;
}
.box-ad table {
	width: 100%;
}
.box-ad table th,
.box-ad table td {
	background: none !important;
	border: none !important;
	line-height: 2.2;
}

.box-ad table .wd12 { width: 12%; }
.box-ad table .wd20 { width: 20%; }
.box-ad table .wd50 { width: 50%; }


/* 社会理論学会研究奨励賞受賞作品一覧 */
.page-id-1202 .image-text-type01.right .image {
	width: 150px;
}
.page-id-1202 h4 {
	margin-bottom: 1.5vh !important;
}


/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {

.home .page-content{
.title-type02,
.image-bg-type02 .box-h3{
	font-size: 3rem;
	&::before{
		width: 10vmin;
		height: 10vmin;
	}
}

.blog-type04{
	margin: 0 -4vmin;
}

.main-banner{
	.banner-type01 ul li a{
		&::after{
			width: 10vmin;
			height: 10vmin;
			line-height: 10vmin;
		}
	}
}


/* home */
}



	.box-ad {
	    padding: 2vh;
	    border: 1px solid #ddd;
	}
	.box-ad table {
		width: 100%;
	}
	.box-ad table th,
	.box-ad table td {
		background: none !important;
		border: none !important;
		line-height: 2.2;
	}
	.box-ad table th {
		min-width: 30% !important;
	}
	.box-ad table .wd12 { display: none; }
	.box-ad table .wd20 { display: none; }
	.box-ad table .wd50 { display: none; }
}