/* 
Eric Meyer's CSS Reset
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
CSSresetr.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
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,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
section,
article,
footer {
	margin: 0;
	border: 0;
	outline: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
}
html {
  font-size: 62.5%;
}
.globalmenu_list .globalmenu_content .globalmenu_link.globalmenu_link-active {
}

a,
a:hover,
a:visited,
a:active,
a:target {
	padding: 5;
	text-decoration: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing=0' in the markup */
table {
	/* [disabled]border-collapse: collapse; */
	border-spacing: 0;
}
.po_middle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ========================
縲€繝ｬ繧､繧｢繧ｦ繝郁ｨｭ螳�
========================= */
body {
	width: 100%;
	height: 100%;
}
img {
  width: 100%;
}
.header_logo a img {
	height: 100%;
	width: 98%;
}


/* ========================
縲€豎守畑險ｭ螳�
========================= */
.clearfix::after {
	content: '';
	display: block;
	/* [disabled]clear: both; */
}
.h_detail {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.2em;
  line-height: 1.1;
  font-family: "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "貂ｸ譏取悃", YuMincho, "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
.h_detail::first-letter {
  color: #a3001d;
}
.h_detailsub {
  font-size: 2.0rem;
  line-height: 1.6;
  font-family: "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "貂ｸ譏取悃", YuMincho, "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
.p {
  font-size: 1.4em;
  line-height: 1.8;
}
.p-chic {
  font-family: "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "貂ｸ譏取悃", YuMincho, "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
.p_caption {
  line-height: 1.4;
}
/* ========================
縲€豎守畑繝代�繝�ｨｭ螳�
========================= */
.header {
	width: 100%;
	height: 8.4vw;
	top: 0;
	padding: 1.8vw 2.5vw;
	z-index: 9999;
	-wabkit-transition: all 1s linear;
	transition: all 1s linear;
  
}
.header_logo {
	display: block;
	width: 14.9vw;
	height: auto;
	float: left;
}
.header_fixed {
  position: fixed;
  height: 7vw;
  padding: 1vw 2.5vw;
  background: rgba(0, 0, 0, 0.7);
  -webkit-animation: header_move 1s linear 0s;
  animation: header_move 1s linear 0s;
}
@keyframes header_move {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes header_move {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/* 繝溘ャ繧ｯ繧ｹ繧､繝ｳ逕ｨ */
.underline {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -18px;
  left: 0;
  border-top: 3px solid #a3001d;
}
.globalmenu {
  float: right;
}
.globalmenu_list {
  display: table-cell;
  vertical-align: middle;
  padding-right: 2.5vw;
  height: 4.8vw;
}
.globalmenu_content {
  position: relative;
  float: left;
}
.globalmenu_content + .globalmenu_content {
	border-left-style: solid;
	border-left-width: 1px;
}
.globalmenu_link {
	display: block;
	width: 100%;
	padding: 0 2vw;
	font-size: 1.3em;
	line-height: 1.1;
	color: #333333;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", Meiryo, "繝｡繧､繝ｪ繧ｪ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
	letter-spacing: 0.1em;
}
.globalmenu_link-active {
	color: #333333;
}
.globalmenu_link-active::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -18px;
  left: 0;
  border-top: 3px solid #a3001d;
}
.globalmenu_link:hover {
  color: #a3001d;
}

.globalmenu_link:hover::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -18px;
  left: 0;
  border-top: 3px solid #a3001d;
}

.globalmenu_mail {
  display: table-cell;
  vertical-align: middle;
  height: 4.8vw;
}

.list_content-redsquare {
  position: relative;
  padding-left: 18px;
  font-size: 1.4em;
  line-height: 1.8;
}
.list_content-redsquare::before {
  content: '笆�';
  position: absolute;
  display: block;
  left: 0;
  color: #a3001d;
}

.list-data {
  margin: 1vw 0;
}
.list-data_title {
  clear: both;
  width: 7.5vw;
  float: left;
  text-align: right;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2.0;
}
.list-data_content {
  float: left;
  padding-left: 2.1vw;
  line-height: 2.0;
  font-size: 1.4em;
}
.text_e-big {
  font-size: 1.8rem;
  line-height: 1.8;
}
/* ========================
縲€蛟句挨繝代�繝�ｨｭ螳�
========================= */

.footer {
	position: relative;
	background-color: #333333;

}
.footer_main {
	padding: 2.3vw 2.5vw 2vw;
}
.footer_logo {
  display: block;
  width: 14.3vw;
  height: auto;
  float: left;
}
.footer_menu {
	    float: left;
    margin-top: 2vw;
    margin-left: 2.5vw;
    color: rgb(255, 255, 255);
	font-size: 1.2rem;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", Meiryo, "繝｡繧､繝ｪ繧ｪ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
	letter-spacing: 0.1em;
}
.footer_menucontent {
  float: left;
  padding: 0 15px;
}
.footer_menucontent + .footer_menucontent {
  border-left: 1px solid #ffffff;
}
.footer_contact {
  position: absolute;
  width: 11vw;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #a3001d;
}
.footer_link {
  display: block;
  width: 11vw;
  height: 11vw;
  text-align: center;
}
.copyright {
  clear: both;
  display: block;
  padding: 1.2vw 0 0;
  color: #ffffff;
}



#page #contentsArea{
	overflow: hidden;
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
}
/*#page #contentsArea #sideContents ul,
#page #contentsArea #sideContents li{ margin: 0px; padding: 0px; }
#page #contentsArea #mainContents {
	float: left;
}*/
#page #contentsArea #sideContents ul,
#page #contentsArea #sideContents li{ margin: 0px; padding: 0px; }
 {
  float: left;
}
#page #contentsArea h2 {
	text-align: center;
	font-size: 3em;
	font-weight: lighter;
	margin-bottom: 46px;
}
/*#page #contentsArea #mainContents {
	width: 1020px;
	text-align: center;
	float: right;
	margin-right: 150px;
	margin-bottom: 49px;
}*/
#page #contentsArea #mainContents {
  width: 1020px;
  text-align: center;
  margin: 0 auto;
}
#contentsArea h2 span {
	font-size: 10px;
	color: #990000;
	font-weight: bold;
}
.pagenation ul li {
	float: left;
	width: auto;
}
ul li span {
	padding: 5px 10px;
}
.globalmenu_list .globalmenu_content .globalmenu_link {
	background-color: #FFFFFF;
}
#page #contentsArea .bread {
	margin-bottom: 40px;
	padding: 5;
	height: 42px;
	background-color: #a3001d;
	background-image: url(../images/bread_09.png);
	background-repeat: no-repeat;
	background-position: 70px 0%;
}

