@charset "utf-8";
/* CSS Document */

.sp-on {
  display: none;
}

.pc-on {
  display: block;
}

.common-breadcrumb {
  font-size: 12px;
}

.a01 {
  display: inline-block;
}

#wrapper {
  background: #FAF5EA;
}

.main {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 30px;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  color: #444;
  background-color: #fff;
  box-shadow: 0px 6px 6px 1px #e3e3e3;
  border-radius: 5px;
}

a {
  color: #2987ba;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

section {
  padding: 0 30px;
}

nav {
  padding: 20px 30px;
}

.mt30 {
  margin-top: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.clear {
  clear: both;
}

header {
  margin: 0;
  padding: 0;
}

.report_pagetop {
  margin: 10px 0 25px auto;
  width: 110px;
  padding-left: 10px;
  font-size: 12px;
  background: url(/contents/enquete/result/images/pagetop_arrow.png) left center no-repeat;
}

.report_back {
  font-size: 16px;
}


/******************見出し******************/

.topics {
  margin: 20px auto;
  text-align: center;
  width: 920px;
  background-color: #ab866d;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px 10px 10px;
  /* box-shadow: 0 1px 0px #6a523b; */
  -moz-box-shadow: 0 1px 0px #6a523b;
  /* -webkit-box-shadow: 0 1px 0px #847e78; */
}

.topics .paper {
  background-color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  /* box-shadow: 0 2px 3px #444; */
  -moz-box-shadow: 0 2px 3px #444;
  /* -webkit-box-shadow: 0 2px 3px #58544f; */
  text-align: center;
  padding: 25px 40px;
  position: relative;
}

.topics .paper h2 {
  font-size: 24px;
  color: #715646;
  text-align: center;
  margin: 0 auto 5px;
  line-height: 1.4;
}

.topics .paper h2 span {
  font-size: 90%;
  font-weight: bold;
  line-height: 1.4;
}

.topics .paper .date {
  font-size: 12px;
  color: #754919;
  text-align: center;
  margin-bottom: 25px;
  padding-top: 10px;
  border-top: 1px dashed #ccc;
  width: 100%;
}

.topics .paper p {
  margin: 0;
  text-align: left;
}

.topics .paper .pins_left {
  position: absolute;
  top: 10px;
  left: 15px;
  background-color: #bae2f8;
  height: 13px;
  width: 13px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* box-shadow: 0 1px 3px #777; */
  -moz-box-shadow: 0 1px 3px #777;
  /* -webkit-box-shadow: 0 1px 3px #777; */
}

.topics .paper .pins_right {
  position: absolute;
  top: 10px;
  right: 15px;
  background-color: #bae2f8;
  height: 13px;
  width: 13px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* box-shadow: 0 1px 3px #777; */
  -moz-box-shadow: 0 1px 3px #777;
  /* -webkit-box-shadow: 0 1px 3px #777; */
}


/******************△見出し******************/


/****************** nav ******************/

.nav_title {
  color: #754919;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1;
  text-align: left;
  padding: 0;
}

.nav_title:before {
  content: " ";
  float: left;
  margin: 0;
  background: url(/contents/enquete/result/images/nav_icon.png) no-repeat;
  display: block;
  height: 17px;
  width: 8px;
  padding-left: 14px;
}

nav .contentsbox {
  overflow: hidden;
  zoom: 1;
}

nav ul {
  margin: 0 10px 30px 0;
  float: left;
  padding: 0;
}

nav ul a:hover {
  text-decoration: none;
  color: #93adbb;
}

nav ul.right_nav {
  margin: 0 0 20px 0;
  padding: 0;
}

nav ul li {
  margin: 0;
  border-bottom: 1px dotted #a5a5a5;
  padding: 10px 5px;
  text-align: left;
  background: url(/contents/enquete/result/images/nav_arrow.png) no-repeat right center;
  width: 454px;
  list-style: none;
}

nav ul li.top_nav {
  border-top: 1px dotted #a5a5a5;
}


/****************** △nav ******************/


/****************** コマ ******************/

.result_box {
  border: 1px solid #eaeaea;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 30px;
  margin: 0 auto;
  box-shadow: 0px 1px 6px 1px #e3e3e3;
  clear: both;
  position: relative;
}

.result_box h3 {
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  background-color: #fff5f9;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #fff1f1), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(left, #fff1f1 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(left, #fff1f1 50%, transparent 50%, transparent);
  background-image: linear-gradient(left, #fff1f1 50%, transparent 50%, transparent);
  width: 100%;
  height: 48px;
  text-align: left;
  margin: 0 0 30px;
  padding: 3px 0 0 58px;
  color: #715646;
  font-size: 24px;
  line-height: 2;
  position: relative;
}

.result_box h3:before {
  content: " ";
  position: absolute;
  top: 1;
  left: 5px;
  height: 38px;
  -webkit-border-radius: 60px -moz-border-radius: 60px;
  border-radius: 60px;
  background-color: #fff;
  border: 2px solid #fff6f7;
  display: block;
  padding: 0 0 0 40px;
}

.result_box .number {
  position: absolute;
  top: 35px;
  left: 41px;
  color: #a8d6ff;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.01;
  z-index: 1;
}

.result_box .subtitle {
  border-left: 4px solid #8d8d8d;
  font-size: 22px;
  line-height: 1.4;
  text-align: left;
  padding: 5px 10px;
  margin-bottom: 20px;
}

.result_box p {
  text-align: left;
  margin: 0;
  line-height: 1.8;
  /* color:#666; */
}

.result_box span {
  font-size: 130%;
  line-height: 2;
}

.result_box p span {
  font-size: 90%;
  line-height: 1;
}


/*.result_box .graph_title{
width:80%;
border-bottom:2px dotted #d8d8d8;
text-align:center;
font-size:16px;
margin:40px auto 10px;
padding:8px;
}*/

.result_box .graph_title {
  width: 80%;
  background-color: #ebebeb;
  text-align: center;
  font-size: 14px;
  margin: 40px auto 10px;
  padding: 8px;
  line-height: 1.2;
}

.saido {
  filter: saturate(120%);
}

.result_box .graph_title span {
  font-size: 12px;
}

.result_box .graph_title_kobetsu {
  width: 100%;
  background-color: #f4f4f4;
  text-align: center;
  font-size: 12px;
  color: #444;
  margin-bottom: 10px;
}

.result_box .graph_irobetsu {
  width: 810px;
  border: 1px solid #d5d5d5;
  padding: 5px;
  margin: 20px auto 0;
  text-align: center;
  font-size: 12px;
  display: table;
}

.result_box .graph_irobetsu_small {
  width: 200px;
  border: 1px solid #d5d5d5;
  padding: 5px;
  margin: 20px auto 0;
  text-align: center;
  font-size: 12px;
  display: table;
}

.result_box .graph_irobetsu .iro_left {
  display: table-cell;
  text-align: left;
  padding: 0 20px;
  width: 400px;
}

.result_box .graph_irobetsu .iro_right {
  display: table-cell;
  text-align: left;
}

/* グラフイラスト2列構成 */
.result_box .graph_mini_container {
	width: 95%;
	display: flex;
	-ms-flex-wrap: wrap;
            flex-wrap: wrap;
	-webkit-box-pack: justify;
           -ms-flex-pack: justify;
         justify-content: space-between;
        margin: 0 auto;
}
.result_box .graph_mini_box {
	width: 50%;
}
.result_box .graph_mini_box .graph_mini_title {
	font-size: 16px;
	font-weight: bold;
	color: #aaa;
	text-align: center;
}
/* グラフイラスト2列構成終わり */

.pink {
  color: #ffa6b8;
  font-size: 150%;
  padding-left: 5px;
}

.sakura {
  color: #ffcadc;
  font-size: 150%;
  padding-left: 5px;
}

.camel {
  color: #efc19c;
  font-size: 150%;
  padding-left: 5px;
}

.beg {
  color: #efd9cb;
  font-size: 150%;
  padding-left: 5px;
}

.blue {
  color: #94e0f2;
  font-size: 150%;
  padding-left: 5px;
}

.sky {
  color: #bae2f6;
  font-size: 150%;
  padding-left: 5px;
}

.grey {
  color: #c6c6c6;
  font-size: 150%;
  padding-left: 5px;
}

.green {
  color: #D7E58B;
  font-size: 150%;
  padding-left: 5px;
}

.orange {
  color: #F6BB65;
  font-size: 150%;
  padding-left: 5px;
}

.purple {
  color: #C8ACD0;
  font-size: 150%;
  padding-left: 5px;
}

.yellow {
  color: #fff064;
  font-size: 150%;
  padding-left: 5px;
}

.deepblue {
  color: #86CDCE;
  font-size: 150%;
  padding-left: 5px;
}

.lightpink {
  color: #F6BCB5;
  font-size: 150%;
  padding-left: 5px;
}

.lightgreen {
  color: #9FCE75;
  font-size: 150%;
  padding-left: 5px;
}

.lightblue {
  color: #B6E0E6;
  font-size: 150%;
  padding-left: 5px;
}

.grey {
  color: #c6c6c6;
  font-size: 150%;
  padding-left: 5px;
}

.purp {
  color: #d39ee5;
  font-size: 150%;
  padding-left: 5px;
}

.grbe {
  color: #cec0b1;
  font-size: 150%;
  padding-left: 5px;
}

.lime {
  color: #d9e76d;
  font-size: 150%;
  padding-left: 5px;
}

.graph_1610_01_box {
  position: relative;
  display: inline-block;
  padding: 30px 15px 0;
  width: 90%;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 3px solid #EBEBEB;
  z-index: 0;
  margin-top: 20px;
}

.graph_1610_01_box:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin: 0 0 0 -15px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #EBEBEB transparent;
  z-index: 0;
}

.graph_1610_01_box:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  z-index: -1;
}

.graph_1610_01_box .graph_title_02 {
  width: 95%;
  background-color: #ebebeb;
  text-align: center;
  font-size: 14px;
  margin: 10px auto;
}

.graph_1610_01_box .ttl_1610 {
  text-align: center;
  margin-top: 20px;
}

.graph_irobetsu1610 {
  width: 80%;
  border: 1px solid #d5d5d5;
  padding: 10px;
  margin: 10px auto 45px;
  line-height: 1.2;
  text-align: center;
  font-size: 12px;

}
.graph_irobetsu1610 li{
  display:inline-block;
}
.graph_1610_04_box {
  width: 40%;
  margin: 40px 20px 0 0px;
  border: 10px solid #d0e3ed;
  position: relative;
  text-align: center;
  display: inline-block;
}
.graph_1610_04_box:after {
  left: 100% !important;
  top: 50% !important;
  border: solid transparent !important;
  content: " " !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  border-left-color: #d0e3ed !important;
  border-width: 20px !important;
  margin-top: -20px !important;
  visibility: visible !important;
}
.graph_1610_04_box .beforebox {
  position: absolute;
  ;
  background-color: #d0e3ed;
  color: #fff;
  padding: 0px 20px;
  font-size: 22px;
  top: -40px;
  left: -10px;
}
.graph_1610_04_box .afterbox {
  position: absolute;
  ;
  background-color: #c7e0de;
  color: #fff;
  top: 250px;
  padding: 10px 28px;
  font-size: 22px;
}
.graph_1610_04_box .graphttl04 {
  font-size: 12px;
  line-height: 1.2;
  margin: 10px auto;
  text-align: center;
}
.graph_1610_04_box img {
  margin: 5px auto;
}
strong.box_07 {
  line-height: 2;
  border-bottom: 1px dotted #ccc;
  font-size: 110%;
}
.mt20 {
  margin-top: 20px;
}
.box_07box {
  border: 3px solid #ccc;
  padding: 15px;
  margin: 0;
  text-align: left;
  width: 400px;
  line-height: 2;
}
.result_box .meganesan {
  margin-top: 40px;
  background: url(/contents/enquete/result/images/meganesan.png) right top no-repeat;
  float: right;
  padding-right: 200px;
  display: block;
  background-size: 190px;
  min-height: 170px;
}
.result_box .meganesan p {
  text-align: left;
  padding: 36px;
  background-color: #ffe4d4;
  background-size: 190px 174px;
  -webkit-background-size: 190px 174px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 500px;
  display: block;
  position: relative;
}
.result_box .meganesan p:after {
  left: 100%;
  top: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #ffe4d4;
  border-width: 10px;
  margin-top: -10px;
}
.result_box .meganesan02 {
  margin-top: 40px;
  background: url(/contents/enquete/result/images/meganesan.png) right top no-repeat;
  padding-right: 200px;
  display: block;
  background-size: 190px;
}
.result_box .meganesan02 p {
  text-align: left;
  padding: 36px;
  margin-left: 180px;
  background-color: #fdd5be;
  background-size: 190px 174px;
  -webkit-background-size: 190px 174px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 500px;
  display: block;
  position: relative;
}
.result_box .meganesan02 p:after {
  left: 100%;
  top: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #fdd5be;
  border-width: 10px;
  margin-top: -10px;
}
.result_box .koe_box {
  border: 2px solid #ffbbbb;
  background-color: #fefbfa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 75px auto 0px;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}
.result_box .koe_box .koe_box_title {
  background-color: #eee;
  padding: 5px 0;
  text-align: center;
  margin: 10px auto;
}
.result_box .koe_box_blue {
  border: 2px solid #94D3E4;
  background-color: #F5FCFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 75px auto 0px;
  padding: 18px 25px;
  position: relative;
  box-sizing: border-box;
}
.result_box .koe_box .hukidasi {
  position: absolute;
  top: -70px;
  left: 0;
}
.result_box .koe_box_blue .hukidasi {
  position: absolute;
  top: -70px;
  left: 0;
}
.result_box .koe_box_pk {
  border: 2px solid #ffbbbb;
  background-color: #fefbfa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 20px auto 0px;
  padding: 18px 25px;
  position: relative;
  box-sizing: border-box;
}
.result_box .koe_box .koe_ttl, .result_box .koe_box_pk .koe_ttl {
  color: #754919;
  font-size: 16px;
  width: 100%;
  background-color: #ffe8e8;
  padding: 10px 0 6px;
  margin-bottom: 10px;
}
.result_box .koe_box .koe_subttl {
  font-size: 120%;
  font-weight: bold;
  margin: 5px 0;
}
.result_box .koe_box .koe_midashi, .result_box .koe_box_pk .koe_midashi {
  border-left: 5px solid #ffbbbb;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin: 15px 0 10px;
  line-height: 1;
  padding-left: 5px;
}
.result_box .koe_box ul, .result_box .koe_box_pk ul {
  margin: 0 0 40px;
  padding: 0;
  text-align: left;
}
.result_box .koe_box ul li, .result_box .koe_box_pk ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #ffbbbb;
  list-style: none;
}
.result_box .koe_box_pk ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #ffbbbb;
  list-style: none;
}
.result_box .koe_box ul li, .result_box .koe_box_pk ul li.subttl {
  font-size: 14px;
  font-weght: bold;
  padding: 10px;
}
.result_box .koe_box ul li span, .result_box .koe_box_pk ul li span, .result_box .koe_box_bl ul li span, .result_box .koe_box_beg ul li span {
  color: #e86a6a;
  font-size: 11px;
  font-weight: bold;
}
.result_box .koe_box_bl {
  border: 2px solid #94D3E4;
  background-color: #f5fcff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 20px auto 0px;
  padding: 20px;
}
.result_box .koe_box_blue ul, .result_box .koe_box_pk ul {
  margin: 0 0 40px;
  padding: 0;
  text-align: left;
}
.result_box .koe_box_blue ul li, .result_box .koe_box_pk ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #94D3E4;
  list-style: none;
}
.result_box .koe_box_beg ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #CCC0B4;
  list-style: none;
}
.result_box .koe_box_beg ul li, .result_box .koe_box_blue ul li, .result_box .koe_box_pk ul li.subttl {
  font-size: 14px;
  font-weght: bold;
  /* margin-top:10px; */
}
.result_box .koe_box ul li span, .result_box .koe_box_pk ul li span, .result_box .koe_box_bl ul li span, .result_box .koe_box_beg ul li span {
  color: #e86a6a;
  font-size: 11px;
  font-weight: bold;
}
.result_box .koe_box_bl .koe_ttl_bl {
  color: #754919;
  font-size: 16px;
  width: 100%;
  background-color: #d7f2ff;
  padding: 10px 0 6px;
  margin-bottom: 10px;
}
.result_box .koe_box_bl .koe_midashi_bl {
  border-left: 5px solid #a6e2ff;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin: 15px 0 10px;
  line-height: 1;
  padding-left: 5px;
}
.result_box .koe_box_bl ul {
  margin: 0 0 40px;
  padding: 0;
  text-align: left;
}
.result_box .koe_box_bl ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #a6e2ff;
  list-style: none;
  padding: 10px;
}
.result_box .koe_box_beg ul li {
  padding: 10px;
  border-bottom: 1px dotted #CCC0B4;
  list-style: none;
  text-align: left;
}
.result_box .koe_box_beg {
  border: 2px solid #c3c2c0;
  background-color: #fbf9f6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 20px auto 0px;
  padding: 20px;
}
.result_box .koe_box_beg .koe_ttl_beg {
  color: #754919;
  font-size: 16px;
  width: 100%;
  background-color: #efeae5;
  padding: 10px 0 6px;
  margin-bottom: 10px;
}
.koe_midashi02 {
  font-size: 18px;
  color: #666;
  font-weight: 600;
  text-align: left;
  margin: 15px 0 5px;
  padding: 15px 15px 15px 45px;
  border-bottom: 1px dotted #ffbbbb;
}
.midashi_icon_a {
  background: url(/contents/enquete/result/face_a.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}
.midashi_icon_b {
  background: url(/contents/enquete/result/face_b.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}
.midashi_icon_c {
  background: url(/contents/enquete/result/face_c.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}
.midashi_icon_d {
  background: url(/contents/enquete/result/face_d.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}
.midashi_icon_e {
  background: url(/contents/enquete/result/face_e.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}
.midashi_icon_f {
  background: url(/contents/enquete/result/face_f.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}
.midashi_icon_g {
  background: url(/contents/enquete/result/face_g.png) left 8px no-repeat;
  -moz-background-size: 40px auto;
  -webkit-background-size: 40px auto;
  background-size: 40px auto;
}

/*もっと読む*/
.more {
  margin-top: -20px;
}

/****************** コマ ******************/

/****************** 検索軸(201609) ******************/
.search_box {
  margin: 0 auto 20px;
  text-align: left;
}
.search_box h4 {
  border-bottom: 2px solid #ff9696;
  background: url(/contents/enquete/result/images/icon_search.png) left center no-repeat;
  padding-left: 28px;
  font-size: 18px;
  margin: 0 auto;
  font-weight: 100;
  width: 95%;
}
.search_box h4 span {
  font-size: 80%;
  letter-spacing: 1.3;
}
.search_box table.search_list {
  width: 95%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0px 10px;
}
.search_box table.search_list th, .search_box table.search_list td {
  padding: 5px 0 10px;
  border-bottom: 2px dotted #d2d2d2;
}
.search_box table.search_list th {
  vertical-align: middle;
  text-align: left;
  width: 300px;
  overflow: visible;
  position: relative;
  color: #ff9696;
  font-weight: normal;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5;
}
.search_box table.search_list td {
  font-size: 14px;
}
.search_box table.search_list td a:hover {
  text-decoration: underline;
}

/****************** 検索軸 ******************/

/****************** アンカーリンク補足(201610) ******************/
.hosoku {
  margin: 0 auto 30px;
  border: 2px dotted #ffa6b8;
  padding: 15px;
}
.hosoku p {
  color: #ffa6b8;
  margin: 0 0 10px;
  text-align: center;
  font-size: 120%;
}
.hosoku p.base {
  color: #666;
  font-weight: 100;
  margin: 0;
  text-align: center;
  font-size: 14px;
}
.hosoku p.base_l {

  color: #666;
  font-weight: 100;
  margin: 0;
  text-align: left;
  font-size: 12px;
}
.hosoku ul {
  margin: 0;
}
.hosoku ul li {
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
  color: #f38e8e;
  display: inline-block;
}

/****************** 基礎知識　リンクなし(201708) ******************/
.kiso {
  margin: 0 auto 30px;
  border: 2px dotted #ffa6b8;
  padding: 15px 0 0;
}
.kiso p {
  color: #ffa6b8;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
  font-size: 110%;
}
.kiso p.base {
  color: #666;
  font-weight: 100;
  margin: 0;
  text-align: center;
  font-size: 14px;
}

/****************** 基礎知識　グレー(201802) ******************/
.kisochisiki {
  margin: 10px auto 50px;
  background: #f7f7f7;
  border: 3px solid #eaeaea;
  padding: 20px 30px;
  border-radius: 6px;
}
.kisochisiki h3 {
  text-align: center;
  font-size: 17px;
  margin-bottom: 10px;
}
.kisochisiki h3 span {
  display: block;
  font-size: 12px;
  background: #ffc7c7;
  padding: 1px 0 0 0;
  color: #7b5959;
  width: 6.5em;
  margin: 0 auto 3px;
  border-radius: 3px;
}
.kisochisiki p {
  text-align: left;
  font-size: 13px;
  line-height: 1.8;
}
.kisochisiki p span {
  font-size: 11px;
  padding-top: 15px;
}
.kisochisiki p a {
  position: relative;
}
.kisochisiki p a:after {
  contents: "";
  position: absolute;
  top: 50%;
  left: 1px;
  background: url(/contents/enquete/result/201802/images/icon_blank.png) no-repeat;
  -moz-background-size: 14px auto;
  -webkit-background-size: 14px auto;
  background-size: 14px auto;
}
.ainow_comment {
  margin: 40px 20px 20px;
  display: flex;
  align-items: flex-start;
  background: linear-gradient(to right, #e1fafd, #dcf7fd);
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0px 2px 6px 1px #dcdcdc;
}
.ainow {
  padding: 10px 20px 0;
  color: #333;
  font-size: 14px;
}
.meganesan_out {
  margin: 50px 40px 20px 180px;
  display: flex;
  align-items: flex-start;
  background-size: 190px;
  min-height: 170px;
}
.meganesan_out p {
  background: #ffede2;
  /* box-shadow: 0px 2px 6px 1px #dcdcdc; */

  text-align: left;
  margin-right: 10px;
  padding: 30px;
  border-radius: 8px;
  font-size: 13px;
  position: relative;
}
.meganesan_out p:after {
  left: 100%;
  top: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #ffede2;
  border-width: 10px;
  margin-top: -10px;
}

/****************** 属性(201610) ******************/
.zokusei {
  padding: 15px;
  text-align: center;
  margin: 10px auto;
}
.zokusei_title {
  width: 100%;
  background-color: #ebebeb;
  text-align: center;
  font-size: 14px;
  margin: 40px auto 10px;
  padding: 8px;
  line-height: 1.2;
}
.enquete_detail {
  margin: 20px 0;
  width: 100%;
  border: 2px solid #ccc;
  text-align: left;
  padding: 20px 30px;
  font-size: 12px;
}

/****************** 201806 ******************/
.q03_1806 {
  margin: 50px auto 20px;
  position: relative;
}
.icon01_1806 {
  position: absolute;
  top: 150px;
  left: 240px;
}
.icon02_1806 {
  position: absolute;
  top: 150px;
  left: 480px;
}
.icon03_1806 {
  position: absolute;
  top: 150px;
  left: 710px;
}
.q03_1806 h4 {
  color: #444;
  margin-bottom: 5px;
}
.hukugyo {
  background: #f4f4f4;
  width: 730px;
  margin: 0 auto;
  padding: 18px;
  display: flex;
}
.hukugyo_box {
  background: #fff;
  margin-right: 15px;
  border-radius: 5px;
  width: 220px;
}
.hukugyo_box:last-child {
  margin-right: 0;
}
.hukugyo_box p {
  background: #ffb1c2;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  text-align: center!important;
  margin: 0 auto;
  color: #fff;
  font-weight: 700;
}
.hukugyo_list {
  padding: 10px;
  text-align: left;
  font-size: 13px;
}
.job_serch {
  border: 4px solid #fddcdc;
  border-radius: 6px!important;
  -webkit-border-radius: 4px;
  padding: 30px 30px 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  width: 780px;
}
.job_serch ul {
  margin: 0 auto;
}
.job_serch h4 {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.job_serch_box {
  display: flex;
  margin: 0 auto;
}
.job_serch_box p {
  width: 250px;
  background: #ebebeb;
  margin-bottom: 20px;
}
.job_serch_box ul {
  display: flex;
  margin: 0 0 0 10px;
}
.job_serch_box ul li {
  margin: 0 0 20px 5px;
}
.job_serch_box ul li a {
  color: #fff!important;
  font-weight: 700;
  display: block;
  width: 150px;
  background: #fdb2c2;
  border-radius: 5px;
  text-decoration: none;
  padding: 0 2px;
}
.job_serch_box ul li a:hover {
  text-decoration: none!important;
  opacity: 0.5;
}