@charset "UTF-8";
/*
Theme Name: 医療機器総合代理店・スポーツメディカルサポート/ケーエムディートレーディング（KMD TRADING）
Theme URI: http://kmd.jp
Description: ケーエムディートレーディングサイト
Version: 1.01
Author: unitedgate
Author: http://unitedgate.co.jp
*/
@font-face {
		font-family: 'NotoSansjp-Regular';
		font-style: normal;
		font-weight: 400;
		src: url('./lib/font/NotoSansCJKjp/NotoSansCJKjp-Regular.otf') format('woff');
		font-display: swap;
}
@font-face {
		font-family: 'NotoSansjp-Bold';
		font-style: normal;
		font-weight: 700;
		src: url('./lib/font/NotoSansCJKjp/NotoSansCJKjp-Bold.otf') format('woff');
		font-display: swap;
}
@font-face {
		font-family: 'NotoSerifCJKjp-Regular';
		font-style: normal;
		font-weight: 400;
		src: url('./lib/font/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf') format('woff');
		font-display: swap;
}
@font-face {
		font-family: 'NotoSerifCJKjp-Bold';
		font-style: normal;
		font-weight: 700;
		src: url('./lib/font/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf') format('woff');
		font-display: swap;
}
/* ---------------------------- REST CSS ------------------------------- */
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		color: #333;
    font: 14px;
    *font-size: small;
    *font: x-small;
		font-family: 'NotoSansjp-Regular', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
		list-style: none;
		font-kerning: auto;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		letter-spacing: 0.08em;
		text-decoration: none;
}
/*MAIN_COLOR : #0d2c64"*/
html, body {
		width: 100%;
		height: auto;
}
img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
}

/*====== 共通 ======*/
.lazyload {
		margin: 0 auto;
		display: none;
}

/* ============ HEADER ============ */
header {
		z-index: 100;
		position: fixed;
		width: 100%;
		padding: 50px 5%;
		box-sizing: border-box;
}
header h1 {
		position: absolute;
		top: 6px;
		font-weight: 200;
		font-size: 12px;
		color: #0d2c64;
		letter-spacing: 0;
}
/* SP__NAV__NONE */
.header__inner nav.sp {
		display: none;
}
.header__logo a {
		max-width: 74px;
		display: block;
}

/* ===== HEADER__NAV ===== */
.header__inner nav.pc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}
.header__inner nav.pc ul {
		display: flex;
}
.header__inner nav.pc ul a {
		font-weight: bold;
		display: inline-block;
		padding: 0px 15px;
    font: 13px;
    *font-size: small;
    *font: x-small;
		letter-spacing: .1em;
		line-height: 120%;
		color: #0d2c64;
}
nav.pc a em {
		color: #505050;
		font-weight: 700;
    font-size: 40%;
		letter-spacing: .0em;
}

/*firefoxの処理*/
.Firefox nav.pc a em{
	font-size: 60% !important;
}

/*edgeの処理*/
.Edge nav.pc a em,
.Ie nav.pc a em{
	font-size: 75% !important;
}


/* ============ MAIN ============ */
main {
		position: relative;
		z-index: 0;
}
#home .title {
		text-align: center;
		padding: 140px 10%;
		background-size: cover;
		background-position: center center;
}
#home .title h2 {
		font-weight: 700;
		margin-top: 10px;
		letter-spacing: 0.1em;
}
#home .title p {
		font-family: 'NotoSansjp-Bold';
		font-weight: 700;
		text-align: center;
		font-size: 40px;
		letter-spacing: 0.2em;
		color: #0d2c64;
		width: 100%;
}
/* ============ FOOTER ============ */
#toTop a {
		display: block;
		margin: 29px auto;
		text-align: center;
		letter-spacing: 0.2em;
		padding: 10px;
		font-size: 15px;
}
footer {
		background-color: #0d2c64;
		color: #fff;
		padding: 30px 0;
}
footer ul {
		text-align: center;
		margin: 40px auto 50px;
}
footer ul li {
		display: inline-block;
}
footer ul li a {
		color: #fff;
		font-weight: 700;
		padding: 15px 15px;
		display: block;
		letter-spacing: 0.1em;
}
.footer__copyright {
		color: #fff;
		text-align: center;
}
.footer__copyright a {
		color: #fff;
}

