/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/

.site{
	background:#f9F5F2;
}
.site-main{
	background: #fff;
}
.sp{
	display: block;
}
.header-bg{
	background: #F9F5F2;
}
.header-img{
	max-width: 1000px;
	margin: auto;
}
.title-h2{
	font-size: 22px;
}
.biz_detail__flex{
	display: flex;
	flex-direction: column-reverse;
	margin: 1em 0;
}

/* solid003 */
.button_solid003 a {
	text-decoration: none;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 2em auto;
    max-width: 240px;
    padding: 1em 2em;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #ed3b00;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
    border-radius: 50px;
    overflow: hidden;
}
.button_solid003 a:before{
	content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-image: linear-gradient( 
130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 55%);
    -webkit-transition: 0.5s;
    transition: 0.6s;
}
.button_solid003 a:hover:before {
    left: 100%;
}
.button_solid003 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
.biz_detail__flex{
		padding: 1em;
		margin: 1em 0;
border-radius: 10px;
background: #fff9f9;
box-shadow:  10px 10px 20px #d9d6d5,
             -10px -10px 20px #ffffff;
}
.biz_detail__flex-right{
	max-width: 500px;
}
.corp_intro{
	margin: auto;
}
.corp-overview{
	max-width: 500px;
	margin: auto;
}
table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #fff;
	color: #4B2D16;
	}
.tb01 td {
	font-size: 14px;
	text-align: center;
	}
.tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }

table.tb01 td a{
	color: #333;
}
.for{
	text-align: center;
	margin-top: 5em;
}
/*event-cards*/
.card-h3{
	font-size: 25px;
	line-height: 36px;
	margin-bottom: 34px;
	padding: 0;
}
#main_col{
	margin: 0 auto;
	box-sizing: border-box;
}
.event-content{
	display:block;
}
.card-wrapper{
	   display: block;
    width: 100%;
	height: 100%;
    border: 1px solid #838386;
}
.thumbnail{
	    width: 100%;
    position: relative;
    margin: 0;
}
.--accepting{
	    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 73px;
    line-height: 29px;
    border: 1px solid #838386;
    background: #51A5DB;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}
.--non{
	    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 73px;
    line-height: 29px;
    border: 1px solid #838386;
    background: #888888;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}
.event-content__main--items{
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
.event-content__main--items .text{
	padding: 20px;
}
.event-content__main--items ul li:last-child {
    border-bottom: 1px dashed #595757;
}
.event-content__main--items ul {
    margin: 0;
    list-style: none;
	padding-left: 0;
	}
	.event-content__main--items ul li {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #000;
    padding: 6px 0;
    border-top: 1px dashed #595757;
}
	.event-content__main--items ul li span {
    display: block;
    width: 79px;
    min-width: 79px;
    height: 33px;
    text-align: center;
    background: #F9D6B3;
    margin-right: 12px;
    font-size: 15px;
    color: #000000;
    font-weight: 600;
		line-height: 2.4;
	}
	.event-content__main--items .more-btn {
    text-align: center;
    padding-top: 12px;
}
	.event-content__main--items .more-btn a {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    background: #dd9933;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    transition: all 400ms ease-in-out;
}
.text{
	padding: 20px;
}
.card-h3{
	margin-top: 0;
	margin-bottom: 34px;
	line-height: 36px;
padding: 0;
}
.links{
	margin: 3em 0;
	text-align: center;
}
.links button {
    background: #000;
    border: none;
    color: #fff;
    font-size: 120%;
    margin: 1em;
}
.links button a{
color: #fff;
    padding: 1em 3em;
    display: block;
}
/*end-event-cards*/
#footer_banner_inner {
    width: auto;
    padding: 40px 20px;
	margin: 0 auto;
}
@media screen and (min-width: 37.5em) {
.site-main{
	background: #fff;
}
	.sp{
	display: none;
}
	.biz_detail__flex{
	display: flex;
	justify-content: center;
			flex-direction: row;
		padding: 1em;
		margin: 2em;
border-radius: 10px;
background: #fffcfa;
box-shadow:  10px 10px 20px #d9d6d5,
	-10px -10px 20px #ffffff;
}
.biz_detail__flex:nth-child(2n){
	flex-direction: row-reverse;
}
	.biz_detail__flex-left{
		max-width: 400px;
		padding: 1em;
		padding-top: 0;
		
}
	.biz_detail__flex-right img {
  width: 100%;
  height: 342px;
  object-fit: cover;
}
.corp-overview{
		max-width: 500px;
		margin: auto;
	}
table{
  border-collapse: collapse;
/*   width: 100%; */
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
}
.tb01 th {
	background: #fff;
	color: #4B2D16;
	}

	table.tb01 th,
	table.tb01 td {
		width: 100px;
		display: table-cell;
    border-bottom:none;
  }
	table.tb01 th{
		width:50px;
	}
	
.event-content{
	display: grid;
  grid-template-columns: repeat(2, 1fr);
	gap: 3.5em;
}
.event-content__main--items ul {
    margin: 0;
    list-style: none;
	padding-left: 0;
	}
	.event-content__main--items ul li {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #000;
    padding: 6px 0;
    border-top: 1px dashed #595757;
}
	.event-content__main--items ul li span {
    display: block;
    width: 79px;
    min-width: 79px;
    height: 33px;
    text-align: center;
    background: #F9D6B3;
    margin-right: 12px;
    font-size: 15px;
    color: #000000;
    font-weight: 600;
		line-height: 2.4;
	}
	.event-content__main--items .more-btn {
    text-align: center;
    padding-top: 12px;
}
	.event-content__main--items .more-btn a {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    background: #dd9933;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    transition: all 400ms ease-in-out;
}
	
	#footer_banner {
		width: 100%;
		min-width: 1180px;
			
	}
	#footer_banner a {
    display: block;
    position: relative;
    margin: 0 0 25px 0;
}
	#footer_banner a .title {
    position: absolute;
    margin: auto;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    padding: 0 30px;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
	#footer_banner a .title {
    font-size: 16px;
}
	.footer_banner_inner{
		width: 1180px;
    margin: 0 auto;
    padding: 60px 0;
}
	#page_header_title {
    font-size: 32px;
    line-height: 1.3;
    padding: 29px 0;
    width: 100%;
    min-width: 1180px;
    background: #f5f5f5;
}
.rich_font, .p-vertical {
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: 500;
}
	#page_header_title span {
    width: 1180px;
    margin: 0 auto;
    display: block;
}
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}