@charset "UTF-8";

/*--------------------------------------------------*/

.footer {
	
}

.mincho {
  font-family: "游明朝", YuMincho, "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif; }

.deca {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 400; }

.inrWidth {
  width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.outerWidth {
  width: 1150px;
  margin-right: auto;
  margin-left: auto; }

.fullWidth {
  margin-right: auto;
  margin-left: auto; }

@media screen and (min-width: 1400px) {
  .fullWidth {
    width: 1400px; }
  .inrWidth {
    width: 1000px; } }

@media screen and (min-width: 1150px) and (max-width: 1400px) {
  .fullWidth {
    width: 100%; }
  .outerWidth {
    width: 1150px; }
  .inrWidth {
    width: 1000px; } }

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .fullWidth {
    width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 1150px) {
  .outerWidth {
    width: 95% !important; } }

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .inrWidth {
    width: 95% !important; } }

@media screen and (max-width: 768px) {
  .inrWidth {
    width: 90%; }
  .outerWidth {
    width: 100% !important; } }

/*--------------------------------------------------*/

body {
	width: 100%;
	background: #fff;
	color: #333;
}

/*汎用設定*/


@media screen and (max-width: 768px) {
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
}
@media screen and (min-width: 769px) {
	.pc_only {
		display: block;
	}
	.sp_only {
		display: none;
	}
}

/*-------------------テキスト用設定-------------------*/

.kinriseisaku .marker-yellow {
	background: linear-gradient(transparent 0%, #f4f416 60%);
}
.kinriseisaku .line-yellow {
	background: linear-gradient(transparent 95%, #f4f416 95%);
}
.kinriseisaku .txt-red {
	color:#E73656;
}
.kinriseisaku .txt-yellow {
	color:#F4F416;
}
.kinriseisaku .txt-black {
	color:#010101;
}
.kinriseisaku .bold {
	font-weight: 700;
}
.kinriseisaku .shadow_white {
	text-shadow: 0px 2px 0px rgba(255, 255, 255, 1);
}
.kinriseisaku .underline {
	text-decoration: underline;
}
.kinriseisaku .note {
	text-align: right;
	margin: 8px;
}

/*-------------------ヒーローエリア-------------------*/

.kinriseisaku .hero {
	padding-top: 60px;
}
.kinriseisaku .hero__title img {
	display: block;
	width: 90vw;
	margin: 0 auto;
}
.kinriseisaku .hero__list {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	margin: -20% 8px 0 8px;
	padding-bottom: 8px;
}
.kinriseisaku .hero__list li {
	width: calc(50% - 16px);
	margin-top: 4px;
	margin-bottom: 4px;
}
.kinriseisaku .hero__lead p {
	padding: 8%;
	background: #0F429D;
	color:#fff;
}
.kinriseisaku .hero {
	position: relative;
	background:url("../img/mainvis.jpg") no-repeat center top / contain;
	width: 100vw;
	margin: 0 auto 0 auto;
}
.kinriseisaku .hero::after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	background-color: white;
	opacity: 0.5;
}
.kinriseisaku .hero__wrap {
	position: relative;
	z-index: 3;
	overflow-y: visible;
}
.kinriseisaku .hero__title {
	width: 80vw;
	height: 53.33vw;
	margin: 0 auto;
	background:url("../img/kinriseisaku_title2024_sp.svg") no-repeat center top / contain;
}
.kinriseisaku .hero__title img {
	display: none;
}
.kinriseisaku .kinriseisaku__support {
	position: relative;
	width: calc(95vw - 30px);
	margin: 35px auto;
	padding: 0 15px 20px 15px;
	background: #FFFEEE;
	border:4px solid #FF8700;
	border-radius: 10px;
}
.kinriseisaku .support__title {
	margin-top: -20px;
}
.kinriseisaku .support__illust {
	width: 35vw;
	height:auto;
	margin: 10px 0 0 10px;
	float: right;
}
.kinriseisaku .support__lead {
	margin: 20px auto 10px auto;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	color:#333;
}
.kinriseisaku .cvn__bnr {
	margin: 20px auto 0 auto;
}
.kinriseisaku .cvn__bnr li:not(:last-child) {
	margin-bottom: 10px;
}
.kinriseisaku .support__pr {
	margin: 15px auto 0 auto;
	display: flex;
	align-items: stretch;
}
.kinriseisaku .support__pr__title {
	width: 32vw;
}
.kinriseisaku .support__pr__list {
	margin-left: 10px;
}
.kinriseisaku .support__pr__list li {
	position: relative;
	padding-left: 25px;
	font-weight: 700;
	line-height: 1.25;
	color: #333;
}
.kinriseisaku .support__pr__list li:not(:last-child){
	margin-bottom: 7px;
}
.kinriseisaku .support__pr__list li::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left:0;
	top:0;
	bottom:1;
	margin: auto;
}
.kinriseisaku .support__pr__list li:nth-child(1)::before {
	background:url("../img/pr_num1.svg") no-repeat center top / contain;
}
.kinriseisaku .support__pr__list li:nth-child(2)::before {
	background:url("../img/pr_num2.svg") no-repeat center top / contain;
}
.kinriseisaku .support__pr__list li:nth-child(3)::before {
	background:url("../img/pr_num3.svg") no-repeat center top / contain;
}
.kinriseisaku .support__pr__list li:nth-child(4)::before {
	background:url("../img/pr_num4.svg") no-repeat center top / contain;
}
.kinriseisaku .support__pr__list li:nth-child(5)::before {
	background:url("../img/pr_num5.svg") no-repeat center top / contain;
}

@media screen and (min-width: 769px) {
	.kinriseisaku .hero {
		width: 100vw;
		min-height: 1067px;
		margin: 0 auto 120px auto;
	}
	.kinriseisaku .hero__title {
		height:auto;
		max-width: 1052px;
		max-height: 362px;
		margin: 0 auto;
		margin-top: 100px;
		background: none;
	}
	.kinriseisaku .hero__title img {
		display: inline-block;
	}
	.kinriseisaku .kinriseisaku__support {
		position: relative;
		max-width: 1200px;
		margin: 40px auto;
		padding: 3% 0;
		border:8px solid #FF8700;
		border-radius: 16px;
	}
	.kinriseisaku .support__title {
		position: relative;
		margin: 0 0 0 -20px;
	}
	.kinriseisaku .support__title::after {
		content: "";
		display: block;
		position: absolute;
		bottom:0;
		right:0;
		width: 28vw;
		height: 19.984vw;
		max-width: 510px;
		max-height:364px;
		background:url("../img/illust_guide1.svg") no-repeat center bottom / contain;
	}
	.kinriseisaku .support__title img {
		width: 70vw;
		height: 5.537vw;
		max-width: 809px;
		max-height: 64px;
	}
	.kinriseisaku .support__lead {
		width: 90%;
		max-width: 1080px;
		margin: 40px auto;
		font-size: 24px;
		font-size: clamp(18px, 2vw, 24px);
		font-weight: 700;
		color:#333;
	}
	.kinriseisaku .support__illust {
		display: none;
	}
	.kinriseisaku .cvn__bnr {
		width: 90%;
		margin: 40px auto 0 auto;
	}
	.kinriseisaku .cvn__bnr li:not(:last-child){
		margin-bottom: 20px;
	}
	.kinriseisaku .support__pr {
		max-width: 1080px;
		margin: 40px auto 0 auto;
		justify-content: space-around;
	}
	.kinriseisaku .support__pr__list {
		margin-left: 40px;
	}
	.kinriseisaku .support__pr__title {
		width: 35%;
		max-width: 310px;
	}
	.kinriseisaku .support__pr__list sup {
		font-size: 16px;
	}
	.kinriseisaku .support__pr__list li {
		position: relative;
		height: 54px;
		padding-left: 64px;
		font-size: 26px;
		font-size: clamp(18px, 2vw, 26px);
		font-weight: 700;
		line-height: 1.2;
	}
	.kinriseisaku .support__pr__list li:not(:last-child){
		margin-bottom: 0.75em;
	}
	.kinriseisaku .support__pr__list li::before {
		position: absolute;
		left:0;
		top:-25%;
		display: block;
		width: 8vw;
		height: 8vw;
		max-width: 54px;
		max-height: 54px;
	}
}

/*-------------------本文-------------------*/

.kinriseisaku .section {
	 background: #D1F4EC;
}
.kinriseisaku .section01 {
	margin-top: 80px;
	padding-bottom: 100px;
}
.kinriseisaku .section02 {
	padding-bottom: 60px;
}
.kinriseisaku .section__lead {
	padding: 10px 15px 30px 15px;
	background: #00A781;
}
.kinriseisaku .section__lead__title {
	width: 60%;
	height:auto;
	margin-top: -50px;
}
.kinriseisaku .section__lead__txt p {
	margin-top: 20px;
	font-weight: 700;
	line-height: 1.8;
	color:#fff;
}
.kinriseisaku .section__lead__illust {
	width: 40%;
	height:auto;
	margin-top: -180px;
	float: right;
}
.kinriseisaku .section .pagenavi {
	width: 95%;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}
.kinriseisaku .section .pagenavi li {
	width: 32%;
	text-align: center;
}
.kinriseisaku .section .pagenavi img {
	filter: drop-shadow(5px 5px 10px rgb(0, 0, 0,0.16));
}
.kinriseisaku .innnersection {
 width: 100%;
 margin-top: 20px;
}
.kinriseisaku .innnersection.shift-right {
 background: linear-gradient(90deg, rgba(209,244,236,1) 0%, rgba(209,244,236,1) 50%, rgba(255,255,255,1) 51%);
}
.kinriseisaku .innnersection.shift-left {
 background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(209,244,236,1) 51%);
}
.kinriseisaku .innnersection__wrap {
	background: #fff;
}
.kinriseisaku .shift-right .innnersection__wrap {
	margin-left: 10px;
	border-radius: 20px 0px 0px 20px;
}
.kinriseisaku .shift-left .innnersection__wrap {
	margin-right: 10px;
	border-radius: 0px 20px 20px 0px;
}
.kinriseisaku .innnersection__content {
	position: relative;
	width: calc(95% - 15px);
	margin: 0 auto;
	padding: 20px 0;
	text-align:center;
}
.kinriseisaku .shift-right .innnersection__content {
	transform: translate(-5px);
}
.kinriseisaku .shift-left .innnersection__content {
	transform: translate(5px);
}
.kinriseisaku .innnersection__title {
	position: relative;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.kinriseisaku .innnersection__title::after {
	content: "";
	display: block;
}
.kinriseisaku #reason1 .innnersection__title::after {
	width: 35vw;
	height:33.97vw;
	margin: 10px auto 0 auto;
	background:url("../img/illust_reason1.png") no-repeat center top / contain;
	float: right;
}
.kinriseisaku #reason2 .innnersection__title::after {
	width: 50vw;
	height:31.7vw;
	margin: 10px auto 0 auto;
	background:url("../img/illust_reason2.png") no-repeat center top / contain;
}
.kinriseisaku #reason3 .innnersection__title::after {
	width: 50vw;
	height:41.705vw;
	margin: 10px auto 0 auto;
	background:url("../img/illust_reason3.png") no-repeat center top / contain;
}
.kinriseisaku .innnersection__title .reason {
	display: block;
	width: 100px;
	height: auto;
	margin: 0 auto 10px auto;
	text-align: center;
}
.kinriseisaku .innnersection__title .subtext {
	display: block;
	font-size: 14px;
	text-align: center;
}
.kinriseisaku .innnersection__txt {
	margin: 20px auto 0 auto;
	font-size: 14px;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.kinriseisaku .section01 {
		padding-bottom: 120px;
	}
	.kinriseisaku .section02 {
		padding-bottom: 180px;
	}
	.kinriseisaku .section__lead {
		padding: 40px 0 60px 0;
	}
	.kinriseisaku .section__lead__wrap {
		width: 95%;
		max-width: 1500px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.kinriseisaku .section__lead__title {
		width: 35%;
		max-width: 451px;
		max-height:344px;
		margin-top: -100px;
	}
	.kinriseisaku .section__lead__txt {
		width: 63%;
	}
	.kinriseisaku .section__lead__txt p {
		font-size: 23px;
		font-size: clamp(18px, 2vw, 23px);
	}
	.kinriseisaku .section__lead__illust {
		margin-top: -120px;
	}
	.kinriseisaku .section .pagenavi {
		max-width: 900px;
		margin: 40px auto;
	}
	.kinriseisaku .section .pagenavi img {
		filter: drop-shadow(5px 5px 10px rgb(0, 0, 0,0.16));
	}
	.kinriseisaku .innnersection {
	 margin-top: 80px;
	}
	.kinriseisaku .shift-right .innnersection__wrap {
		margin-left: 120px;
		border-radius: 40px 0px 0px 40px;
	}
	.kinriseisaku .shift-left .innnersection__wrap {
		margin-right: 120px;
		border-radius: 0px 40px 40px 0px;
	}
	.kinriseisaku .innnersection__content {
		width: 80%;
		max-width: 1280px;
		padding: 80px 0;
	}
	.kinriseisaku .shift-right .innnersection__content {
		transform: translate(-60px);
	}
	.kinriseisaku .shift-left .innnersection__content {
		transform: translate(60px);
	}
	.kinriseisaku .innnersection__content::before {
		content: "";
		position: absolute;
		display: block;
	}
	.kinriseisaku #reason1 .innnersection__content::before {
		right:0;
		top:-80px;
		width: 20vw;
		height:19.416vw;
		max-width: 377px;
		max-height:366px;
		background:url("../img/illust_reason1.png") no-repeat center top / contain;
	}
	.kinriseisaku #reason2 .innnersection__content::before {
		left:-80px;
		top:-40px;
		width: 30vw;
		height:19.02vw;
		max-width: 500px;
		max-height:317px;
		background:url("../img/illust_reason2.png") no-repeat center top / contain;
	}
	.kinriseisaku #reason3 .innnersection__content::before {
		right:-160px;
		top:-60px;
		width: 25vw;
		height:20.252vw;
		max-width: 428px;
		max-height:357px;
		background:url("../img/illust_reason3.png") no-repeat center top / contain;
	}
	.kinriseisaku .innnersection__title {
		font-size: 40px;
		font-size: clamp(18px, 3vw, 40px);
	}
	.kinriseisaku .innnersection__title::after {
		display: none;
	}
	.kinriseisaku .innnersection__title .reason {
		width: 183px;
		height: auto;
		margin-bottom: 20px;
	}
	.kinriseisaku .innnersection__title .subtext {
		font-size: 28px;
		font-size: clamp(12px, 3vw, 28px);
	}
	.kinriseisaku .innnersection__txt {
		max-width: 840px;
		margin: 20px auto 0 auto;
		font-size: 18px;
	}
}

