@charset "utf-8";
@import url("reset.css");
@import url("../plugin/font/css/font.css");
@import url("header.css");
@import url("nav.css");
@import url("footer.css");
@import url("print.css");
:root{
	--main-color: #086FB9;
	--main-color2: #28939E;
	--main-color3: #024990;
	--accent-color: #DA2529;
	--grada-bg-blue:linear-gradient(to left, #0F85DA, #0457AA);/*blue*/
	--sub-grada-bg-blue:linear-gradient(to top, #FFF, #DDF1FB);/*blue*/
	--sub-grada-bg-green:linear-gradient(to top, #FFF, #EEFAFB);/*green*/
	--sub-grada-bg-gray:linear-gradient(to top, #FFF, #E1E1E1);/*gray*/
}
body{
	min-width: 320px;
	
}
#js{
	color: #fff;
	background-color:  var(--main-color3);
}
.wrap{
	max-width: 1080px;
	width: 100%;
	margin:  0 auto;
	padding: 0 30px;
	position: relative;
	box-sizing: border-box;
}
@media screen and (min-width:768px) {
.wrap {
	padding: 0 60px;
}
}
@media screen and (min-width:1200px) {
.wrap {
	padding: 0 40px
}
}
@media screen and (min-width:1600px) {
.wrap{
	max-width: 1360px;
}	
}

/*pagetop*/
#pagetop {
	height:0;
	opacity:0;
	transition:0.3s;
	visibility:hidden
}
#pagetop.fixed {
	height:auto;
	position:relative;
	visibility:visible;
	opacity:1;
	z-index:1;
}
.pagetop a {
	width:50px;
	height:50px;
	position:fixed;
	bottom:1em;
	right: 1em;
	border-radius: 50%;
	background: linear-gradient(to left, #086FB9, #0457AA);
	z-index: 100;
	transition: all 0.3s ease;
}
.pagetop a:before {
	content: "";
	width: 13px;
	height: 13px;
	margin: -2px 0 0 -6px;
	position: absolute;
	top: 46%;
	left: 50%;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagetop a:hover {
	color:#fff;
	text-decoration:none;
	opacity:0.5;
}
@media screen and (min-width:1024px) {
.pagetop a {
	width:70px;
	height:70px;
	bottom:2em;
	right:2em
}
}

/*共通アイコン*/
a[target="_blank"] {
	position: relative;
	color: var(--main-color);
}
a[target="_blank"]:after {
	content: "";
	display: inline-block;
	background: url(../../assets/images/link-icon.svg) center / 90% no-repeat;
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.3em;
	position: relative;
	top: 0.2em;
}
/*背景あり*/
a[target="_blank"].grad {
	position: relative;
	color: #fff;
}
a[target="_blank"].grad:after {
	content: "";
	top: 0.1em;
	background: url(../../assets/images/link-btnicon.svg) center / 90% no-repeat;
}
a[target="_blank"].grad.btn1.grad:hover::after {
    transform: inherit;
}
_::-webkit-full-page-media, _:future, :root a[target="_blank"] {
	transform-box: fill-box 
}
@media screen and (min-width: 1200px) {
	a[target="_blank"]:after {
		width: 0.9em;
		height: 0.9em;
	}
}
@media print{
.pagetop a {
	display: none
}
}