@charset "Shift_JIS";

/*================================================
* Reset Style
================================================*/
.tekisei dl,.tekisei dt,.tekisei dd,.tekisei ul,.tekisei ol,.tekisei li,.tekisei h1,.tekisei h2,.tekisei h3,.tekisei h4,.tekisei h5,.tekisei h6,.tekisei form,.tekisei input,.tekisei textarea,.tekisei p,.tekisei blockquote,.tekisei th,.tekisei td {
	margin: 0;
	padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
.tekisei img {
	border: 0;
	border-style: none;
	vertical-align: top;
}
.tekisei h1, .tekisei h2, .tekisei h3, .tekisei h4, .tekisei h5, .tekisei h6 {
	font-size: 100%;
	font-weight: normal;
}
.tekisei a:focus,.tekisei a:hover {
	border: none;
}
.tekisei ol, .tekisei ul {
	list-style: none;
}
.tekisei input[type="button"],.tekisei input[type="submit"] {
	-webkit-appearance: none;
}
.tekisei caption, .tekisei th {
	text-align: left;
}

/*================================================
* Base Style
================================================*/
body {
  margin: 0;
}
.tekisei {
  min-width: 1024px;
  line-height: 1.5;
  color: #333;
  font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}
.tekisei .section {
	width: 1024px;
	margin: 0 auto;
}
.tekisei .inner {
	margin: 0 auto;
	padding: 0 20px;
}
.tekiseiSns {
  width: 1024px;
  margin: 0 auto;
  padding: 10px 0;
  overflow: hidden;
}


/* Icon
--------------------------------------------------------- */
@font-face {
  font-family: 'fonticon';
  src:    url('/csr/tekisei/common/fonts/icon.eot?me5ai4');
  src:    url('/csr/tekisei/common/fonts/icon.eot?me5ai4#iefix') format('embedded-opentype'),
      url('/csr/tekisei/common/fonts/icon.ttf?me5ai4') format('truetype'),
      url('/csr/tekisei/common/fonts/icon.woff?me5ai4') format('woff'),
      url('/csr/tekisei/common/fonts/icon.svg?me5ai4#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="fi-"], [class*=" fi-"] {
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Text
--------------------------------------------------------- */
.bold { font-weight: bold; }
.tx-left { text-align: left; }
.tx-center { text-align: center; }
.tx-right { text-align: right; }
.tx-small { font-size: 75.0%; }
.tx-medium { font-size: 87.5%; }
.tx-large { font-size: 112.5%; }
.tx-blue { color: #014099; }
.tx-red { color:#f00; }
.tekisei .comment {
	text-indent: -1em;
	padding-left: 1em;
}
.tekisei ul.commentList li {
	text-indent: -1em;
	padding-left: 1em;
}
.tekisei ul.disclist li {
	position: relative;
	margin-top: .3em;
	padding-left: 1.1em;
}
.tekisei ul.disclist li:first-child { margin-top: 0; }
ul.disclist li:before {
	content: "";
	position: absolute;
	top: .55em;
	left: .3em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #999;
}
/* decimal-list */
dl.decimal-list dt {
	float: left;
	width: 2.1em;
	clear: left;
}
dl.decimal-list dd {
	margin-bottom: .3em;
	margin-left: 2.1em;
}
dl.decimal-list dd:last-child { margin-bottom: 0; }
/* commentNumberList */
.commentNumberList dt {
  float: left;
	width: 2.1em;
	clear: left;
}
.commentNumberList dd {
  margin-bottom: .3em;
	margin-left: 2.1em;
}
.commentNumberList dd:last-child { margin-bottom: 0; }
.break { word-break: break-all; }
.tekisei .caption{
	font-size:75.0%;
	margin-top:0.5em;
}
.sup {
  position: relative;
  top: -.3em;
  vertical-align: top;
  font-size: 70%;
}

/* link
--------------------------------------------------------- */
.tekisei a { text-decoration: none; }
.tekisei a:hover { text-decoration: none; }

.tekisei .arrow a {
	display: inline-block;
	position: relative;
	padding-left: 10px;
}
.tekisei .arrow a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left-color: #004898;
}
.tekisei .tx-link { text-decoration: underline; }
.tekisei .tx-link:hover { text-decoration: none; }
/* pagetop */
#pagetop {
	position: fixed;
	right: 14px;
	bottom: 40px;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background-color: #014099;
	cursor: pointer;
	z-index: 9;
}
#pagetop:before {
  content: "\e904";
  font-size: 40px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#pagetop:hover { background-color: #4d79b7; }
/* blank */
.tekisei a[target="_blank"]:after {
  content: "\e90c";
  position: relative;
  top: .1em;
  margin-left: .3em;
  color: #014099;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tekisei a[target="_blank"].icon-none:after { display: none; }
.tekisei .contentsList a[target="_blank"]:after { display: none; }
.tekisei .contentsList a[target="_blank"] h3:after,
.tekisei .contentsList a[target="_blank"] h4:after {
  content: "\e90c";
  position: relative;
  top: .1em;
  margin-left: .3em;
  font-size: 14px;
  color: #014099;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* table
--------------------------------------------------------- */
.tekisei table {
	width:100%;
    margin-top: 1em;
    border-collapse: collapse;
    border-spacing: 0;
}
.tekisei table th {
  padding: .5em;
  border: 1px solid #ccc;
  font-size: 87.5%;
  font-weight: normal;
  text-align: center;
}
.tekisei table thead th {
  font-weight: bold;
  background-color: #f1f1f1;
}
.tekisei .health table thead th { background-color: #c6ffe3; }
.tekisei table.th10 tbody th { width: 10%; }
.tekisei table.th15 tbody th { width: 15%; }
.tekisei table.th20 tbody th { width: 20%; }
.tekisei table.th25 tbody th { width: 25%; }
.tekisei table.th30 tbody th { width: 30%; }
.tekisei table.th35 tbody th { width: 35%; }
.tekisei table.th40 tbody th { width: 40%; }
.tekisei table.th45 tbody th { width: 45%; }
.tekisei table.th50 tbody th { width: 50%; }
.tekisei table.th55 tbody th { width: 55%; }
.tekisei table td {
  padding: .5em;
  border: 1px solid #ccc;
  font-size: 87.5%;
}

.table01 table {
	width:100%;
    margin-top: 1em;
    border-collapse: collapse;
    border-spacing: 0;
}
.table01 table th {
  padding: .1em;
  border: 0px solid #ccc;
  font-size: 90%;
  font-weight: normal;
  text-align:left;
}
.table01 table thead th {
  font-weight: bold;
  background-color: #f1f1f1;
}
.table01 table td {
  padding: .1em;
  border: 0px solid #ccc;
  font-size: 90%;
}

@media screen and (max-width: 640px) {
.table01 table th {
  padding: .1em;
  border: 0px solid #ccc;
  font-size: 90%;
  font-weight: normal;
  width:42%;
  text-align:left;
}
}


/* headding
--------------------------------------------------------- */
.tekisei h1 {
  margin: 15px 20px 0;
  line-height: 1.1;
  font-size: 187.5%;
  font-weight: bold;
}


/* Utility
--------------------------------------------------------- */
/* position */
.relative { position: relative; }
.absolute { position: absolute; }
.static { position: static; }

/* display */
.pc-none { display: none; }

/* image */
.img-max { width: 100%; height: auto; }

/* box */
.box-border {
	padding: 20px;
	border: solid 4px #cff3ff;
}
.health .box-border { border-color: #71dba6; }
.minor_drinking .box-border { border-color: #82cce2; }
.drink_drive .box-border { border-color: #e8cf46; }
.women .box-border { border-color: #f5abab; }
.ikki .box-border { border-color: #65dada; }
.alcohol_addiction .box-border { border-color: #b6b6e3; }
.research .box-border { border-color: #78d1f0; }
.gray-box {
  padding: 20px 30px;
  background-color: #eee;
}

/* ClearFix
--------------------------------------------------------- */
.cf:after {
	content: "";
	display: block;
	clear: both;
}
.clear { clear: both; }

/* margin
--------------------------------------------------------- */
.mt00 { margin-top:  0 !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mb00 { margin-bottom:  0 !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt1e { margin-top: 1em !important; }
.mt2e { margin-top: 2em !important; }
.mt3e { margin-top: 3em !important; }
.mt4e { margin-top: 4em !important; }
.mt5e { margin-top: 5em !important; }

/* Header
--------------------------------------------------------- */
.tekiseiHeader {
  position: relative;
  background-color: #fff;
  z-index: 2;
  -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
.tekisei .tekiseiLogo {
  padding: 20px 0 20px 10px;
}
.tekiseiLogo a {
  display: block;
  width: 536px;
  height: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(/csr/tekisei/common/images/sprite.png) 0 0 no-repeat;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
}
.tekiseiLogo a:hover { opacity: .8; }
.tekisei .btn-sp-menu { display: none; }
.tekiseiNav {
  background-color: #014099;
}
.tekiseiNav ul li {
  position: relative;
  float: left;
}
.tekiseiNav ul li:first-child:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 1px;
  height: auto;
  background-color: #4d79b7;
}
.tekiseiNav ul li:after {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
  width: 1px;
  height: auto;
  background-color: #4d79b7;
}
.tekiseiNav ul li a {
  display: block;
  position: relative;
  padding: 11px 0;
  color: #fff;
  line-height: 1.3;
  font-size: 15px;
  text-align: center;
  z-index: 2;
}
.tekiseiNav ul li:nth-child(1) a { width: 126px; }
.tekiseiNav ul li:nth-child(2) a { width: 136px; }
.tekiseiNav ul li:nth-child(3) a { width: 126px; }
.tekiseiNav ul li:nth-child(4) a { width: 126px; }
.tekiseiNav ul li:nth-child(5) a { width: 126px; }
.tekiseiNav ul li:nth-child(6) a { width: 136px; }
.tekiseiNav ul li:nth-child(7) a { width: 101px; }
.tekiseiNav ul li:nth-child(8) a { width: 146px; }
.tekiseiNav ul li a span {
  color: #fffe8e;
  vertical-align: middle;
  font-size: 12px;
}
/* active */
.tekiseiNav ul li a:hover,
.tekiseiNav ul li a.active {
  color: inherit;
}
.tekiseiNav ul li:nth-child(1) a:hover { background-color: #aaf7d1; }
.tekiseiNav ul li:nth-child(2) a:hover { background-color: #9de5fb; }
.tekiseiNav ul li:nth-child(3) a:hover { background-color: #ffed89; }
.tekiseiNav ul li:nth-child(4) a:hover { background-color: #ffd5d5; }
.tekiseiNav ul li:nth-child(5) a:hover { background-color: #9cf2f2; }
.tekiseiNav ul li:nth-child(6) a:hover { background-color: #cecefb; }
.tekiseiNav ul li:nth-child(7) a:hover { background-color: #78d1f0; }
.tekiseiNav ul li:nth-child(8) a:hover { background-color: #afede2; }
.tekiseiNav ul li:nth-child(1) a.active {
  background-color: #aaf7d1;
  -webkit-box-shadow: 0 5px rgba(170,247,209,1);
	-moz-box-shadow: 0 5px rgba(170,247,209,1);
	box-shadow: 0 5px rgba(170,247,209,1);
}
.tekiseiNav ul li:nth-child(2) a.active {
  background-color: #9de5fb;
  -webkit-box-shadow: 0 5px rgba(157,229,251,1);
	-moz-box-shadow: 0 5px rgba(157,229,251,1);
	box-shadow: 0 5px rgba(157,229,251,1);
}
.tekiseiNav ul li:nth-child(3) a.active {
  background-color: #ffed89;
  -webkit-box-shadow: 0 5px rgba(255,237,137,1);
	-moz-box-shadow: 0 5px rgba(255,237,137,1);
	box-shadow: 0 5px rgba(255,237,137,1);
}
.tekiseiNav ul li:nth-child(4) a.active {
  background-color: #ffd5d5;
  -webkit-box-shadow: 0 5px rgba(255,213,213,1);
	-moz-box-shadow: 0 5px rgba(255,213,213,1);
	box-shadow: 0 5px rgba(255,213,213,1);
}
.tekiseiNav ul li:nth-child(5) a.active {
  background-color: #9cf2f2;
  -webkit-box-shadow: 0 5px rgba(156,242,242,1);
	-moz-box-shadow: 0 5px rgba(156,242,242,1);
	box-shadow: 0 5px rgba(156,242,242,1);
}
.tekiseiNav ul li:nth-child(6) a.active {
  background-color: #cecefb;
  -webkit-box-shadow: 0 5px rgba(206,206,251,1);
	-moz-box-shadow: 0 5px rgba(206,206,251,1);
	box-shadow: 0 5px rgba(206,206,251,1);
}
.tekiseiNav ul li:nth-child(7) a.active {
  background-color: #78d1f0;
  -webkit-box-shadow: 0 5px rgba(120,209,240,1);
	-moz-box-shadow: 0 5px rgba(120,209,240,1);
	box-shadow: 0 5px rgba(120,209,240,1);
}
.tekiseiNav ul li:nth-child(8) a.active {
  background-color: #afede2;
  -webkit-box-shadow: 0 5px rgba(175,237,226,1);
	-moz-box-shadow: 0 5px rgba(175,237,226,1);
	box-shadow: 0 5px rgba(175,237,226,1);
}
.tekiseiNav ul li a:hover span,
.tekiseiNav ul li a.active span {
  color: #014099;
}

/* spMenu
--------------------------------------------------------- */
.spMenu {
  display: none;
}

/* Sitemap
--------------------------------------------------------- */
.sitemap {
  width: 100%;
  padding: 32px 0;
  background-color: #cff3ff;
}
.sitemap ul {
  width: 950px;
  margin: 0 auto;
}
.sitemap .category {
	float: left;
  width: 280px;
	margin-right: 55px;
}
.sitemap .category:last-child { margin-right: 0; }
.sitemap .category h2 {
	margin: 0 0 10px;
	padding: 0 0 10px;
  border-bottom: 1px solid #014099;
  line-height: 1.1;
	font-size: 87.5%;
  font-weight: bold;
}
.sitemap .category ul {
  width: auto;
  margin: 0 14px;
}
.sitemap .category ul li {
  margin-bottom: .5em;
}
.sitemap .category ul li:last-child { margin-bottom: 0; }
.sitemap .category ul li a {
	display: inline-block;
	position: relative;
	padding-left: 10px;
	color: #000;
	font-size: 87.5%;
	text-decoration: none;
}
.sitemap .category ul li a:hover { color: #004899; }
.sitemap .category ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: .3em;
	left: 0;
	border: 5px solid transparent;
	border-left-color: #014099;
}
.sitemap .category h2 .expand { display: none; }

/* titleArea
--------------------------------------------------------- */
.titleArea {
  padding: 16px 0 18px;
  background-color: #cff3ff;
}
.health .titleArea { background-color: #aaf7d1; }
.minor_drinking .titleArea { background-color: #9de5fb; }
.drink_drive .titleArea { background-color: #ffed89; }
.women .titleArea { background-color: #ffd5d5; }
.ikki .titleArea { background-color: #9cf2f2; }
.alcohol_addiction .titleArea { background-color: #cecefb; }
.research .titleArea { background-color: #78d1f0; }
.self_check .titleArea { background-color: #afede2; }

/* Breadcrumb
--------------------------------------------------------- */
.tekisei .breadcrumb {
    margin: 0 20px;
}
.breadcrumb li {
    float: left;
    margin-right: 10px;
    font-size: 75%;
}
.breadcrumb li:before {
	content: ">";
	margin-right: 10px;
}
.breadcrumb li:first-child:before {
	display: none;
}
.breadcrumb li a { text-decoration: underline; }
.breadcrumb li a:hover { text-decoration: none; }

/* aside
--------------------------------------------------------- */
aside {
	float: left;
	width: 230px;
  padding: 50px 0 60px;
}
.tekisei aside h2 {
	padding: 14px 12px;
	border-bottom: 3px solid #71dba6;
	line-height: 1.2;
	font-weight: bold;
}
.tekisei .health aside h2 { border-color: #71dba6; }
.tekisei .minor_drinking aside h2 { border-color: #82cce2; }
.tekisei .drink_drive aside h2 { border-color: #e8cf46; }
.tekisei .women aside h2 { border-color: #f5abab; }
.tekisei .ikki aside h2 { border-color: #65dada; }
.tekisei .alcohol_addiction aside h2 { border-color: #b6b6e3; }
.tekisei .research aside h2 { border-color: #78d1f0; }
.tekisei .self_check aside h2 { border-color: #afede2; }
aside h2 a { color: inherit; }
aside h2 a:hover { color: #004899; }
aside > ul {
  border-bottom: 1px solid #ccc;
}
aside > ul > li > a {
	display: block;
	padding: 10px;
  line-height: 1.2;
	font-size: 87.5%;
}
aside > ul > li:first-child > a { padding-top: 14px; }
aside > ul > li a:link,
aside > ul > li a:visited { color: inherit; }
aside > ul > li a:hover,
aside > ul > li a.active { text-decoration: none; background: #aaf7d1; }
.health aside > ul > li a:hover,
.health aside > ul > li a.active { background: #aaf7d1; }
.minor_drinking aside > ul > li a:hover,
.minor_drinking aside > ul > li a.active { background: #9de5fb; }
.drink_drive aside > ul > li a:hover,
.drink_drive aside > ul > li a.active { background: #ffed89; }
.women aside > ul > li a:hover,
.women aside > ul > li a.active { background: #ffd5d5; }
.ikki aside > ul > li a:hover,
.ikki aside > ul > li a.active { background: #9cf2f2; }
.alcohol_addiction aside > ul > li a:hover,
.alcohol_addiction aside > ul > li a.active { background: #cecefb; }
.research aside > ul > li a:hover,
.research aside > ul > li a.active { background: #8ee2ff; }
.self_check aside > ul > li a:hover,
.self_check aside > ul > li a.active { background: #afede2; }

/* main
--------------------------------------------------------- */
main {
  padding: 30px 32px 40px;
}
.lower main {
  float: right;
  width: 760px;
  padding: 50px 0 60px;
}
.tekisei main h2 {
  margin-top: 50px;
  margin-bottom: 20px;
  padding-bottom: .2em;
  border-bottom: 2px solid #014099;
  color: #014099;
  line-height: 1.2;
  font-size: 137.5%;
  font-weight: bold;
}
.tekisei main .mainImg + h2 {
  margin-top: 10px;
}
.tekisei main h2 a:link,
.tekisei main h2 a:visited { color: inherit; }
.tekisei main h2 a:hover { color: #4d79b7; }
.mainImg img {
  width: 100%;
  height: auto;
}
.tekisei .footimg {
  margin-top: 30px;
  text-align: center;
}


/* contentsList
--------------------------------------------------------- */
.contentsMap {
  width: 100%;
  padding: 32px 0;
  background-color: #aaf7d1;
}
.health .contentsMap{background-color: #aaf7d1;}
.minor_drinking .contentsMap{background-color: #9de5fb;}
.drink_drive .contentsMap{background-color: #ffed89;}
.women .contentsMap{background-color: #ffd5d5;}
.ikki .contentsMap{background-color: #9cf2f2;}
.alcohol_addiction .contentsMap{background-color: #cecefb;}

.contentsMap .section > p {
  position: relative;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 137.5%;
  text-align: center;
}
.contentsMap .section > p:before {
  content: "\e905";
  position: absolute;
  bottom: -42px;
  left: 50%;
  margin-left: -24px;
  font-size: 48px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tekisei .contentsList {
  margin: 0 -10px;
  font-size: 0;
  letter-spacing: -0.4em;
}
.contentsList li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  font-size: 16px;
  letter-spacing: normal;
}
.contentsList li a {
  display: block;
  margin: 10px;
  color: inherit;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.contentsList li a:hover { opacity: .8; }
.contentsList li img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 1px 0 rgba(195,206,214,0.3);
	-moz-box-shadow: 0 1px 0 rgba(195,206,214,0.3);
	box-shadow: 0 1px 0 rgba(195,206,214,0.3);
}
.contentsList li .listInner {
  padding: 18px;
}
.contentsList li h2 {
  line-height: 1.2;
  font-weight: bold;
  font-size: 112.5%;
}
.contentsList li p {
  margin-top: 10px;
  line-height: 1.2;
  font-size: 87.5%;
}

/* tekiseiPoint
--------------------------------------------------------- */
.tekisei .tekiseiPoint {
  padding: 30px 24px;
  border: 6px solid #71dba6;
}
.tekisei .minor_drinking .tekiseiPoint{border-color: #82cce2;}
.tekisei .drink_drive .tekiseiPoint{border-color: #e8cf46;}
.tekisei .women .tekiseiPoint{border-color: #f5abab;}
.tekisei .ikki .tekiseiPoint{border-color: #65dada;}
.tekisei .alcohol_addiction .tekiseiPoint{border-color: #b6b6e3;}
.tekisei .research .tekiseiPoint{border-color: #78d1f0;}

p + .tekiseiPoint {
  margin-top: 30px;
}

.minor_drinking .tekiseiPoint .attention{
	background-color:#ffed55;
	text-align:center;
	border-radius: 8px;
	padding:5px 0;
	margin-top:10px;
}

.tekiseiPoint li {
  margin-top: 36px;
  padding: 26px 12px 0 36px;
  border-top: 1px solid #ccc;
}
.research .tekiseiPoint li { padding-right: 36px; }
.tekiseiPoint li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.tekiseiPoint .leftBox {
  float: left;
  width: 318px;
}
.minor_drinking .tekiseiPoint .leftBox,
.alcohol_addiction .tekiseiPoint .leftBox{ width: 340px; }
.drink_drive .tekiseiPoint .leftBox{ width: 320px; }
.ikki .tekiseiPoint .leftBox{ width: 340px; }
.research .tekiseiPoint .leftBox{ width: 620px; }

.tekiseiPoint .rightBox {
  float: right;
  width: 500px;
}
.research .tekiseiPoint .rightBox { width: 200px; }
.tekiseiPoint .rightBox img {
  width: 100%;
  height: auto;
  margin-top: 23px;
}
.tekiseiPoint .rightBox p { padding:0 30px; }
.tekiseiPoint .rightBox .txt-ind {
  text-indent: -2.6em;
  padding-left: 5.2em;
}
.research .tekiseiPoint .rightBox p {
  padding: 0;
  text-align: right;
}
.tekisei main .tekiseiPoint h2 {
  margin: 20px 0 0;
  padding: 0;
  border-bottom: none;
  color: inherit;
  line-height: 1.2;
  font-size: 150%;
  font-weight: bold;
}
.tekiseiPoint .leftBox p {
  margin-top: 20px;
}
/* btn-block */
.tekisei .btn-block {
  margin-top: 20px;
}
.tekisei .research .tekiseiPoint .btn-block { margin-top: 60px; }
.btn-block a {
  display: inline-block;
  position: relative;
  padding: .6em 2.4em .6em 1em;
  border: 3px solid #014099;
  color: inherit;
  line-height: 1;
  font-size: 87.5%;
  font-weight: bold;
  text-align: center;
}
.btn-block a:focus,
.btn-block a:hover {
  border: 3px solid #4d79b7;
  color: #4d79b7;
}
.btn-block a:before {
  content: "\e907";
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -.5em;
  color: #014099;
  font-size: 30px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-block a:hover:before {
  color: #4d79b7;
}
/* womenPoint notDrink
--------------------------------------------------------- */
.notDrink{
	margin-top:20px;
	padding:10px 50px 0 45px;
	background-image:url(/csr/tekisei/women/images/notdrink_bg.png) ;
	border-radius: 12px;
	border: solid 1px #eee;
}
.notDrink .imgBox.womanImg{
	width:420px;
	float:left;
	margin-right:15px;
}
.notDrink .imgBox.womanImg img, .notDrink .imgBox.womanflow img{
	width:100%;
	height:auto;
}
.notDrink .imgBox.womanflow{
	width:410px;
	float:left;
}

/* 詳しくはこちらボタン　表示切り替え
--------------------------------------------------------- */
.sp-btn{
	display:none;
}

/* tekiseiPager
--------------------------------------------------------- */
.tekisei .tekiseiPager {
  display: table;
  width: 100%;
  margin-top: 40px;
  border-radius: 6px;
  background-color: #f2f2f2;
}
.tekiseiPager li {
  display: table-cell;
  font-size: 87.5%;
  text-align: center;
}
.tekiseiPager li:first-child,
.tekiseiPager li:last-child { width: 30%; }
.tekiseiPager li:first-child {
  border-right: 1px solid #b1b1b1;
}
.tekiseiPager li:last-child {
  border-left: 1px solid #b1b1b1;
}
.tekiseiPager li a {
  display: block;
  padding: .4em 1em;
  color: inherit;
  line-height: 40px;
  font-weight: bold;
}
.tekiseiPager li a:hover { opacity: .7; }
.tekiseiPager li div { color: #999; }
.tekiseiPager .icon-prev:before,
.tekiseiPager .icon-index:before,
.tekiseiPager .icon-next:after {
  display: inline-block;
  vertical-align: middle;
  color: #014099;
  font-size: 40px;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tekiseiPager .icon-prev:before { content: "\e906"; margin-right: .1em; }
.tekiseiPager .icon-index:before { content: "\e903"; margin-right: .1em; }
.tekiseiPager .icon-next:after { content: "\e907"; margin-left: .1em; }
.tekiseiPager div.icon-prev:before,
.tekiseiPager div.icon-index:before,
.tekiseiPager div.icon-next:after { color: #999; }

/* .tekiseiContents h3
----------------------------------------- */
.tekiseiContents h3{
	margin:20px 0 10px;
}
.tekiseiContents h3:first-child { margin-top: 0; }
.tekiseiContents h3 span{
	padding: 0 .4em;
	font-size:18px;
	color:#014099;
	font-weight:bold;
  background: -webkit-linear-gradient(top, transparent 60%,#c6ffe3 60%);
	background: linear-gradient(transparent 60%, #c6ffe3 60%);
}

.tekiseiContents.minor_drinking h3 span{ 
  background: -webkit-linear-gradient(transparent 60%, #ccf3ff 60%);
  background: linear-gradient(transparent 60%, #ccf3ff 60%);
}
.tekiseiContents.drink_drive h3 span {
  background: -webkit-linear-gradient(transparent 60%, #ffed89 60%);
  background: linear-gradient(transparent 60%, #ffed89 60%);
}
.tekiseiContents.women h3 span {
  background: -webkit-linear-gradient(transparent 60%, #ffd5d5 60%);
  background: linear-gradient(transparent 60%, #ffd5d5 60%);
}
.tekiseiContents.alcohol_addiction h3 span{
  background: -webkit-linear-gradient(transparent 60%, #e9e9ff 60%);
  background: linear-gradient(transparent 60%, #e9e9ff 60%);
}
.tekiseiContents.ikki h3 span{
  background: -webkit-linear-gradient(transparent 60%, #bcfbfb 60%);
  background: linear-gradient(transparent 60%, #bcfbfb 60%);
}
.tekiseiContents.self_check h3 span{
  background: -webkit-linear-gradient(transparent 60%, #afede2 60%);
  background: linear-gradient(transparent 60%, #afede2 60%);
}
.tekiseiContents.research h3 span{
  background: -webkit-linear-gradient(transparent 60%, #b9eafb 60%);
  background: linear-gradient(transparent 60%, #b9eafb 60%);
}

/* .tekiseiContents h4
----------------------------------------- */
.tekiseiContents h4{
	margin:15px 0 10px;
}

.tekiseiContents h4 span{
	padding: 0 .4em 0;
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 4px #c6ffe3;
}
.tekiseiContents.minor_drinking h4 span{border-bottom-color:#ccf3ff;}
.tekiseiContents.drink_drive h4 span{border-bottom-color:#ffed89;}
.tekiseiContents.women h4 span{border-bottom-color:#ffd5d5;}
.tekiseiContents.alcohol_addiction h4 span{border-bottom-color:#e9e9ff;}
.tekiseiContents.ikki h4 span{border-bottom-color:#bcfbfb;}
.tekiseiContents.research h4 span{border-bottom-color:#b9eafb;}

/* .tekiseiContents 共通パーツ
----------------------------------------- */
/*　inner　ボックス分割　*/
.inner_half{
	margin-bottom:20px;
}
.innerLeft{
	width:48%;
	float:left;
	margin-right:2%;
}
.innerRight{
	width:50%;
	float:right;
}
.innerbox-center{
	width:70%;
	margin:0 auto;
	margin-top:20px;
}

/* 画像 */
.tekiseiContents .image{
	margin:20px 0;
	text-align:center;
}
.tekiseiContents .innerRight.image{
	margin:0;
	text-align:center;
}
.disnone{
	display:none;
}

/*================================================
* Smartphone Style
================================================*/
@-webkit-keyframes spMenuUp {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes spMenuDown {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes spMenuUp {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes spMenuDown {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@media screen and (max-width: 640px) {
/*================================================
* Base Style
================================================*/
.tekisei {
  position: relative;
  min-width: 0;
  font-size: 14px;
  z-index: 8;
}
.tekisei .section {
	width: auto;
}
.tekisei .inner {
	padding: 0;
}
.tekisei .sp-inner {
  padding: 0 10px;
}
.tekiseiContents {
  padding-top: 56px;
}
.tekiseiSns {
  width: auto;
  padding: 10px;
}

/* table
--------------------------------------------------------- */
.tekisei table th {
  font-size: 12px;
}
.tekisei table td {
  font-size: 12px;
}

/* headding
--------------------------------------------------------- */
.tekisei h1 {
  margin: 0;
  font-size: 16px;
}

/* Utility
--------------------------------------------------------- */
/* display */
.pc-none { display: block; }
.sp-none { display: none; }

/* image */
.sp-img-max { width: 100%; height: auto; }

/* box */
.box-border { padding: 10px; }
.gray-box {
  padding: 10px 15px;
}

/* Header
--------------------------------------------------------- */
.tekiseiHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.tekiseiHeader.fixed {
  position: fixed;
  -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
.tekisei .tekiseiLogo {
  float: left;
  padding: 14px 0 10px 10px;
}
.tekiseiLogo a {
  display: block;
  width: 180px;
  height: 32px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position: 0 -50px;
}
.tekiseiLogo a:hover { opacity: 1; }
.tekisei .btn-sp-menu {
  display: block;
  float: right;
  padding: 13px 10px;
  cursor: pointer;
}
.tekisei .btn-sp-menu span {
  display: inline-block;
  padding: .5em 1em;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-color: #014099;
}
.tekiseiNav {
  display: none;
}

/* spMenu
--------------------------------------------------------- */
.menuOpen, .menuOpen body {
  overflow: hidden;
}
.spMenu {
  display: none;
  position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
  font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	z-index: 10000;
	background: #014099;
}
.menuOpen .spMenu{
	-webkit-animation: spMenuUp .3s ease-in-out alternate;
	animation: spMenuUp .3s ease-in-out alternate;
}
.spMenu.down{
	-webkit-animation: spMenuDown .3s ease-in-out alternate;
	animation: spMenuDown .3s ease-in-out alternate;
}
.spMenuInner {
  position: absolute;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	margin-right: -30px;
	padding-right: 30px;
	-webkit-overflow-scrolling: touch;
}
.menuOpen .spMenu { display: block; }
.spMenu .spMenuHeader {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 65px;
}
.spMenu .menuLogo {
  display: table-cell;
  vertical-align: middle;
}
.spMenu .menuLogo a {
  display: block;
  width: 180px;
  height: 32px;
  margin-left: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(/csr/tekisei/common/images/sprite.png) -190px -50px no-repeat;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
}
.spMenu .btn-menu-close {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.spMenu .btn-menu-close:before {
  content: "\e90a";
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 40px;
}
.spMenu ul {
  margin: -6px 24px 24px;
  padding: 0;
  font-size: 0;
}
.spMenu ul li {
  display: inline-block;
  width: 50%;
  padding: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spMenu ul li:nth-child(7),
.spMenu ul li:nth-child(8) { width: 100%; }
.spMenu ul li a {
  display: block;
  padding: .8em .5em .5em;
  border-radius: 4px;
  line-height: 1.2;
  color: inherit;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
}
.spMenu ul li:nth-child(1) a { background-color: #89e6b8; }
.spMenu ul li:nth-child(2) a { background-color: #c0f0fe; }
.spMenu ul li:nth-child(3) a { background-color: #ffe96f; }
.spMenu ul li:nth-child(4) a { background-color: #ffcdcd; }
.spMenu ul li:nth-child(5) a { background-color: #8de8e8; }
.spMenu ul li:nth-child(6) a { background-color: #cacae7; }
.spMenu ul li:nth-child(7) a,
.spMenu ul li:nth-child(8) a { background-color: #fff; padding: 0; }
.spMenu ul li a img {
  display: block;
  width: 56%;
  height: auto;
  margin: 0 auto 5px;
  border-radius: 100%;
}
.spMenu ul li:nth-child(7) a img,
.spMenu ul li:nth-child(8) a img {
  width: 100%;
  margin-bottom: 0;
  border-radius: 4px;
}


/* Sitemap
--------------------------------------------------------- */
.sitemap {
  padding: 0;
}
.sitemap ul {
  width: 100%;
}
.sitemap .category {
	float: none;
  width: auto;
	margin-right: 0;
}
.sitemap .category h2 {
  position: relative;
	margin: 0;
	padding: 1em 40px 1em 10px;
  line-height: 1.2;
	font-size: 13px;
  cursor: pointer;
}
.sitemap .category ul {
  display: none;
  width: auto;
  margin: 0;
  border-bottom: 1px solid #014099;
}
.sitemap .category ul li {
  margin-bottom: 0;
}
.sitemap .category ul li a {
	display: block;
	padding: .6em 1em .6em 30px;
	font-size: 13px;
}
.sitemap .category ul li:first-child a { padding-top: 1.2em; }
.sitemap .category ul li:last-child a { padding-bottom: 1.2em; }
.sitemap .category ul li a:hover { color: inherit; }
.sitemap .category ul li a:before {
	top: 1em;
	left: 20px;
	border: 4px solid transparent;
	border-left-color: #014099;
}
.sitemap .category ul li:first-child a:before { top: 1.6em; }
.sitemap .category ul li a br { display: none; }
.sitemap .category h2 .expand {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 2px;
  background-color: #014099;
}
.sitemap .category h2 .expand:before {
  content: "\e908";
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sitemap .category h2.active .expand:before { content: "\e909"; }

/* titleArea
--------------------------------------------------------- */
.titleArea {
  padding: 12px 10px;
}

/* Breadcrumb
--------------------------------------------------------- */
.tekisei .breadcrumb {
    display: none;
}

/* aside
--------------------------------------------------------- */
aside {
	float: none;
	width: auto;
  margin: 10px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.tekisei aside h2 {
	padding: 0;
  font-size: 15px;
}
aside h2 a {
  display: block;
	padding: 14px 10px;
}
aside h2 a:hover { color: inherit; }
aside > ul {
  border-bottom: none;
}
aside > ul li { border-bottom: 1px solid #ccc; }
aside > ul li:last-child { border-bottom: none; }
aside > ul > li > a {
	padding: 10px 10px 10px 20px;
	font-size: 13px;
}
aside > ul > li:first-child > a { padding-top: 14px; }

/* main
--------------------------------------------------------- */
main {
  padding: 15px 10px 20px;
}
.lower main {
  float: none;
  width: auto;
  padding: 15px 0;
}
.tekisei main h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: .2em;
  font-size: 16px;
}
.tekisei main .mainImg + h2 {
  margin-top: 10px;
}
.mainImg img {
  width: 100%;
  height: auto;
}
.tekisei .footimg {
  margin-top: 20px;
  text-align: center;
}
.tekisei .footimg img {
  width: 100%;
  height: auto;
}

/* contentsList
--------------------------------------------------------- */
.contentsMap {
  padding: 15px 0 20px;
}
.contentsMap .section > p {
  margin-bottom: 24px;
  font-size: 12px;
}
.contentsMap .section > p:before {
  bottom: -28px;
  margin-left: -16px;
  font-size: 32px;
}
.tekisei .contentsList {
  margin: 0 5px;
}
.contentsList li {
  width: 49.8%;
}
.contentsList li a {
  margin: 5px;
}
.contentsList li a:hover { opacity: 1; }
.contentsList li .listInner {
  padding: 10px;
}
.contentsList li h2 {
  font-size: 12px;
}
.contentsList li p {
  margin-top: .4em;
  font-size: 12px;
}

/* tekiseiPoint
--------------------------------------------------------- */
.tekisei .tekiseiPoint {
  padding: 10px 15px 20px;
  border-width: 3px;
}
p + .tekiseiPoint {
  margin-top: 15px;
}
.tekiseiPoint li {
  margin-top: 20px;
  padding: 10px 0 0;
}
.research .tekiseiPoint li { padding-right: 0; }
.tekiseiPoint li:first-child {
  margin-top: 0;
  padding-top: 0;
}
.tekiseiPoint .leftBox,
.minor_drinking .tekiseiPoint .leftBox,
.alcohol_addiction .tekiseiPoint .leftBox,
.drink_drive .tekiseiPoint .leftBox,
.ikki .tekiseiPoint .leftBox,
.research .tekiseiPoint .leftBox {
  float: none;
  width: auto;
} 
.tekiseiPoint .rightBox,
.research .tekiseiPoint .rightBox {
  float: none;
  width: auto;
}
.tekiseiPoint .leftBox img {
  width: 65px;
  height: auto;
}
.research .tekiseiPoint .leftBox img { width: 87px; }
.tekiseiPoint .rightBox img {
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.research .tekiseiPoint .rightBox p { text-align: center; }
.tekisei main .tekiseiPoint h2 {
  margin: 10px 0 0;
  font-size: 16px;
}
.tekiseiPoint .leftBox p {
  margin-top: 10px;
}
/* btn-block */
.tekisei .btn-block {
  margin-top: 1em;
  text-align: center;
}
.tekisei .research .tekiseiPoint .btn-block { margin-top: 1em; }
.btn-block a {
  padding: .6em 2.2em .6em .9em;
  border: 2px solid #014099;
  line-height: 1.2;
  font-size: inherit;
}
.btn-block a:hover {
  border: 2px solid #014099;
  color: inherit;
}
.btn-block a:before {
  right: 2px;
  font-size: 30px;
}
.btn-block a:hover:before { color: inherit; }

/* womenPoint notDrink
--------------------------------------------------------- */
.notDrink{
	padding:10px;
}
.notDrink .imgBox.womanImg{
	width:auto;
	margin-right: 10px;
	text-align:center;
	float:none;
}
.notDrink .imgBox.womanflow{
	width: auto;
	float:none;
}
.notDrink .imgBox.womanflow img{
	padding-top:10px;
}

/* 詳しくはこちらボタン　表示切り替え
--------------------------------------------------------- */
.tekiseiPoint .leftBox .btn-block{
	display:none;
}
.sp-btn{
	display:block;
}

/* tekiseiPager
--------------------------------------------------------- */
.tekisei .tekiseiPager {
  margin-top: 20px;
  border-radius: 0;
}
.tekiseiPager li {
  font-size: 12px;
}
.tekiseiPager li:first-child,
.tekiseiPager li:last-child { width: 30%; }
.tekiseiPager li a {
  padding: .4em 1em;
  line-height: 26px;
}
.tekiseiPager li a:hover { opacity: 1; }
.tekiseiPager .icon-prev:before,
.tekiseiPager .icon-index:before,
.tekiseiPager .icon-next:after {
  font-size: 26px;
}
.tekiseiPager .icon-prev:before { margin-left: -.5em; }
.tekiseiPager .icon-index:before { margin-left: -.3em; }
.tekiseiPager .icon-next:after { margin-right: -.5em; }
.tekiseiPager .pc-none { display: inline; }

/* .tekiseiContents h3
----------------------------------------- */
.tekiseiContents h3{
	margin:10px 0 5px;
}
.tekiseiContents h3 span{
	font-size:14px;
}
.tekiseiContents h4{
	margin:10px 0 5px;
}
.tekiseiContents h4 span{
	font-size:14px;
  border-bottom-width: 3px;
}

/* .tekiseiContents 共通パーツ
----------------------------------------- */
/*　inner　ボックス分割　*/
.innerLeft{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}
.innerRight{
	width:100%;
	float:none;
}
.tekiseiContents .image img{
	width:100%;
	height:auto;
}

}