/*-------------------グラフ部分-------------------*/

.kinriseisaku .graphtitle {
	margin-top: 20px;
	text-align: center;
}
.kinriseisaku .graph {
	display: flex;
	flex-direction: column;
	margin: 20px auto 0 auto;
}
.kinriseisaku .graph img {
	margin: 20px auto;
}
.kinriseisaku .graph__note {
	display: inline-block;
	margin: 10px auto 0 auto;
	font-size: 10px;
}

@media screen and (max-width: 768px) {
	.kinriseisaku .graph img {
		width: 90%;
		height: auto;
	}
}

@media screen and (min-width: 769px) {
	.kinriseisaku .graphtitle {
		margin-top: 40px;
	}
	.kinriseisaku .graph {
		flex-direction: row;
		margin: 40px auto 0 auto;
	}
	.kinriseisaku .graph img:first-child:nth-last-child(2),
	.kinriseisaku .graph img:nth-last-child(2) ~ img {
		width: 40%;
		height: auto;
	}
	.kinriseisaku .graph__note {
		margin: 30px auto 0 auto;
		font-size: 14px;
	}
}

/*-------------------ポイント-------------------*/

.kinriseisaku .point {
	position: relative;
	width: 90%;
	margin: 40px auto 0 auto;
	padding: 10px 10px 10px 10px;
	background: #FFFEEE;
	border:2px dashed #00A781;
	border-radius: 10px;
}
.kinriseisaku .point__title {
	width: 15vw;
	max-width: 25%;
	height: auto;
	margin: -40px 10px 10px -20px;
	float: left;
}
.kinriseisaku .point p {
	font-weight: 700;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.kinriseisaku .point {
		width: 47vw;
		max-width: 800px;
		margin: 140px auto 0 auto;
		padding: 30px 30px 30px 120px;
		border:3px dashed #00A781;
		border-radius: 16px;
	}
	.kinriseisaku .point__title {
		position: absolute;
		left:-40px;
		top:-40px;
		width: 12vw;
	}
	.kinriseisaku .point p {
		font-size: 20px;
	}
}

