div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top; max-width: 100%;}
img.lp {border:1px solid #a9a9a9;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* input */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;margin:2px;padding:0px;}
input.txt,textarea.txt {margin:2px;padding:3px;border:1px solid #999;vertical-align:middle;font-size:14px;color:#333;}
select {margin:2px;padding:1px;border:1px solid #999;vertical-align:middle;font-size:14px;color:#333;}

/* ========== 共通パーツ========== */
.fs24 {font-size: 2.4rem !important;}
.fs23 {font-size: 2.3rem !important;}
.fs22 {font-size: 2.2rem !important;}
.fs21 {font-size: 2.1rem !important;}
.fs20 {font-size: 2.0rem !important;}
.fs19 {font-size: 1.9rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs17 {font-size: 1.7rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs15 {font-size: 1.5rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs10 {font-size: 1.0rem !important;}
.lh10 {line-height: 1em;}
.lh11 {line-height: 1.1em;}
.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}
.lh15 {line-height: 1.5em;}
.lh16 {line-height: 1.6em;}
.lh17 {line-height: 1.7em;}
.lh18 {line-height: 1.8em;}
.lh19 {line-height: 1.9em;}
.lh20 {line-height: 2em;}
.bold {font-weight: bold;}
.lft {text-align: left;}
.cnt {text-align: center;}
.rgt {text-align: right;}
.flft {float: left;}
.frgt {float: right;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}
.ofa {overflow: auto;}
.ofh {overflow: hidden;}
.prv {position:relative;}
.pab {position:absolute;}
.mgb5 {margin-bottom: 5px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgt5 {margin-top: 5px;}
.mgt15 {margin-top: 15px;}
.mglra {margin-left:auto;margin-right:auto;}
.red {color: #d10000;}
.clear_fix {
min-height: 1em;
_height: 1px;
_overflow: visible;
}
.clear_fix:after {
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}

html{
font-size: 62.5%;
}
body {
font-family: Meiryo, arial, sans-serif;
padding: 0px;
margin: 0px;
text-align: center;
color: #333;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.6rem;
line-height: 1.8em;
background: url(../images/bg_pc.jpg) center top no-repeat #fff;
background-attachment: fixed;
background-size: cover;
}
a, button {transition: .5s;}
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #999;}
a:active {color: #666;}
a:hover {opacity:0.7;}

.spItem{display:none;}

#header h1 {
margin: 0 auto 50px;
padding: 40px 0;
color: #fff;
font-family: "Roboto", sans-serif;
font-size: min(10rem,16vw);
font-weight: 900;
line-height: 1em;
letter-spacing: -0.03em;
background: #e60012;
}
#header h1 span {
display: block;
margin: 10px;
padding: 0;
font-size: min(2rem,4vw);
line-height: 1em;
letter-spacing: 0em;
}
h2 {
margin: 0px auto 40px auto;
font-size: min(2.4rem,5vw);
line-height: 1em;
font-family: 'Muli', sans-serif;
font-weight: 800;
text-align: center;
}
.dataInner h2 {
width: 30%;
text-align: left;
}
.dataInner .dataTxt {
width: 70%;
text-align: left;
}
h3 {
margin: 40px auto 20px auto;
padding: 10px 0;
text-align: center;
color: #fff;
border-radius: 6px;
background: #e60012;
}
.topCopy {
max-width: 840px;
margin: 0 auto 60px;
padding: 0 20px;
text-align: left;
line-height: 2em;
}
.dataInner {
display: flex;
justify-content: space-between;
max-width: 1000px;
margin: 0 auto 3em;
padding: 3em 0 0;
border-top: 1px solid #ccc;
}
.target li {
margin: 0 0 0.5em;
font-size: min(2rem,4vw);
font-weight: 700;
color:  #e60012;
}
.profile {
margin: 0 auto 3em;
padding: 60px 0 10px;
text-align: left;
background: #eae7dc;
}
.profileUnit {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1000px;
margin: 0 auto 3em;
padding: 3em 0 0;
border-top: 1px solid #ccc;
}
.profileImg {
width: 200px;
}
.profileTxt {
width: calc(100% - 230px);
}
.profileName {
margin: 0 auto 0.5em;
font-size: min(3rem, 6vw);
font-weight: 700;
}
.profileName span {
padding: 0 0 0 1em;
font-size: min(1.6rem, 3.2vw);
font-weight: 700;
}
.profile p {
margin: 0 0 1em;
}
.contact p {
display: inline-block;
text-align: right;
}

.cos {
margin: 20px auto 10px auto;
font-size: 12px;
line-height: 1.4em;
}

.plusAlpha {
padding: 0 20px;
}
.plusAlpha a {
display: block;
max-width: 800px;
margin: 0 auto 3em;
padding: 2em 20px;
color: #fff;
font-size: min(2rem,4vw);
line-height: 1em;
text-decoration: none;
background: #e60012;
border-radius: 10px;
}

#footer {
margin: 0 auto;
padding: 20px 0;
color: #fff;
font-size: 12px;
background: #000;
}

/*===============================================
 for SP
===============================================*/
@media screen and (max-width: 600px){
	.dataInner {
	padding: 2em 20px 0 20px;
	}
	.dataInner h2 {
	width: 15%;
	padding: 7px 0 0;
	writing-mode: vertical-lr;
	}
	.dataInner .dataTxt {
	width: 85%;
	}
	.profile {
	padding: 40px 10px;
	}
	.profileImg,
	.profileTxt {
	width: 100%;
	}
	.profileImg {
	margin: 0 auto 20px;
	text-align: center;
	}
	#footer {
	padding: 30px 0px 70px 0px;
	color: #fff;
	font-size: 1.1rem;
	letter-spacing: 0px;
	}

}
