@charset "utf-8";

/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); */

/*
+ Text
+ List
+ Others
*/

/*--------------------
	font-size
----------------------
10px - 77%
11px - 85%
12px - 93%
13px - 100%
14px - 108%
15px - 116%
16px - 123.1%
17px - 131%
18px - 138.5%
19px - 146.5%
20px - 153.9%
21px - 161.6%
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197%
--------------------*/

/* Don't Edit */
/* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} */


article, aside, dialog, figure, footer, header,
hgroup, nav, section { display: block;}

* { margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size:16px; word-break: normal; -webkit-font-smoothing:subpixel-antialiased;}
html { height: 100%;}
body { margin: 0; padding: 0; background-color: #fff; color: #333!important; font-weight:normal; font-size:17px; line-height:1.8!important; -webkit-text-size-adjust: 100%;}

/*--------------------
	Text
--------------------*/

figure,figcaption { font-weight: bold;}
h2 { font-size: 170%;}
h2.interview { padding: 15px 0 10px; color: #cc0200;}
h2.interview span{ font-size:65%;}
h3 { font-size: 110%; padding: 0 0 1% 0; line-height: 1.8;}
h3.interview{ color:#c00;}
.forsp 				{ display: none; }

@media screen and (max-width: 640px) {
	.forsp 				{ display: inline }
h2 { font-size: 150%; line-height: 1.5;}
.people{ margin: 10% 0!important; padding: 5%!important;}
h2.interview { font-size:135%;}
h2.interview span{ font-size:55%;}
.hidesp{display: none;}
}

@media screen and (min-width: 641px) {
.hidepc{display: none;}
}


/*--------------------
	List
--------------------*/

li { list-style-type: none;}
dt,dd { font-weight: bold;}

/* Opera Hack */
html:first-child li,
html:first-child dt,
html:first-child dd { font-size: 1em;}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd { font-size: 100% !important;}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {}

a.mo:hover{ opacity:0.7;;}
.clearfix:after{ content: ""; display: block; clear: both;}

/*--------------------
	link
--------------------*/
a { color: #d00; text-decoration:none; outline:none!important;}

/*--------------------
	Others
--------------------*/
img { border: none;}
hr { height: 1px; border: 1px solid #fff;}
.sans-serif{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.textarea .colum{ border-radius: 10px; padding: 5%; background-color: #f1f1f1; margin-bottom: 30px; font-size: 92%; line-height: 1.5;}
.textarea span{ color: #bc0000; font-weight: bold; padding-right: 0.5em;}
.people{font-size:80%; border: solid 1px #ccc; padding: 2%; margin: 2% auto; max-width: 550px;}
.people h4 { font-size: 130%;}
.people h4 span{font-size:65%; color: #000; padding-left: 0.5em;}
.people img.hero{display: block; float: left; width: 138px; margin-right: 20px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
*{ -webkit-font-smoothing:antialiased;}}
_::content, _:future, *:not(*:root) { font-weight:normal; -webkit-font-smoothing:subpixel-antialiased;}
span.nobr { white-space: nowrap;}
a,img,div,li{outline: none;}
a:focus,img:focus,div:focus,li:focus{outline: none;}
will-change: transform;

}