@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');
/*----------------------*/
/*          mb          */
/*----------------------*/
@media screen and (max-width: 768px) {
	/* --------- 調整・消去 --------- */
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .group{
		padding: 0 0 80px;
	}
	body main > .title_area,
	body .group::before,
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .group .inner{
		width: 100%;
	}
	body .post-content p{
		margin: 0;
	}
	#campaign .pc { display: none !important; }
	#campaign .sp { display: block !important; }

	/* ↓ここから個別↓ */
	#campaign {
		margin-top: 8px; /*Tokaiロゴとの距離*/
		background:#e06f72;
        padding-bottom: 40px;
	}
	body #campaign p,
	body #campaign th,
	body #campaign td,
	body #campaign li,
	body #campaign dt,
	body #campaign dd,
	body #campaign a{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		font-size: 14px;
		line-height:1.75em;
		color: #111111;
	}
	#campaign h1,
	#campaign h2,
	#campaign h3,
	#campaign h4,
	#campaign h5{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		line-height:1.4em;
		font-feature-settings : "palt";
	}
	#campaign a{
		color:#50a12d;
	}

	#campaign .outer{
		margin:40px 3% 70px;
	}

	#campaign .outer .title_box{
		margin-top:0px;
	}
	#campaign .outer .title_box h2{
		color: #fff;
		font-size: 5.5vw;
		font-weight: bold;
		text-align: left;
		letter-spacing: 0.05em;
		margin: 50px 0 25px;
		text-align: center;
	}
	#campaign .outer .title_box span{
		color: #d11a20;
		font-size: 0.75em;
	}

	#campaign .outer .detail_box{
	}
	#campaign .outer .detail_box p{
		color: #fff;
		margin-bottom: 15px;
	}
	#campaign .outer .detail_box h3{
		background-color: #fde735;
		color: #e73d42;
		font-size: min(5vw, 21px);
		font-weight: bold;
		line-height: 2em;
		border-radius: 1em;
		letter-spacing: 0.05em;
		margin: 40px 0 25px;
	}
	#campaign .outer .detail_box h3 span{
		color: #e73c42;
		border-right: 2px solid #e06f72;
		padding: 0 0.8em 0 1.4em;
		margin-right: 1em;
		font-size: 0.6em;
	}
	#campaign #info_banner{
		display: flex;
		justify-content:space-between;
		margin: 30px 0;
	}
	#campaign #info_banner a{
		width: 49%;
		border: 2px solid #f5c0c2;
		border-radius: 15px;
	}
	#campaign #info_banner a img{
		border-radius: 13px;
	}

	#campaign ul{
		text-align: center;
		margin: 40px 0;
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}
	#campaign li a{
		display: inline-block;
		text-decoration: none;
		color: #e06f72;
		font-weight: bold;
		font-size: 3.5vw;
		background: white;
		border-radius: 2em;
		padding: 0.3em 1.5em;
	}
	#campaign li a:hover{
		text-decoration: none;
		background-color: #f5c0c2;
	}
	#campaign table{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#campaign table tr {
		background-color: #ffeeef;
	}
	#campaign table tr:nth-child(odd) {
		background-color: #fff;
	}
	#campaign table td.prefecture{
		width: 5.5em;
	}
	#campaign table td {
		padding: 10px 12px;
		border: solid 1px #e73c42;
	}
	#campaign table td a{
		color: #50a12d;
		text-decoration: none;
	}
	#campaign table td a:hover{
		color: #d7c38c;
	}
}

/*----------------------*/
/*          pc          */
/*----------------------*/
@media print, screen and (min-width: 769px) {
	/* --------- 調整・消去 --------- */
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .post-content p{
		margin: 0;
	}
	#campaign div.image{
		text-align:center;
	}
	#campaign .pc { display: block !important; }
	#campaign .sp { display: none !important; }
	#campaign img { display:block; }

	/* ↓ここから個別↓ */

	#campaign {
		background: #e06f72;
		min-width: 800px;
        padding-bottom: 40px;
	}
	body #campaign p,
	body #campaign th,
	body #campaign td,
	body #campaign li,
	body #campaign dt,
	body #campaign dd,
	body #campaign a{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		font-size: 14px;
		line-height:1.75em;
		color: #111111;
	}
	#campaign h1,
	#campaign h2,
	#campaign h3,
	#campaign h4,
	#campaign h5{
		font-family: 'Wix Madefor Text','Noto Sans JP','メイリオ','Meiryo',sans-serif;
		line-height:1.4em;
		font-feature-settings : "palt";
		margin: 0;
	}

	#campaign img{
		display:block;
		width:100%;
	}
	#campaign a{
		color:#50a12d;
	}

	#campaign .outer{
		display:flex;
		justify-content:space-between;
		margin:40px 5%;
		width: 90%;
	}

	#campaign .outer .title_box{
		width: min(23vw, 360px);
		margin-top:0px;
	}
	#campaign .outer .title_box h2{
		color: #fff;
		font-size: min(2.2vw, 34px);
		font-weight: bold;
		text-align: left;
		letter-spacing: 0.05em;
		margin: 40px 0 25px;
	}
	#campaign .outer .title_box span{
		color: #d11a20;
		font-size: 0.75em;
	}

	#campaign .outer .detail_box{
		flex: 1;
		margin-right: 10px;
	}
	#campaign .outer .detail_box p{
		color: #fff;
		margin-bottom: 15px;
	}
	#campaign .outer .detail_box h3{
		background-color: #fde735;
		color: #e73d42;
		font-size: min(1.7vw, 28px);
		font-weight: bold;
		line-height: 2em;
		border-radius: 1em;
		letter-spacing: 0.05em;
		margin: 40px 0 25px;
	}
	#campaign .outer .detail_box h3 span{
		color: #e73c42;
		border-right: 2px solid #e06f72;
		padding: 0 0.8em 0 1.4em;
		margin-right: 1em;
		font-size: 0.6em;
	}
	#campaign #info_banner{
		display: flex;
		justify-content:space-between;
		margin: 30px 0;
	}
	#campaign #info_banner a{
		width: 49%;
		border: 2px solid #f5c0c2;
		border-radius: 15px;
	}
	#campaign #info_banner a img{
		border-radius: 13px;
	}

	#campaign .outer:nth-child(odd){ flex-direction: row-reverse; }
	#campaign .outer:nth-child(even) { flex-direction: row; }

	#campaign ul{
		text-align: center;
		margin: 40px 0;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	#campaign li a{
		display: inline-block;
		text-decoration: none;
		color: #e06f72;
		font-weight: bold;
		font-size: 1.3vw;
		background: white;
		border-radius: 2em;
		padding: 0.3em 1.5em;
	}
	#campaign li a:hover{
		text-decoration: none;
		background-color: #f5c0c2;
	}
	#campaign table{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#campaign table tr {
		background-color: #ffeeef;
	}
	#campaign table tr:nth-child(odd) {
		background-color: #fff;
	}
	#campaign table td.prefecture{
		width: 5.5em;
	}
	#campaign table td {
		padding: 10px 12px;
		border: solid 1px #e73c42;
	}
	#campaign table td a{
		color: #50a12d;
		text-decoration: none;
	}
	#campaign table td a:hover{
		color: #d7c38c;
	}
}