/*============ HOMEPAGE ============*/
/*=== home__slider ===*/
#slider {
		position: relative;
}
.slider__inner {
		position: absolute;
		width: 100%;
		top: 39%;
		color: #fff;
		font-weight: bold;
		text-align: center;
}
.slider__inner ul li {
		margin-bottom: 27px;
		font-family: 'NotoSansjp-Bold';
		font-size: 27px;
		letter-spacing: .1em;
		line-height: 95%;
		color: #fff;
		font-weight: bold;
		text-align: center;
}
.slider__inner ul li em {
		font-family: 'NotoSansjp-Bold';
		font-size: 12px;
		letter-spacing: .0em;
		color: #fff;
		font-weight: bold;
		text-align: center;
}
.slider__inner p {
		width: 15%;
		margin: 0 auto;
}
.slider__inner h2 {
		margin-top: 24px;
		color: #fff;
		letter-spacing: .4em;
		line-height: 170%;
		font-size: 25px;
		font-weight: none;
}

/*=== home__greeting ===*/
#greeting {
		padding: 40px 25px;
		position: relative;
		overflow: hidden;
}
#greeting:after {
		position: absolute;
		content: "GREETINGS";
		letter-spacing: .1em;
		font-size: 9vw;
		font-family: 'NotoSansjp-Bold';
		font-weight: bold;
		z-index: -1;
		color: rgba(13, 44, 100, 0.0392156862745098);
		transform: rotate(0deg);
		transform-origin: bottom left;
		right: 2%;
		bottom: -5%;
}
.greeting__warp h2 {
		font-family: 'NotoSansjp-Bold';
		font-weight: 700;
		font-size: 30px;
		letter-spacing: .1em;
		margin-bottom: 39px;
		line-height: 160%;
		text-align: center;
		color: #0d2c64;
}
.greeting__warp p {
		width: 63%;
		font-size: 16px;
		letter-spacing: .1em;
		line-height: 217%;
		text-align: justify;
		margin: 0 auto;
}

/*=== home__news ===*/
#news {
		padding: 50px 0;
		position: relative;
		overflow: hidden;
}
#news:after {
		position: absolute;
		content: "NEWS";
		letter-spacing: .1em;
		font-size: 9vw;
		font-family: 'NotoSansjp-Bold';
		font-weight: bold;
		z-index: -1;
		color: rgba(13, 44, 100, 0.0392156862745098);
		transform: rotate(0deg);
		transform-origin: bottom left;
		left: 2%;
		bottom: -8%;
}
#news dl {
		width: 70%;
		margin: 0 auto;
		isplay: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-flow: row wrap;
}
#news dt:last-of-type, #news dd:last-of-type {
		border-bottom: 1px solid #ccc;
}
#news dt, #news dd {
		border-top: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
}
#news dt {
		width: 35%;
		padding: 30px 0 28px;
		font-weight: bold;
		text-align: center;
		letter-spacing: .1em;
}
#news dd {
		letter-spacing: .1em;
		width: 65%;
		padding: 30px 50px 28px 50px
}


/*=== home__business ===*/
#business {
		padding: 50px 0;
		position: relative;
		overflow: hidden;
}
#business:after {
		position: absolute;
		content: "BUSINESS";
		letter-spacing: 17px;
		font-size: 9vw;
		font-family: 'NotoSansjp-Bold';
		font-weight: bold;
		z-index: -1;
		color: rgba(13, 44, 100, 0.0392156862745098);
		transform: rotate(0deg);
		transform-origin: bottom left;
		left: 2%;
		bottom: -2%;
}

