@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

@import url('reset.css');

/*
font-family: 'Noto Serif JP', serif;
font-family: 'Zen Maru Gothic', serif;

font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: "M PLUS 1p", sans-serif;

1200px(PC/TAB)
979px
767px(SP)
666px
*/


/*============================

　基  本

============================*/

body{
	position: relative;
	width: 100%;
	font-family:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.75;
	color: #373935;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
	@media screen and (min-width: 1600px) {
		body{
			font-size: 17px;
		}
	}
	@media screen and (max-width: 979px) {
		body{
			font-size: 15px;
		}
	}

body.wrap-border{
	position: relative;
	z-index: 0;
	border:16px solid #1d538f;
	box-sizing:border-box;
}
	@media screen and (max-width: 979px) {
		body.wrap-border{
			border:10px solid #1d538f;
		}
	}

img{
	max-width: 100%;
	height: auto;
}

/* link
============================*/
a{
	color: #373935;
	text-decoration: none;
	-webkit-transition: all 0.4s ;
	transition: all 0.4s ;
}
a.link{
	color: #1d86b5;
	text-decoration: underline;
}

/*
 font
============================*/
.mplus{
	font-family: "M PLUS 1p", sans-serif;
}
.min{
	font-family: 'Noto Serif JP', serif;
}
.eng{
	font-family: 'Roboto', sans-serif;
}
.inline-block{
	display: inline-block;
}

.em{
	font-weight: bold;
}
.em400{
	font-weight: 400;
}
.em500{
	font-weight: 500;
}

.txt-c{
	text-align: center;
}
.txt-r{
	text-align: right;
}

.ao{
	color: #1d538f;
}

.midashi{
	font-size: 2em;
	line-height: 1.5;
	font-weight: 500;
}
.komidashi-underline{
	font-size: 1.375em;
	line-height: 1.5;
	padding-bottom: .5em;
	margin-bottom: 2em;
	border-bottom: 1px solid;
}
.large-sideline{
	font-size: 1.25em;
	line-height: 1.5;
	padding-left: 1em;
	border-left: 5px solid;
}

	@media screen and (max-width: 979px) {
		.midashi{
			font-size: 1.86666em;
		}
	}

.large{
	font-size: 1.125em;
}

.medium{
	font-size: .9375em;
}


/*
 mt / section
============================*/
.mtxl{
	margin-top: 5em;
}
.mtl{
	margin-top: 4em;
}
.mt{
	margin-top: 3em;
}
.mtm{
	margin-top: 2em;
}
.mts{
	margin-top: 1.5em;
}
.mtxs{
	margin-top: .75em;
}
.mb0{
	margin-bottom: 0!important;
}
.pt0{
	padding-top: 0!important;
}

/* section */
.section{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

/*
 list
============================*/
.list-disc li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.75em;
}
.list-aomaru li{
	list-style-position: outside;
	padding-left: 1.5em;
	position: relative;
}
.list-aomaru li:before{
	content: "";
	width: .75em;
	height: .75em;
	position: absolute;
	top: .625em;
	left: 0;
	background: #1d538f;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
/*
icon
============================
/* tel */
.telephone-txt{
	font-size: 1.875em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.telephone-txt span{
	background: url("../images/common/icon-phone-black.png") no-repeat left center;
	background-size: .5em auto;
	padding-left: .75em;
}

/* link */
a.icon-weblink{
	color: #1d86b5;
	padding-right: 1.5em;
	background: url("../images/common/icon-weblink.png") no-repeat right top .25em;
	background-size: 1em auto;
}
a.icon-arw{
	color: #1d538f;
	text-decoration: underline;
	padding-right: 1.5em;
	position: relative;
}
a.icon-arw:before{
	position: absolute;
	top: calc(50% - 5px);
	right: .75em;
	width: 8px;
	height: 10px;
	background: #1d538f;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	content: "";
	-webkit-transition: .3s right;
	transition: .3s right;
}

/*
 flex
============================*/
.flex{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}


/*
 header
============================*/
header{
	padding: 1.5em 4.5% 0;
	position: relative;
}
header h1 a{
	display: block;
	width: 6.875em;
	height: 6.875em;
	background: url(../images/common/mark.png) no-repeat left top;
	background-size: 100% auto;
	text-indent: -9999px;
}
	@media screen and (max-width: 979px) {
		header h1 a{
			width: 5.25em;
			height: 5.25em;
		}
	}

.link-saitamahaku{
	background: #1d538f;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	position: absolute;
	right: 4%;
	top: 2em;
}
.link-saitamahaku a{
	position: relative;
	display: block;
	font-family: "M PLUS 1p", sans-serif;
	font-size: .875em;
	font-weight: 500;
	line-height: 1.0;
	color: #fff;
	padding: .5em 2em .5em .75em;
}
.link-saitamahaku a:after{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/common/icon-linkjump.png) no-repeat 95% calc(50% - 1px);
	background-size: 1em auto;
	content: "";
}
/*
 copylight
============================*/

#copylight{
	padding: 2em 4.5%;
	font-size: .75em;
	font-family: 'Roboto', sans-serif;
	text-align: right;
}
	@media screen and (max-width: 736px) {
		#copylight{
			text-align: center;
		}
	}


/*============================
　CSSアニメーション
============================*/

.fadein-up{
	opacity : 0;
	transform: translateY(30px);
	transition : all 1s;
	-webkit-transition: all 1s;
}
.fadein-up.scrollin{
	transform: translateY(0);
	opacity : 1;
}