@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------------
    base Style
--------------------------------------------------------------------------------------------------*/

.link_b{background: #0078A3}
.link_a{background: #3E8369}

.col-g{color:#3E8369}
.col-b{color:#0078A3}

.col-red{color:#E60012}
.col-gray{color:#898989}

/* 大枠
 --------------------------------*/

/* テキスト
 --------------------------------*/
.indent{
	padding-left:1em;
	text-indent:-1em;
}
.indent2{
	padding-left:1.2em;
	text-indent:-1.2em;
}
.txt-bot{
	display: inline;
    position: relative;
    bottom:0;
    font-size:0.5em;
}

/*------------------------------------------------------------------------------------------------
     レイアウト
--------------------------------------------------------------------------------------------------*/
main {
    width: 100%;
	padding-top: 80px;
	overflow: hidden
}

.inner-l{
    width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.inner-m{
    width: 80%;
	max-width: 960px;
	margin: 0 auto;
}

.inner-s{
    width: 66.66%;
	max-width: 800px;
	margin: 0 auto;
}


@media screen and (max-width: 1023px) {
	.inner-s{
		width: 92%;
		max-width: inherit;
	}
}

@media screen and (max-width: 768px) {
main {
	padding-top: 16vw;
   overflow: hidden;
}
.inner-l{
    width: 100%;
	max-width: inherit;
	margin: 0 auto;
}	
.inner-m{
    width: 94%;
	max-width: inherit;
	margin: 0 auto;
	}
.inner-s{
		width: 92%;
		max-width: inherit;
		margin: 0 auto;
}

	
}

.flex-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}


/*------------------------------------------------------------------------------------------------
   btn
--------------------------------------------------------------------------------------------------*/
.btn_link-area{
	width:480px;
	height:60px;
	margin: 0 auto;
}

.btn_link-area a {
	width:100%;
	height:100%;
	background: #1D4A79;
	padding-right:1em;
	color:#fff;
	border-radius: 30px;
	font-size: 2.0rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	position: relative;
	outline-offset: -4px;
	outline-color: #fff
}
.btn_link-area a::after{
	position: absolute;
	content: '外部リンク';
	font-size:9px;
	color:#1D4A79;
	width: 80px;
	height:20px;
	top: 0;
	bottom:0;
	right: 20px;
	margin: auto;
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 2em;
	box-sizing: border-box;
	background-image: url("../../images/common/link-icon-n.svg");
	background-position: right 0.8em center;
	background-repeat: no-repeat;
	background-size: 10px 10px
}

.btn-b a{
	width:100%;
	height:100%;
	background: #0078A3;
	padding:0.8em 2em 0.8em 0.8em;
	color:#fff;
	border-radius: 30px;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	position: relative;
	outline-offset: -4px;
	outline-color: #0078A3;
	background-image: url("../../images/common/arrow-w.svg");
	background-position: right 0.8em center;
	background-repeat: no-repeat;
	background-size: 16px 8px
}

.btn-b.g a{
	background-color: #3E8369
}
.btn-b.external a{
	background-image:none;
		padding-right: 5em;
}
.btn-b.external a::after{
	position: absolute;
	content: '外部リンク';
	font-size:9px;
	color:#0078A3;
	width: 80px;
	height:20px;
	top: 0;
	bottom:0;
	right: 10px;
	margin: auto;
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 2em;
	box-sizing: border-box;
	background-image: url("../../images/common/link-icon-b.svg");
	background-position: right 0.8em center;
	background-repeat: no-repeat;
	background-size: 10px 10px
}
.btn-wrap{
	width:50%;
	margin: 40px 0 40px auto
}

@media screen and (max-width: 768px) {
	.btn_link-area{
		width:90%;
		height:12vw;
		margin: 0 auto;
	}
	.btn_link-area a {
		border-radius: 6vw;
		font-size: 3.6vw;

	}
	.btn_link-area a::after{
		position: absolute;
		content: '外部リンク';
		font-size:2vw;
		width: 16vw;
		height:4vw;
		right: 2vw;
		border-radius: 4vw;
		background-size: 2vw 2vw
	}
	
	.btn-b a{
		border-radius: 6vw;
		font-size: 3.6vw;
		background-size: 4vw 2vw
	}
	.btn-b.external a::after{
		position: absolute;
		content: '外部リンク';
		padding-left: 1vw;
		font-size:2vw;
		width: 16vw;
		height:4vw;
		right: 2vw;	
		border-radius: 4vw;
		background-size: 2vw 2vw
	}

	.btn-wrap{
		width:90%;
		margin: 4vw 0 4vw auto
	}

}





/*------------------------------------------------------------------------------------------------
    link area
--------------------------------------------------------------------------------------------------*/
/*#link-area {
	background: #EDF5EF;
	padding: 70px 0 80px;
	text-align: center;
	position: relative;
	z-index: 3
}


#link-area img{
	max-width:345px;
	margin: 0  auto 35px
}


@media screen and (max-width: 768px) {
	#link-area {
		padding: 8vw 0 
	}


	#link-area img{
		max-width:70%;
		margin: 0  auto 5vw
	}
}
*/