.mutual__warp {
		padding: 3%;
		overflow: hidden;
}
.mutual__warp ul li {
		width: 100%;
		position: relative;
		float: left;
}
.mutual__warp ul li + li {
		margin-top: 110px;
}
.mutual__warp ul li:nth-child(odd) .mutual__img {
		width: 50%;
		float: right;
		margin-right: 10%;
}
.mutual__warp ul li:nth-child(odd) .mutual__title {
		width: 500px;
		left: 0%;
		top: 25px;
		padding: 4% 4%;
		float: left;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.8509803921568627);
}
.mutual__warp ul li:nth-child(even) .mutual__img {
		width: 50%;
		float: left;
		margin-left: 10%;
}
.mutual__warp ul li:nth-child(even) .mutual__title {
		width: 500px;
		left: 30%;
		top: 25px;
		padding: 4% 4%;
		float: right;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.8509803921568627);
}
.mutual__title h2 {
		color: #0d2c64;
		font-weight: 700;
		font-family: 'NotoSansjp-Bold';
		font-weight: 700;
		font-size: 30px;
		letter-spacing: .1em;
		margin-top: 10%;
		margin-bottom: 2px;
		line-height: 160%;
		text-align: left;
}
.mutual__title h3 {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: .1em;
		margin-bottom: 18px;
}


/*=== home__management ===*/
#management {
		padding: 50px 0;
		position: relative;
		overflow: hidden;
}
#management:after {
		position: absolute;
		content: "MANAGEMENT";
		letter-spacing: .1em;
		font-size: 9vw;
		font-family: 'NotoSansjp-Bold';
		font-weight: bold;
		z-index: -1;
		color: rgba(13, 44, 100, 0.0392156862745098);
		transform: rotate(0deg);
		transform-origin: bottom left;
		right: 2%;
		bottom: -8%;
}
#management ul {
		width: 70%;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
}
#management li {
		width: 25%;
		display: block;
		text-align: center;
		margin-bottom: 15px;
		border-box: box-sizing;
		padding: 2%;
		margin: 0 2%;
		border-bottom: 1px solid #333;
}
#management li:last-of-type {
		border-bottom: none;
}


/*=== home__performance ===*/
#performance {
		position: relative;
		overflow: hidden;
		padding: 50px 0;
}
#performance:after {
		position: absolute;
		content: "PERFORMANCE";
		letter-spacing: 17px;
		font-size: 9vw;
		font-family: 'NotoSansjp-Bold';
		font-weight: bold;
		z-index: -1;
		color: rgba(13, 44, 100, 0.0392156862745098);
		transform: rotate(0deg);
		transform-origin: bottom left;
		left: 2%;
		bottom: -1.5%;
}

#performance dl {
		width: 70%;
		margin: 0 auto;
		isplay: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-flow: row wrap;
}

#performance dt:last-of-type, #performance dd:last-of-type {
		border-bottom: 1px solid #ccc;
}
#performance dt, #performance dd {
		border-top: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
}
#performance dt {
		width: 35%;
		padding: 30px 0 28px;
		font-weight: bold;
		text-align: center;
		letter-spacing: .1em;
}
#performance dd {
		letter-spacing: .1em;
		width: 65%;
		padding: 30px 0 28px 50px
}