ol li a {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 40px;
}
ul li #1 {
	color: #A3001D;
}




.bread ol li {
	float: left;
	background-repeat: no-repeat;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
a,
a:hover,
a:visited,
a:active,
a:target {
  text-decoration: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.po_middle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol li span {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 40px;
	font-weight: bold;
}
ul li span {
	background-color: #A3001D;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	margin-right: 3px;
	font-size: 2em;

}
ul li .pageban {
	color: #666666;
	text-decoration: none;
	display: block;
	color: #666666;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	font-size: 2em;
	background-color: #F0F0F0;
	margin-right: 6px;
}
#contentsArea #mainContents h3 {
	font-size: 2.6em;
	font-weight: lighter;
	margin-bottom: 16px;
}
#contentsArea #mainContents .name {
	font-size: 1.8em;
	margin-bottom: 21px;
}
#contentsArea #mainContents .CORCH {
	font-size: 1.4em;
	float: left;
}
/*#contentsArea #mainContents .pic {
	width: 181px;
	height: 251px;
	float: left;
	font-size: 1.4em;
	background-image: url(../images/introduction%20example_line.png);
	background-position: right 0%;
	padding-right: 5px;
}*/
#contentsArea #mainContents .pic {
  /*width: 181px;*/
  width: 228px;
  float: left;
  /*height: 260px;*/
  height: 158px;
  font-size: 1.4em;
  background-image: url(../images/introduction%20example_line.png);
  background-position: right 0%;
  padding-right: 5px;
}
#data1 .sentence1 .CORCH�� {
	font-size: 1.1em;
	color: #a3001d;
	float: left;
}

/*#contentsArea #mainContents .sentence1 {
	width: 297px;
	float: left;
	margin-top: 28px;
	margin-left: 22px;
}*/
#contentsArea #mainContents .sentence1 {
  /*width: 297px;*/
  width: 250px;
  float: left;
  /*margin-top: 28px;*/
  margin-top: 10px;
  margin-left: 22px;
}
#data1 .sentence1 .sentence {
	font-size: 1.4em;
	font-weight: 1.5;
	margin-bottom: 62px;
}
.sentence1 .sentence p {
	line-height: 1.4;
}


#contentsArea #mainContents .data {
	width: 489px;
	height: 260px;
}
#contentsArea #mainContents #data1 {
	float: left;
	background-color: #FAFAFA;
	margin-bottom: 20px;
  margin-right: 10px;
}

#contentsArea #mainContents .pagenation {
	text-align: center;
	display: inline-block;
	margin-top: 70px;
	margin-bottom: 70px;
}
.footer_contact .footer_link img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7.5vw;
	right: 0;
	left: 0;
	margin: 0 auto;
	height: auto;
}
.footer_main.clearfix .footer_logo img {
	width: 100%;
	height: 100%;
}
.footer_menu .footer_menucontent a {
	color: #FFFFFF;
}



.pagenation a{
    color: #666666;
    text-decoration: none;
    display: block;
    float: left;
    padding-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 20px;
    font-size: 2em;
    background-color: #F0F0F0;
    margin-right: 6px;
}

.pagenation span{
    color: #FFF;
    text-decoration: none;
    display: block;
    float: left;
    padding-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 20px;
    font-size: 2em;
    background-color: #a3001d;
    margin-right: 6px;
}