@charset "utf-8";

/*
=======================================================
 BASIC
=======================================================	
*/

body {
	font-family: 'Hiragino Sans', Arial, sans-serif;
	letter-spacing: .05em;
}

/* FONTS ------------------------------------------- */
/* noto-sans-jp-medium */
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/noto-sans-jp-regular.woff2') format('woff2'),
       url('fonts/noto-sans-jp-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/noto-sans-jp-medium.woff2') format('woff2'),
       url('fonts/noto-sans-jp-medium.woff') format('woff');
}
/* noto-sans-jp-bold */
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/noto-sans-jp-bold.woff2') format('woff2'),
       url('fonts/noto-sans-jp-bold.woff') format('woff');
}
/* ------------------------------------------------- */

.noto {
	font-family: 'Noto Serif JP';
	display: inline;
}

.noto200 {
	font-weight: 200;
}


/*
=======================================================
 HEADER
=======================================================	
*/


/*
=======================================================
 GLOBAL NAVI
=======================================================	
*/

nav li.phone span {
	text-indent: -.5em;
	}
	nav li.phone span.number {
		font-size: 0;
		margin: 4.5px 0;
	}
		
/*
=======================================================
 COMMON
=======================================================	
*/

section:not(#intro) h2 span {
	letter-spacing: .15em;
	padding-top: 40px;
}

/*
=======================================================
 TITLE
=======================================================	
*/

#lang-switcher li {
	padding: 0 1em;
}

/*
=======================================================
 INTRO
=======================================================	
*/

#intro p {
	font-weight: 600;
}


/*
=======================================================
 POINT
=======================================================	
*/

section#point h2 span {
	padding-top: 15px;
}

#point li .inner {
	padding-right: 118px;
}

.point-no::before {
	content: '观点';
}

/*
=======================================================
 ABOUT
=======================================================	
*/

section#about h2 span.noto {
	padding: 0;
	background: none;
}

#about dl:not(.faq)>dt {
	letter-spacing: .05em;
}

#about .faq:not(:last-of-type) {
	margin-bottom: 40px;
}

#about .faq dt {
	align-items: center;
}

/*
=======================================================
 EXPERIENCE
=======================================================	
*/

#experience .wrapper {
	background: url(../images/bg_experience_middle.png) center center / 1400px auto no-repeat,
				url(../images/bg_common.svg) center 90px / 100% auto no-repeat;
	padding-bottom: 130px;
}

#experience .container {
	padding: 120px 0;
	background: url(../images/bg_experience_top.png) center 15px no-repeat,
				url(../images/bg_experience_bottom.png) center bottom no-repeat;
}

#experience dl {
	text-align: center;
	}
	#experience dl:nth-of-type(2) {
		padding-left: 0;
		padding-right: 20px;
		}
		#experience dl:last-of-type {
			margin-bottom: 20px;
		}

#experience dt {
	display: inline-block;
	line-height: 1.25;
	padding: 17px 25px;
	margin-left: 100px;
	text-align: center;
	}
	#experience dl:nth-of-type(2) dt {
		margin-left: 0;
		margin-right: 80px;
	}
	
#experience dd .inner {
	padding: 40px;
	padding-top: 70px;
}
	
/*
=======================================================
 PROCEDURE
=======================================================	
*/

/*#procedure li:not(:last-child) {
	height: 216px;
}*/

#procedure dl {
	width: 100%;
}

#procedure li:nth-child(4) dl {
	background-size: auto 100%;
}

/*
=======================================================
 MESSAGE
=======================================================	
*/

/*
=======================================================
 SIGNUP
=======================================================	
*/

section#signup h2 span {
	padding-left: 139px;
}

/*
=======================================================
 FORM
=======================================================	
*/

/*
-------------------------------------------------------
 FINISH / ERRORS
-------------------------------------------------------
*/

.finish #signup .wrapper {
	padding: 80px 0;
}

/*
=======================================================
 FOOTER
=======================================================	
*/

.footer-contact dt {
	min-width: 350px;
	font-size: 26px;
}

.footer-contact .lower-content {
	padding: 20px 0 17px 0;
}
	
.footer-contact .phone .number img {
	height: 43.75px;
}

.goform a {
	background-image: url(../images/goform.svg);
}