/*=== home__COMPANY ===*/
.diagonal {
		margin-top: 350px;
		padding-bottom: 250px;
		background: #0d2c64;
		position: relative;
}
#home .diagonal .title h2, #home .diagonal .title p {
		color: #fff;
}
.diagonal::before {
		background: linear-gradient(to top right, #0d2c64 0%, #0d2c64 50%, transparent 52%, transparent 100%);
		content: "";
		display: block;
		height: 50px;
		left: 0;
		position: absolute;
		top: -50px;
		width: 100%;
}
.diagonal::after {
		background: linear-gradient(to bottom left, #0d2c64 0%, #0d2c64 50%, transparent 52%, transparent 100%);
		bottom: -50px;
		content: "";
		display: block;
		height: 50px;
		left: 0;
		position: absolute;
		width: 100%;
}
#company dl {
		width: 70%;
		margin: 0 auto;
}
#company dt:last-of-type, #company dd:last-of-type {
		border-bottom: 1px solid #ffffff;
}
#company dt, #company dd {
		border-top: 1px solid #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
}
#company dt {
		color: #fff;
		width: 20%;
		padding: 30px 0 28px;
		font-weight: bold;
		text-align: center;
		letter-spacing: .1em;
		float: left;
		clear: left;
}
#company dd {
		color: #fff;
		letter-spacing: .1em;
		width: 80%;
		margin-left: 20%;
		padding: 30px 0 28px 50px;
		border-left: 1px solid #ffffff;
}

/*=== home__form ===*/
.step ul {
		text-align: center;
		max-width: 260px;
		margin: 0 auto;
}
.step ul li + li {
		margin-top: 20px;
}
.step ul .now {
		color: #fff;
		background-color: #0d2c64;
		padding: 12px;
		font-size: 15px;
		font-weight: bold;
}
.step p {
		margin: 50px 0;
		text-align: center;
}
.form__head {
		text-align: center;
		border: 1px solid #dfdfdf;
		padding: 35px 35px;
		margin-bottom: 40px;
}
.tel__box {
		text-align: center;
		font-weight: 700;
		padding: 20px;
		background-color: #f3f3f3;
		margin-bottom: 16px;
}
.tel__body {
		margin-top: 10px;
}
.tel__label {
		display: inline-block;
		position: relative;
		top: -4px;
		margin-right: 10px;
		padding: 4px 11px 4px;
		text-indent: .05em;
		font-size: 12px;
		letter-spacing: .1em;
		background: #fff;
		line-height: 1;
		border: 1px solid #232323;
}
.tel__num {
		font-size: 28px;
		font-weight: 700;
		color: #232323;
		line-height: 1;
		letter-spacing: .1em;
}
#contact_form {
		max-width: 820px;
		overflow: hiddin;
		padding: 0px 90px 150px;
		margin: 0 auto;
		background-color: #fff;
}
.error, .checkbox-error {
		display: block;
		color: #f00;
		margin-top: 7px;
		margin-left: 5px;
		font-size: 12px;
		font-weight: 600;
}
#contact_form .form__wrap {
		max-width: 640px;
		margin: 40px auto 0;
}
#contact_form .radio {
		display: flex;
		flex-wrap: wrap;
		max-width: 600px;
		margin: 20px auto 0;
}
#contact_form .radio li {
		width: calc(100%/2);
		margin-top: 2px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
#contact_form .radio li label {
		padding-left: 4%;
		padding-top: 2%;
		padding-bottom: 2%;
		width: 80%;
		display: inline-block;
}
#contact_form h4 {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 700;
}
#contact_form h4 em {
		font-weight: 700;
		margin-left: 7px;
		font-size: 82%;
		color: #f00 !important;
}
#contact_form .form__check {
		text-align: center;
}
#contact_form .form__check a {
		text-decoration: underline;
}
#contact_form input[type=text], #contact_form input[type=tel], #contact_form input[type=email], #contact_form textarea {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		font-size: 18px;
		margin-bottom: 5px;
		padding: 20px;
		font: inherit;
		line-height: inherit;
		background: 0 0;
		border: 1px solid #dfdfdf;
		outline: none;
		-webkit-appearance: none;
}
#contact_form .backButton {
		width: 360px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px 0;
		display: block;
		border: 1px solid #dcdcdc;
		background-color: #969696;
		color: #fff;
		text-align: center;
		margin: 80px auto 0;
		font-size: 12px;
		font-weight: bold;
     line-height: inherit;
	outline: none;
	-webkit-appearance: none;
}
#contact_form .submitButton {
		width: 360px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
    line-height: inherit;
	outline: none;
	-webkit-appearance: none;
		padding: 20px 0;
		display: block;
		border: 1px solid #0d2c64;
		background-color: #0d2c64;
		color: #fff;
		text-align: center;
		margin: 80px auto 0;
		font-size: 12px;
		font-weight: bold;
}
.mw_wp_form_complete{
	margin-top:120px;
}