/*-------------------2カラムのところ-------------------*/

@media screen and (min-width: 769px) {
	.kinriseisaku .column {
		display: flex;
		justify-content:space-between;
		margin-top: 60px;
	}
	.kinriseisaku .column p {
		width: 55%;
	}
}

/*-------------------2カラム（黄色）-------------------*/

.kinriseisaku .column__yellow {
	width: 90%;
	margin: 20px auto;
	padding: 10px;
	background: #FFFDE5;
	border-radius: 16px;
}
.kinriseisaku .column__yellow .column__yellow__title {
	font-size: 20px;
	font-weight: 700;
	color:#E73656;
	text-align: center;
}
.kinriseisaku .column__yellow .column__yellow__txt p {
	margin-top: 10px;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.kinriseisaku .column__yellow {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 60px auto;
		padding: 30px 30px;
	}
	.kinriseisaku .column__yellow .column__yellow__title {
		font-size: 30px;
		font-size: clamp(20px, 2vw, 30px);
	}
	.kinriseisaku .column__yellow .column__yellow__txt {
		width: 50%;
	}
	.kinriseisaku .column__yellow .column__yellow__txt p {
		font-size: 18px;
	}
	.kinriseisaku .column__yellow .column__yellow__chart {
		width: 40%;
		max-width: 380px;
	}
}

