/* --------------------------------------------------
 * html
-------------------------------------------------- */
html {
	scroll-behavior: smooth;
}
body {
	background: #e8f0f7;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}
p {
	margin: 0;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
dl, ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
dd {
	margin-bottom: 0;
}
address {
	margin: 0;
}
/* --------------------------------------------------
 * 全機種共通
-------------------------------------------------- */
.header {
	max-width: 640px;
	margin: 0 auto;
	background: #e7f4ff;
}
.header h1 {
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
	color: #47a8fc;
	text-align: center;
}
.main {
	margin: 0 auto;
	background: #e8f0f7;
}
.section {
	position: relative;
}
.bg-white-radius {
	width: 95%;
	margin: 0 auto;
	background: #fff;
}

.menu {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	background: #47a8fc;
}
.menu-content>li {
	float: left;
	width: 20%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.menu-content>li:hover img {
	transition: 0.3s;
	opacity: 0.75;
}

.project {
	padding-bottom: 30px;
	background: #ffe7ed;
}
.project-content>li {
	padding: 10px 0;
}

.satisfaction {
	padding-bottom: 20px;
	background: #e8f0f7;
}
.satis-content li {
	padding: 10px 0 20px;
}
.satis-content>li>div {
	padding-bottom: 10px;
}

.office {
	background: #ffe7ed;
}
.office-content dt,.office-content dd {
	width: 50%;
}
.office-left {
	float: left;
}
.office-right {
	float: right;
}

.salary {
/*	padding-top: 40px;*/
	padding-bottom: 30px;
	background: #e8f0f7;
}
.salary-title {
	background: #6db9fd;
	text-align: center;
}
.salary-title-text {
	margin-top: 30px;
	margin-bottom: 40px;
}
.salary-content li {
	padding-bottom: 5%;
}
.salary-line {
	width: 81.25%;
	height: 5px;
	margin: 0 auto;
	border: none;
	background: #47a8fc;
}
.salary-box {
	max-width: 640px;
	margin: 0 auto;
	padding-top: 5%;
}
.salary-box>dt, .salary-box>dd {
	width: 50%;
}
.salary-content>li:nth-child(odd) .salary-girl, .salary-content>li:nth-child(even) .salary-comment {
	float: left;
}
.salary-content>li:nth-child(odd) .salary-comment, .salary-content>li:nth-child(even) .salary-girl {
	float: right;
}
.salary-girl dd {
	width: 93.75%;
	margin: 0 auto;
	background: #fff;
}
.salary-comment dl {
	width: 93.75%;
	margin: 0 auto;
	background: #6db9fd;
}

.enquete {
/*	padding-bottom: 30px;*/
	background: #ffe7ed;
}
.enquete-content {
	margin-top: -24px;
	padding-top: 24px;
	padding-bottom: 30px;
	background: #fff;
}

.interview-title {
	background: #6db9fd;
	text-align: center;
}
.interview-content-wrap {
	padding: 10px 0;
	background: #8f6642 url(../img/interview-content-wrap-bg.png) repeat;
}
.interview-content {
	border-radius: 5px;
	padding: 5px 0;
	background: #9e724b url(../img/interview-content-bg.jpg) repeat;
	box-shadow: inset 2px 3px 3px rgba(255,255,255,.5), inset -2px -3px 3px rgba(0,0,0,.5);
}
.interview-content li {
	float: left;
	width: 50%;
}

.button {
	background: #e8f0f7;
	padding: 30px 5%;
}
.button p+p {
	margin-top: 10px;
}
.button a img {
	transition: 0.6s;
}
.button a:hover img {
	opacity: 0.75;
	transform: translateY(-5px);
}

.float-nav {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	animation: navi 3s ease 0s 1 normal;
	z-index: 10;
}
@keyframes navi {
	0%   {transform: translateY(100%);opacity: 0;}
	66%  {transform: translateY(100%);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}
.float-btn {
	border-top: #47a8fc 2px solid;
	border-right: #47a8fc 1px solid;
	border-bottom: #47a8fc 1px solid;
	background: rgba(255,255,255,.75);
	font-size: 0;
}
.float-btn>li {
	width: calc((100% - 3px) / 3);
	display: inline-block;
	border-left: #47a8fc 1px solid;
	box-sizing: content-box;
	font-size: 14px;
	text-align: center;
}
.float-btn a {
	display: block;
}
.float-btn img {
	max-width: 80%
}

.footer {
	padding: 10px 0;
	background: #e7f4ff;
	text-align: center;
}
.footer a {
	color: #47a8fc;
	font-size: 14px;
}

/* --------------------------------------------------
 * スマホ
-------------------------------------------------- */
@media(max-width:640px) {
	.bg-white-radius {
		border-radius: 6.25vw;
	}

	.project-content .contet-01 ol {
		margin-bottom: 10px;
	}
	.project-content .bg-white-radius {
		margin-top: -17vw;
		padding-top: 17vw;
	}
	.project-content .contet-02 .bg-white-radius {
		margin-top: -15.625vw;
		padding-top: 15.625vw;
	}
	.project-content .contet-03 .bg-white-radius {
		margin-top: -26.5vw;
		padding-top: 26.5vw;
	}
	.project-content .contet-03 ol {
		padding-bottom: 10px;
	}
	.project-content .contet-04 .bg-white-radius {
		margin-top: -32.8vw;
		padding-top: 32.8vw;
	}
	.project-content .contet-04 ul {
		padding-bottom: 10px;
	}

	.salary-girl dd, .salary-comment dl {
		border-radius: 3.125vw;
	}
}
/* --------------------------------------------------
 * タブレット＆PC
-------------------------------------------------- */
@media(min-width:641px) {
	body {
		background: #fff;
	}
	.header, .main, .footer {
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	.width-keeper {
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	.bg-white-radius {
		width: 608px;
		border-radius: 40px;
	}

	.menu {
		border-top: 30px solid #fff;
		border-bottom: 30px solid #fff;
	}

	.float-nav {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.button {
		padding: 30px 5% 20px;
	}
	.button p+p {
		margin-top: 15px;
	}

	.project-content .bg-white-radius {
		margin-top: -110px;
		padding-top: 110px;
	}.project-content .contet-02 .bg-white-radius {
		margin-top: -100px;
		padding-top: 100px;
	}
	.project-content .contet-03 .bg-white-radius {
		margin-top: -170px;
		padding-top: 170px;
	}
	.project-content .contet-03 ol {
		padding-bottom: 20px;
	}
	.project-content .contet-04 .bg-white-radius {
		margin-top: -210px;
		padding-top: 210px;
	}
	.project-content .contet-04 ul {
		padding-bottom: 20px;
	}

	.office-content {
		background-color: #fff;
	}

	.salary-girl dd, .salary-comment dl {
		border-radius: 20px;
	}

	.enquete-title {
		position: relative;
		text-align: center;
	}
	.enquete-title:before {
		width: 100%;
		height: 76px;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #fd9cc5;
		content: "";
	}
	.enquete-title img {
		position: relative;
		z-index: 5;
	}

	.interview-content-wrap, .interview-content {
		padding: 20px 0;
	}
	.interview-content li {
		width: 320px;
	}
}
/* --------------------------------------------------
 * タブレット
-------------------------------------------------- */
@media(min-width:641px) and (max-width:1024px) {
	
}
/* --------------------------------------------------
 * PC
-------------------------------------------------- */
@media(min-width:1025px) {
	
}

/* --------------------------------------------------
 * common
-------------------------------------------------- */
.cf:after, .clearfix:after {
	display: block;
	clear: both;
	content: "";
}