.mw_wp_form_complete p{
	text-align:center;
	margin-top:15px;
}

.mw_wp_form_complete a{
		width: 210px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
    line-height: inherit;
	outline: none;
	-webkit-appearance: none;
		padding: 20px 0;
		display: block;
		border: 1px solid #0d2c64;
		background-color: #0d2c64;
		color: #fff;
		text-align: center;
		margin: 80px auto 0;
		font-size: 12px;
		font-weight: bold;
}
}

/*=================== single ==================*/
#single .title {
		text-align: center;
		padding: 140px 10%;
		background-size: cover;
		background-position: center center;
}
#single .title h2 {
	font-size: 19px;
	    text-align: center;
		font-weight: 700;
		margin-top: 10px;
		letter-spacing: 0.1em;
}
#single .title p {
		font-family: 'NotoSansjp-Bold';
		font-weight: 700;
		text-align: center;
		font-size: 40px;
		letter-spacing: 0.2em;
		color: #0d2c64;
}
#breadcrumb {
		width: 80%;
		margin: 70px auto 0;
}
#breadcrumb li {
		display: inline-block;
}
#breadcrumb li a {
		color: #0d2c64;
		text-decoration: underline;
}
#single h1 {
		margin-top: 150px;
		text-align: center;
}
#single h1 a {
		font-family: 'NotoSansjp-Bold';
		font-weight: 700;
		text-align: center;
		font-size: 23px;
		letter-spacing: 0.2em;
		color: #0d2c64;
}
#single data {
	    margin-top:17px;
		text-align: center;
		font-weight: 700;
		display: block;
		letter-spacing: 0.1em;
}
#single .single__content {
		padding: 50px 0;
		margin-top: 19px;
		width: 63%;
		margin: 0 auto;
}
#single .single__content img.size-full,
#single .single__content img.size-large, 
#single .single__content img.header-image, 
#single .single__content img.wp-post-image, 
#single .single__content img[class*="align"], 
#single .single__content img[class*="wp-image-"], 
#single .single__content img[class*="attachment-"] {
		height: auto;
		max-width: 700px;
		margin-right: auto;
		margin-left: auto;
		display: block;
}
#single .single__content h1 {
		font-size: 20px;
		margin-bottom: 3px;
}
#single .single__content h2 {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 3px;
}
#single .single__content h3 {
		font-size: 18px;
		margin-bottom: 3px;
}
#single .single__content h4 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 3px;
}
#single .single__content h5 {
		font-size: 16px;
		margin-bottom: 3px;
}
#single .single__content h6 {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 3px;
}
#single .single__content p {
		font-size: 14px;
		letter-spacing: .1em;
		line-height: 217%;
		text-align: justify;
}
#single .single__content a {
		color: #069;
}
#single .single__content a:hover {
		color: #333;
}
#single .single__content blockquote {
		font-size: 13px;
		background-color: #EAEAEA;
		padding: 10px;
		margin: 15px auto 15px auto;
		border-right-width: 5px;
		border-right-style: solid;
		border-left-style: solid;
		border-left-width: 5px;
		border-right-color: #CCC;
		border-left-color: #CCC;
}
#single .single__content ul {
		margin-top: 15px;
		margin-bottom: 15px;
}
#single .single__content ul li {
		font-size: 13px;
		margin-left: 10px;
}
#single .single__content ul li + li {
		margin-top: 2px;
}
#single .single__content ol {
		margin-top: 15px;
		margin-bottom: 15px;
}
#single .single__content ol li {
		font-size: 13px;
		margin-left: 10px;
}
#single .single__content ol li + li {
		margin-top: 2px;
}

.to__home {
	padding-bottom:120px;
}