/*-------------------CVAリード-------------------*/

.kinriseisaku .cva__lead {
	background: #494CB2;
}
.kinriseisaku .cva__lead__wrap {
	position: relative;
	height:70vw;
	margin: 0 auto;
}
.kinriseisaku .cva__lead__illust {
	position: absolute;
	left:0;
	top: -30px;
	width: 35%;
	height: auto;
}
.kinriseisaku .guide__speech {
	position: absolute;
	left:150px;
	left:40%;
	top: -30px;
	width: 50%;
	padding: 10px;
	background: #fff;
	border-radius: 16px;
	font-size:3.8vw;
	color:#E73656;
}
.kinriseisaku .guide__speech::before {
	position: absolute;
	left:-20px;
	top: 0;
	bottom:0;
	margin: auto;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #fff transparent transparent;
}
.kinriseisaku .cva__txt {
	position: absolute;
	left:0;
	right:0;
	bottom: 20px;
	margin: auto;
	font-size:4vw;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	color:#fff;
}

@media screen and (min-width: 769px) {
	.kinriseisaku .cva__lead__wrap {
		max-width: 1500px;
		height:345px;
	}
	.kinriseisaku .cva__lead__illust {
		left:0;
		top: -112px;
		width: 30%;
		max-width: 420px;
		height: auto;
	}
	.kinriseisaku .guide__speech {
		left:500px;
		left:32%;
		top: -112px;
		max-width: 700px;
		padding: 20px;
		font-size: 25px;
		font-size: clamp(18px, 2vw, 25px);
	}
	.kinriseisaku .guide__speech::before {
		left:-40px;
		border-width: 20px 40px 20px 0;
	}
	.kinriseisaku .cva__txt {
		left:35%;
		top: 80px;
		font-size: 28px;
		font-size: clamp(20px, 2vw, 28px);
		text-align: left;
	}
}

