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


/*=============================================================
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;
}
}

.h2, .h3 {text-align: left;}
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 h3 {
border-bottom: 1px dashed #434343;
padding: 0 0rem 0.3rem;
margin-bottom:0;
font-size:16px;
font-weight:normal;
display:inline;
margin-left:-20px;
}
.ol p { margin-top: 1rem;}
.ol> li{ list-style-type:decimal; margin-left:1rem;
}
.ol > li > p{ margin-top: 0.5em;}
.is_i > li:before {
content: "1 - ";
position:relative;
left:-45px;
}
.is_ii > li:before {
content: "2 - ";
position:relative;
left:-45px;
}
.is_iii > li:before {
content: "3 -";
position:relative;
left:-45px;
}
.is_iiii > li:before {
content: "4 -";
position:relative;
left:-45px;
}

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

.olcircle > li {
padding-left: 30px;
position: relative;
margin-bottom: 0;
padding-bottom: 0;

}
.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;
}

#privacy .olcircle {
counter-reset: olcircle;
list-style: none;
padding: 0;
position:relative;
}

#privacy .olcircle > li {
list-style: none;
padding-left: 1em;
position: relative;
}
#privacy .olcircle > li:before {
content: counter(olcircle);
counter-increment: olcircle;
background-color: #516F98;
color: #fff;
display: block;
position:relative;
left: -1.6em;
text-align: center;
height: 1.2em;
width: 1.2em;
border-radius: 50%;
font-size:1em;
bottom:-1.4em;
}
#privacy .olcircle > li >h4 {
display: inline;
text-align: left;
}
#privacy .olcircle > li >p {
margin-left: 0.5rem;
margin-top: 0;
padding-top: 0;
}

/*=============================================================
字下げ
=============================================================*/
.ol.is_ii >li { margin-top: 2rem;}
.ol.is_ii >li:first-child { margin-top: 0;}
.ol.is_ii > li p:first-child { margin-top: -1.7em; }
.ol.is_ii > li p { margin-left: 0.5rem;}

.ol.is_iii >li { margin-top: 2rem;}
.ol.is_iii >li:first-child { margin-top: 0;}
.ol.is_iii > li p:first-child { margin-top: -1.7em; }
.ol.is_iii > li p { margin-left: 0.5rem;}

.ol.is_iiii >li { margin-top: 2rem;}
.ol.is_iiii >li:first-child { margin-top: 0;}
.ol.is_iiii > li p:first-child { margin-top: -1.7em; }
.ol.is_iiii > li p { margin-left: 0.5rem;}


/*=============================================================
kaiji
=============================================================*/
#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%;}

#kaiji .ol > li {
list-style-type:decimal;
}
#kaiji .ol> li{ margin-left:25px; margin-top:1.6rem; padding-left: 0.6em;  text-indent: -2em;
}
#kaiji .ol > li:before {
content: "\002160 - ";
position:relative;
left:-25px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
MAIN
=============================================================*/
p{ font-size:16px;}
#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;
}
}