@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
.boxRelative{
  position:relative;
}
ul,ol{padding-left:2em;}


/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
	height:230px;
	background-color:#f5f5f5;
}
#ttl{
	width: 100%;
	padding:0 20px;
	box-sizing: border-box;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
	transform:translateY(-50%);
}
#ttl h1{
/*	color:#338daa;*/
	font-size:48px;
}
@media all and (-ms-high-contrast: none){
#ttl h1{
	padding:20px 0 0;
}
}

figcaption{
	font-size:12px;
	text-align:right;
}

/* list
------------------------------------------------------------ */
/* list_parentheses */
.parenthese {
  padding:0 ;
}

.list_parenthese > li {
  list-style:none;
  counter-increment: cnt;
}
.list_parenthese > li:before {
  content: "（" counter(cnt)"）";
}

.is_p {
  position:relative;
  margin-top:-24px;
  margin-left:32rpx;
  padding:0 16px 0;
}

.list_parenthese_llatin > li {
  list-style:none;
  padding-left: 3em;
  counter-increment: cnt;
  text-indent:-4em;
}
.list_parenthese_lirohaK > li:before {
  content: "（" counter(cnt,lower-latin)"）";
}

.list_parenthese_lirohaK > li {
  list-style:none;
  counter-increment: cnt;
}
.list_parenthese_lirohaK > li:before {
  content: counter(cnt,katakana-iroha)"）";
}


.ol > li {
  list-style-type:decimal;
}
.ol> li{ margin-left:1rem; margin-top:1.6rem;
}
.ol h3{
  border-bottom: 2px solid #BBB;
  padding: 0 0rem 0.1rem;
  margin-bottom:0;
  font-size:16px;
  font-weight:normal;
  display:inline;
  margin-left:-20px;
}
.ol p{ margin-top: 1rem;}
.ol > li:before {
  content: "\002160 - ";
  position:relative;
  left:-45px;
}
.ol > li > p{ margin-left:5px;}

.is_ii > li:before {
  content: "\002161 - ";
  position:relative;
  left:-45px;
}
.is_iii > li:before {
  content: "\002162 - ";
  position:relative;
  left:-45px;
}
.is_iiii > li:before {
  content: "\002163 -";
  position:relative;
  left:-45px;
}

/* ol 丸数字 */
.olcircle {
  counter-reset: olcircle;
  list-style: none;
  padding: 0;
  position:relative;
}

.olcircle > li {
  padding-left: 30px;
  position: relative;
}
.olcircle > li:before {
  content: counter(olcircle);
  counter-increment: olcircle;
  background-color: #6D8177;
  color: #fff;
  display: block;
   position:relative;
  line-height: 22px;
  left: -30px;
  text-align: center;
  height: 26px;
  width: 26px;
  border-radius: 50%;
font-size:24px;
bottom:-33px;
}
.olcircle > li >h3 {  
  display: inline;
  text-align: left;
}

/*=============================================================
privacy
=============================================================*/
#privacyArea > ol> li{
margin-top: 15px;
}
#privacyArea ol > li >ol >li{
list-style: decimal;
margin-left: 1em;
}


/*=============================================================
kaiji
=============================================================*/
#kaiji .h3{
  text-align: left;
}
#kaiji h4 {
 font-size:16px;
 padding:10px 0 0;
 display: inline;
}

#kaiji table {
  border-collapse: collapse;
  color:#333333;
  list-style: none;
  margin: 1rem 0;
  width: 100%;
}

#kaiji table tr > th {
  border: #89916B 1px solid;
  background-color:#DCE4CE;
  color:#366;
  padding: 0.5rem;
  text-align: left;
  vertical-align:text-top;
}

#kaiji table tr > td {
  border: #89916B 1px solid;
  background-color: #fff;
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
  vertical-align:text-top;
}
td.is_td35 { width: 35%;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
MAIN
=============================================================*/
p{ font-size:14px;}
#ttlOuter{
	height:70px;
}
#ttl h1{
	font-size:26px;
}
h2{
font-size:24px;
padding:0 0 30px;
}
h3{
padding:20px 0 16px;
font-size:20px;
}
.h2{
font-size:24px;
padding:0 0 30px;
}
.h3{
padding:20px 0 16px;
font-size:20px;
}
}

/*=============================================================
#linkArea
=============================================================*/
#linkArea{
  width:100%;
  margin:0;
  box-sizing:border-box;
  text-align:center;
}
#linkArea ul{
  font-size:0;
}
#linkArea ul li{
  display:inline-block;
  padding:0 15px;
}
#linkArea ul li a{
  display:block;
  padding:0 0 0 15px;
  font-size:16px;
  position:relative;
}

#linkArea ul li a::before{
  content:"";
  width:6px;
  height:6px;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-3px) rotate(-45deg);
}
@media all and (-ms-high-contrast: none){
#linkArea ul li a::before{
  transform:translateY(-8px) rotate(-45deg);
}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
#linkArea
=============================================================*/
#linkArea{
  margin:60px 0 0;
}
#linkArea ul{
  font-size:0;
}
#linkArea ul li{
  display:inline-block;
  width:100%;
  padding:0;
}
#linkArea ul li a{
  display:inline-block;
  font-size:14px;
}
}