/*-------------------CVA囲み・脚注-------------------*/

.kinriseisaku .cva__content {
	padding: 20px 0;
	background: rgb(252,232,249);
	background: linear-gradient(0deg, rgba(252,232,249,1) 0%, rgba(251,252,229,1) 50%, rgba(162,241,255,1) 100%);
}
.kinriseisaku .cva__wrap {
	width: calc(95vw - 20px);
	margin: 0 auto;
	padding: 20px 10px;
	background: #FFFEEE;
	border: 4px solid #FF8700;
	border-radius: 8px;
}
.kinriseisaku .cva__content__list {
	position: relative;
	margin: 20px auto 0 auto;
}
.kinriseisaku .cva__content__list::before {
	content:"";
	display: block;
	width: 50vw;
	height: 43.346vw;
	margin: 0 auto 15px auto;
	background:url("../img/illust_cva.png") no-repeat center top / contain;
}
.kinriseisaku .cva__content__list li {
	font-size: 15px;
	font-weight: 700;
	padding-left: 1em;
	text-indent: -1em;
}
.kinriseisaku .cva__content__list li::before {
	content: "●";
	color:#FFB65F;
}
.kinriseisaku .cva__content__list li:not(:last-child) {
	margin-bottom: 0.3em;
}
.kinriseisaku .cva__content__list .small {
	font-size: 0.75em;
}
.kinriseisaku .cva__note {
	width: 80%;
	margin: 20px auto 0 auto;
	color: #333;
}
.kinriseisaku .cva__note__title {
	font-size: 12px;
	font-weight: 700;
}
.kinriseisaku .cva__note__txt {
	font-size: 11px;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.kinriseisaku .cva__content {
		padding: 80px 0;
	}
	.kinriseisaku .cva__wrap {
		width: 90%;
		max-width: 1200px;
		padding: 5% 0;
		border: 8px solid #FF8700;
		border-radius: 16px;
	}
	.kinriseisaku .cva__content__title {
		text-align: center;
	}
	.kinriseisaku .cva__content__list {
		width: 90%;
		margin: 40px auto 0 auto;
	}
	.kinriseisaku .cva__content__list::before {
		position: absolute;
		right: -80px;
		bottom:0;
		display: block;
		width: 35vw;
		height: 30.342vw;
		max-width: 511px;
		max-height: 443px;
	}
	.kinriseisaku .cva__content__list li {
		font-size: 27px;
		font-size: clamp(20px, 2vw, 27px);
	}
	.kinriseisaku .cva__note {
		width: 90%;
		max-width: 1200px;
		margin: 80px auto 0 auto;
	}
	.kinriseisaku .cva__note__title {
		font-size: 18px;
	}
	.kinriseisaku .cva__note__txt {
		font-size: 16px;
	}
}

