@charset "utf-8";
/*=============================================================
Common Layout
=============================================================*/
/* contents
-------------------------------------------------------------*/
.boxContents {
width: 100%;
max-width: 1040px;
padding:100px 20px;
box-sizing:border-box;
margin: 0 auto;
line-height:1.65;
}
.boxContentsGray {
background-color:#f5f5f5;
}
.boxContentsBage {
background-color:#f2eee2;
}
.boxContentsGreen {
background-color:#e6f5d1;
}
.boxContentsBrown {
background-color:#e6e1dc;
}
.boxContentsBlue {
background-color:#D1EBF5;
}
.boxRound{
width: 100%;
max-width: 1040px;
padding:30px;
box-sizing:border-box;
margin:50px auto;
line-height:1.65;
border-radius:15px;
background-color:#ffffff;
}
.box_bd{
border: 1px dashed #AD936B;
margin: 15px 0 15px;
border-radius: 5px;
overflow:hidden;
padding: 5px 10px 10px;
}

.box_circle{
border-radius:50%;
display:table-cell;
vertical-align:middle;
text-align: center;
width:350px;
height:350px;
}

/*=============================================================
#ttlArea
=============================================================*/
#ttlArea{
position:relative;
min-width:1000px;
}
#ttlArea img{
width:100%;
}
/* #topicPath
---------------------------------------------------*/
#topicPath{
position:absolute;
top:15px;
left:30px;
}
#topicPath ul{
font-size:0;
}
#topicPath li{
display:inline-block;
font-size:13px;
padding-right:5px;
line-height:1.35;
}
#topicPath li+li{
padding-left:14px;
position:relative;
}
#topicPath li+li:before{
content:">";
position:absolute;
top:0;
left:0;
}
#topicPath li a{
text-decoration:none;
}
#topicPath li a:hover{
text-decoration:underline;
}
/*=============================================================
ttl
=============================================================*/
.ttlAreaH2{
text-align:center;
font-size:30px;
}
.ttlAreaH2Small{
text-align:center;
font-size:24px;
margin-bottom:30px;
}
.ttlLead{
padding:10px 0 0;
text-align:center;
font-size:24px;
}
.ttlLeadS{
padding:10px 0 0;
text-align:center;
font-size:16px;
}



/* #newsBox
---------------------------------------------------*/



/*=============================================================
label-
badge
=============================================================*/
.label_join{
position:absolute;
display:inline;
right:5px;
top:13px;
padding:5px;
text-align:center;
background:url(/shared/img/bg_join.png) no-repeat top right;
color:#fff;
font-size:16px;
line-height:1.3em;
width:130px;
}
.label_or{
  position:absolute;
  display:inline;
  right:5px;
  top:13px;
  padding:5px;
  text-align:center;
  background:url(/shared/img/bg_or.png) no-repeat top right;
  color:#fff;
  font-size:16px;
  line-height:1.3em;
  width:70px;
}
.badge_gray{
  padding: 2px 5px 3px;
  border-radius: 3px;
  background-color: #767576;
  color: #fff;
  font-size: 14px;
}
.badge_gray_fl{
  padding: 2px 5px 3px;
  border-radius: 3px;
  border: 1px solid #766B76;
  color: #766B76;
  font-size: 14px;
}
.badge_gray_flGrn{
  padding: 2px 5px 3px;
  border-radius: 3px;
  border: 2px solid #537d47;
  color: #537d47;
  font-size: 14px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
Common Layout
=============================================================*/
/* contents
-------------------------------------------------------------*/
.boxContents {
padding:60px 20px;
}
.box_circle{
display:block;
vertical-align:middle;
text-align: center;
margin:0 auto;
}
.box_circle p{
font-size:14px;
}

/*=============================================================
#ttlArea
=============================================================*/
#ttlArea{
min-width:320px;
}
/* #topicPath
---------------------------------------------------*/
#topicPath{
display:none !important;
}
/*=============================================================
ttl
=============================================================*/
.ttlAreaH2{
font-size:26px;
}
.ttlAreaH2Small{
font-size:20px;
}
.ttlLead{
font-size:14px;
}
.ttlLeadS{
font-size:14px;
}


/*=============================================================
label-
=============================================================*/
.label_join{
position:absolute;
display:block;
right:5px;
top:10px;
padding:3px 7px 3px 0;
text-align:center;
background:url(/shared/img/bg_join.png) no-repeat top right;
color:#fff;
font-size:14px;
line-height:1.1em;
width:60px;
}
.label_or{
    position:absolute;
    display:block;
    right:5px;
    top:10px;
    padding:3px 7px 3px 0;
    text-align:center;
    background:url(/shared/img/bg_or.png) no-repeat top right;
    color:#fff;
    font-size:14px;
    line-height:1.1em;
    width:70px;
  }


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:540px){
#aboutArea #aboutBox{
position:absolute;
top:auto;
left:0;
right:0;
bottom:0;
padding:10px 20px;
transform:translate(0,0);
text-align:center;
background: rgba(0,0,0,0.3);
}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{
}