.to__home a{
	width: 300px;
	padding: 20px 0;
	display: block;
	border: 1px solid #0d2c64;
	background-color: #0d2c64;
	color: #fff;
	text-align: center;
	margin: 80px auto 0;
	font-size: 12px;
	font-weight: bold;
}

/*==================== min600px to max980px ====================*/
@media screen and (min-width:600px) and (max-width:980px) {
		#management li {
				width: 42%;
		}
		.mutual__warp ul li:nth-child(odd) .mutual__img {
				width: 62%;
				float: right;
				margin-right: 3%;
		}
		.mutual__warp ul li:nth-child(odd) .mutual__title {
				width: 64%;
				top: 25px;
				padding: 4% 4%;
		}
		.mutual__warp ul li:nth-child(even) .mutual__img {
				width: 62%;
				float: left;
				margin-left: 3%;
		}
		.mutual__warp ul li:nth-child(even) .mutual__title {
				width: 64%;
				left: 30%;
				top: 25px;
				padding: 4% 4%;
		}
		.mutual__title h2 {
				font-size: 26px;
		}
}
/*====================  max980px ====================*/
@media screen and (max-width:980px) {
		.header__inner nav.pc {
				display: none;
		}
		.header__inner nav.sp {
				display: block;
		}

        nav.sp .header__logo {
				position:fixed;
				top:15px;
				left:17px;
		}

		.header__Hamburger:before, .header__Hamburger:after {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 0;
				background: #393939;
				transition: all 350ms ease-in-out 320ms;
				z-index: 10001;
		}
		.header__Hamburger > span {
				position: relative;
				display: block;
				width: 29px;
				height: 3px;
				background: #000;
				margin-top: 7px;
				transition: all 100ms ease;
				z-index: 10002;
		}
		.header__Hamburger {
				z-index: 10000;
				right: 0;
				top: 0;
				position: fixed;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				width: 60px;
				height: 60px;
				cursor: pointer;
				transition: all 100ms ease, background-color 800ms ease 100ms;
		}
		.header__Hamburger.toggle > span:nth-child(1) {
				-webkit-transform: translateY(6px) rotate(45deg);
				transform: translateY(10px) rotate(45deg);
				transition-delay: 100ms;
				background: #fff;
		}
		.header__Hamburger.toggle > span:nth-child(2) {
				-webkit-transform: scale(0.1, 0.1);
				transform: scale(0.1, 0.1);
				opacity: 0;
		}
		.header__Hamburger.toggle > span:nth-child(3) {
				-webkit-transform: translateY(-6px) rotate(-45deg);
				transform: translateY(-10px) rotate(-45deg);
				transition-delay: 100ms;
				background: #fff;
		}
		header h1 {
				display: none;
		}
		header {
				padding: 30px;
				position: fixed;
		}
		nav.pc .header__logo {
				display: none;
		}
		.header__inner {
				position: absolute;
				top: 0;
				left: 0;
		}
		nav.sp ul {
				opacity: 0;
				display: none;
				background-color: #383733fa;
				position: fixed;
				width: 100%;
				height: 100%;
				z-index: 9999;
		}
		nav.sp ul {
				width: 92%;
				padding: 12% 4%;
		}
		nav li + li {
				border-top: 0.1px solid #565656;
		}
		.nav__logo {
				display: block;
				width: 14%;
				padding: 3% 2%;
		}
		.header__inner nav ul a {
				display: block;
				color: #fff;
				padding: 2.4% 2%;
				font-weight: 700;
				letter-spacing: 0.1em;
				font-size: 14px;
		}
		nav a em {
				color: #adadad;
				margin-left: 0px;
				font-weight: 700;
				font-size: 73%;
		}
		.nav__logo a {
				font-size: 32px !important;
				color: #fff;
		}
		#slider .slide {
				overflow: hidden;
		}
		#slider .slide li {
				width: 130%;
		}
		#slider .slide li img {
				text-align: center;
				display: block;
				margin-left: -15%;
		}
		.slider__inner {
				top: 33%;
		}
		#breadcrumb {
				width: 92%;
				margin: 70px auto 0;
		}
		#breadcrumb li {
				display: block;
		}
		#breadcrumb li a {
				color: #0d2c64;
				text-decoration: underline;
		}
		#greeting h2 {
				font-size: 19px;
		}
		#greeting p {
				width: 90%;
				font-size: 14px;
		}
		.point li {
				width: 100%;
		}
		#news dl {
				width: 90%;
		}
		#news dt {
				width: 40%;
		}
		#news dd {
				width: 60%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				padding: 30px 5% 28px 5%;
		}
		#management ul {
				width: 80%;
		}
		/*****/
		#performance dl {
				width: 80%;
		}
		#company dl {
				width: 85%;
				margin: 0 auto;
		}
		#company dt {
				width: 25%;
		}
		#company dd {
				width: 75%;
				margin-left: 25%;
		}
		.slider__inner h1 {
				margin-top: 6%;
				letter-spacing: .3em;
				line-height: 170%;
				font-size: 22px;
		}
		#single h1 {
				text-align: left;
				padding: 0 5%;
		}
		#single h1 a {
				font-size: 19px;
				color: #0d2c64;
		}
		#single data {
				margin-top: 13px;
				padding: 0 5%;
				text-align: left;
		}
		#single .single__content {
				width: 82%;
		}
}
/*====================  max600px ====================*/
@media screen and (max-width:600px) {
		.header__inner nav ul a {
				font-size: 13px;
				line-height:120%;
		}
		.nav__logo a {
				font-size: 24px !important;
		}
		#slider .slide li {
				width: 220%;
		}
		#slider .slide li img {
				text-align: center;
				display: block;
				margin-left: -45%;
		}
		.slider__inner {
				top: 26%;
		}
		.slider__inner ul li {
				font-size: 16px;
				width: 90%;
				padding: 0 5%;
		}
		.slider__inner ul li em {
				font-size: 10px;
		}
		
		#greeting h2 {
				font-size: 19px;
		}
		.mutual__warp ul li:nth-child(odd) .mutual__img {
				width: 100%;
				margin-right: 0;
		}
		.mutual__warp ul li:nth-child(odd) .mutual__title {
				width: 100%;
				left: 0%;
				top: 0%;
				padding: 1% 4%;
		}
		.mutual__warp ul li:nth-child(even) .mutual__img {
				width: 100%;
				margin-left: 0%;
		}
		.mutual__warp ul li:nth-child(even) .mutual__title {
				width: 92%;
				left: 0;
				top: 0%;
				padding: 1% 4%;
		}
		.mutual__title h2 {
				font-size: 22px;
				margin-top: 5%;
		}
		.mutual__title h3 {
				font-size: 11px;
		}
		#home .title h2 {
				font-size: 11px;
		}
		#home .title p {
				font-size: 25px;
		}
		#performance dt:last-of-type, #performance dd:last-of-type {
				border-bottom: none;
		}
		#performance dt {
				width: 100%;
				text-align: left;
				padding: 30px 7% 10px;
		}
		#performance dd {
				border-top: none;
				width: 100%;
				text-align: left;
				padding: 10px 7% 30px;
		}
		#management li {
				width: 100%;
				padding: 30px 0 30px;
		}
		#company dt {
				text-align: left;
				padding: 30px 0 10px 5%;
				width: 100%;
		}
		#company dd {
				width: 100%;
				margin-left: 0%;
				padding: 30px 0 30px 5%;
				border-left: none;
		}
		#company dt:last-of-type {
				border-bottom: none;
		}
		#contact .step p {
				text-align: left;
		}
		#contact_form {
				padding: 0px 10% 150px;
		}
		#contact_form .radio li {
				width: 100%;
		}
		#contact_form .submitButton, #contact_form .backButton {
				width: 260px;
		}
}