/*===footer======*/

.atoduke{
	background-color: #0B3C67;
	text-align: center;
	height: 200px;
	padding-top: 20px;
}



.ft__logo {
		background: #ffffff;
		text-align: center;
		padding: 10px 0;
}
.ft__logo img {
		width: 270px;
		height: auto;
}
.ft__copy {
		background: #582600;
		color: #FFF;
		font-size: 1.1rem;
		text-align: center;
		padding: 6px 0;
}
@media screen and (min-width: 769px) {
		.kosodate  {
			padding-bottom: 160px;
		}
		.kosodate .visual {
			width: 37vw;
			max-width: 420px;
		}
		.kosodate__lead_wrapper {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-align-items: center;
				align-items: center;
				margin: 0 auto;
				margin-top: 10px;
		}
		.raijou_wrapper, .shiryo_wrapper {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: center;
				align-items: center;
				height: 310px;
		}

		.raijou_wrapper .left .raijou_btn_txt_01.bg {
				background-color: #0083cb;
				mix-blend-mode: multiply;
				opacity: 0.7;
		}
		.raijou_wrapper .left .raijou_btn_txt_01.bg,
		.raijou_wrapper .left .raijou_btn_txt_01.border {
				width: 350px;
				height: 40px;
				text-align: center;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: 50px;
				border: solid #ffffff 1px;
		}
		.raijou_wrapper .left, .raijou_wrapper .right,
		.shiryo_wrapper .left, .shiryo_wrapper .right {
				width: 50%;
		}
	.raijou_wrapper *:hover {
			opacity: 1 !important;
	}
	.raijou_wrapper .center a:hover {
			transform: scale(1.1,1.1);
   		transform-origin: 50% 50%;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			opacity: 1 !important;
	}
	.raijou_wrapper .center a img:hover {
			opacity: 1 !important;
	}
	.sptab{display: none;}
}
@media screen and (max-width: 1200px) {
			.raijou_wrapper .left .raijou_btn_txt_01.bg,
		.raijou_wrapper .left .raijou_btn_txt_01.border {
				width: 36vw;
				height: 40px;
				text-align: center;
				position: absolute;
				top: 50%;
				left: 42%;
				transform: translate(-50%, -50%);
				border-radius: 50px;
				border: solid #ffffff 1px;
		}
		.raijou_wrapper .left .raijou_btn_txt_01 .txt{

		left: 42.5%;
		font-size: 1.8vw;
		}
	.raijou_wrapper .right .raijou_btn_img.txt {
    width: 78%;
    top: 45%;
		left: 60%;
	}
	.sptab{display: block;}

	.shiryo_wrapper a:hover:before {
			left: 86%;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
	}
	.shiryo_wrapper a:before {
			content: "";
			position: absolute;
			top: 68.5%;
			left: 82%;
			width: 25px;
			height: 25px;
			background-image: url(../img/shiryo_icon_arrow.png);
			background-repeat: no-repeat;
			background-position: right 0px top 50%;
			background-size: 25px;
			transform: translate(-50%, -50%);
			z-index: 10;
	}
	.shiryo_wrapper .left .shiryo_btn_txt_01,
	.shiryo_wrapper .right .shiryo_btn_txt_02 {
		min-width: 90%;
    width: 90%;
    top: 68%;
    left: 50%;
		font-size: 1.8vw;
	}
	.shiryo_wrapper .left .shiryo_btn_img.bg,
	.shiryo_wrapper .right .shiryo_btn_img.bg {
    width: 55%;
		top: 50%;
    left: 50%;
	}
}
@media screen and (max-width: 1000px) {
		.kosodate--ttl--lead {
    top: 37vw;
    left: 3.3vw;
    font-size: 1.6vw;
		}
}
@media screen and (max-width: 768px) {
		.kosodate {
				padding: 35px 0 10px;
		}
		.kosodate--ttl {
				height: 110vw;
		}
		.kosodate--ttl h2 {
				width: 90vw;
				position: absolute;
				top: 0px;
				left: 50%;
				transform: translate(-50%, 0%);
		}
		.kosodate--ttl--lead {
  		  top: 330px;
				left: 50%;
				width: 82vw;
				transform: translate(-50%, 0%);
				font-size: 2.3vw;
				line-height: 1.95;
				text-align: center;
		}
		.kosodate .visual {
				top: 83vw;
				left: -2vw;
				width: 65vw;
		}
		.kosodate__lead--img {
				width: 100%;
		}
		.kosodate__section--lead .imgTtl.left, .kosodate__section--lead .imgTtl.right {
				position: absolute;
				width: 38vw;
				top: -62px;
				right: -5px;
		}
		.raijou_wrapper {
				height: 100vw;
		}

		.raijou_wrapper .left {
				height: 26vw;
		}
		.raijou_wrapper .left .raijou_btn_txt_01 .txt {
			top: 40%;
			left: 0;
			width: 94vw;
			transform: translate(0%, -50%);
			padding: 0px 0vw 0 23vw;
			text-align: right;
			font-size: 4.52vw;
			font-weight: bold;
			color: #0083cb;
		}
	.raijou_wrapper .left .raijou_btn_txt_01.bg,
	.raijou_wrapper .left .raijou_btn_txt_01.border {display: none;}
		.raijou_wrapper .right {
  		  height: 75vw;
		}
		.raijou_wrapper .right .raijou_btn_img, .raijou_wrapper .right .raijou_btn_txt_02 {
				left: 50%;
				transform: translate(-50%, -50%);
				color: #582600;
		}
		.raijou_wrapper .right .raijou_btn_img.txt {
				width: 90vw;
				top: 35vw;
   			left: 51%;
		}
		.raijou_wrapper .right .raijou_btn_txt_02 {
				top: 62vw;
				font-size: 3vw;
		}
		.raijou_wrapper .center a img {
				width: 90vw;
				height: auto;
				position: absolute;
				top: 26%;
				left: 50%;
				transform: translate(-50%, -50%);
	/*			text-align: center;
				font-size: 4.25vw;
				font-weight: bold;
				line-height: 1.2;
				border-radius: 10px;
				border: solid #1fade1 2px;
				background-color: #ffffff;
				color: #1fade1;
				padding: 2.3vw;*/
		}
/*	.raijou_wrapper .center a:before {
			top: 50%;
			left: 77vw;
			background-image: url(../img/raijou_icon_arrow.png);
			background-repeat: no-repeat;
			background-position: right 0px top 50%;
			background-size: 30px;
			transform : translate(-50%, -50%);
		}
		.raijou_btn_txt_03{
				padding-right: 5vw;
			margin-top: -0.25vw;
		}
		.raijou_wrapper .center img {
				margin: 5px;
				width: 13vw;
				transform: translate(0%, 25%);
		}*/

		.shiryo_wrapper .left, .shiryo_wrapper .right {
				position: relative;
				width: 100%;
				height: 50vw;
		}
		.raijou_wrapper .right .raijou_btn_img.bg {
			width: 60%;
			top: 54%;
			left: 50%;
		}
		.raijou_wrapper .right .raijou_btn_img.bg {
			vertical-align: middle;
			vertical-align: -webkit-baseline-middle;
		}
		.shiryo_wrapper {
			position: relative;
			padding: 8vw 0 11vw;
		}
		.shiryo_wrapper .left .shiryo_btn_txt_01,
		.shiryo_wrapper .right .shiryo_btn_txt_02 {
   		width: 90vw;
			font-size: 4vw;
		}
		.shiryo_wrapper .left .shiryo_btn_icon {
			top: 38%;
			width: 38vw;
		}
		.shiryo_wrapper .right .shiryo_btn_icon {
			top: 36%;
			width: 39vw;
		}
		.shiryo_wrapper .left .shiryo_btn_img.bg,
		.shiryo_wrapper .right .shiryo_btn_img.bg {
			width: 50%;
		}

		.shiryo_wrapper a:before {
				left: 84vw;
		}
		.shiryo_wrapper a:hover:before {
				left: 85%;
		}
}
@media screen and (max-width: 650px) {
		.kosodate--ttl--lead {
				top: 52vw;
				left: 50%;
				width: 82vw;
				transform: translate(-50%, 0%);
				font-size: 2.9vw;
				line-height: 1.95;
				text-align: center;
		}
}