@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* article
========================================================================================================
*/


/*----------------------------------------
                  visitor
-----------------------------------------*/

article#visitor section p.v-lead01{
  width:95%;
  font-size:20px; font-size:2.0rem;
  font-weight: 900;
  color: #000;
  text-align:center;
  line-height:200%;
  padding:0 15px;
  margin:0 auto 35px auto;
}

@media only screen and (min-width:640px) {
 article#visitor section p.v-lead01{
   width:100%;
   font-size:30px; font-size:3.0rem;
   padding:0;
   margin:0 0 50px 0;
 }
}

article#visitor section p.v-lead02{
  width:90%;
  line-height:200%;
  margin:0 auto 15px auto;
}

@media only screen and (min-width:960px) {
 article#visitor section p.v-lead02{
  width:100%;
  margin:0 auto 30px auto;
 }
}

/*----------------------------------------
                    visitor01
-----------------------------------------*/

article#visitor section div.v-wrap01{
  width:90%;
  margin:0 auto 20px auto; 
}

@media only screen and (min-width:640px) {
 article#visitor section div.v-wrap01{
   width:95%;
   display: flex;
   flex-flow: row nowrap;
   justify-content:space-between;
   margin:0 auto 40px auto; 
 }
}

section div.v-wrap01 div.visitor01{
  width:100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0;
  margin:0 0 40px 0; 
 }

@media only screen and (min-width:640px) {
  section div.v-wrap01 div.visitor01{
    width:calc( ( 100% - 8% ) / 2 );
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    padding: 0;
    margin:0; 
  }
}

div.v-wrap01 div.visitor01 dl{
  width:60%;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width:640px) {
  div.v-wrap01 div.visitor01 dl{
    width:100%;
    padding: 0;
    margin: 20px 0 0 0;
  }
}

div.visitor01 dl dt{
  font-size:18px; font-size:1.8rem;
  font-weight:700;
  line-height: 130%;
  text-align: left;
  margin:0 0 10px 0;  
}

@media only screen and (min-width:640px) {
   div.visitor01 dl dt{
     font-size:20px; font-size:2.0rem;
     text-align: center;
     margin:0 0 15px 0;  
  }
}

div.visitor01 dl dt a{
  color: #6CC50C;
  text-decoration: none;
}

div.visitor01 dl dd{
  font-size: 16px; font-size: 1.6rem;
  line-height:200%;
  padding:0;
  margin:0;
}

@media only screen and (min-width:640px) {
  div.visitor01 dl dd{
   font-size: 14px; font-size: 1.4rem;
   line-height:200%;
   padding:0;
   margin:0;
  }
}

article#visitor section div.v-wrap01 div.visitor01 figure{
  width:35%;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width:640px) {
  article#visitor section div.v-wrap01 div.visitor01 figure{  
    width:100%;
  }
}

article#visitor section div.v-wrap01 div.visitor01 figure a{
  display: block;
  width:100%;
}

article#visitor section div.v-wrap01 div.visitor01 figure a img{
  display: block;
  width:100%;
  max-width:210px;
  margin: 0;
}

@media only screen and (min-width:640px) {
  article#visitor section div.v-wrap01 div.visitor01 figure a img{
  width:100%;
  max-width:inherit;
  margin: 0 auto;
  }
}

/*----------------------------------------
              v-wrap02
-----------------------------------------*/

article#visitor section div.v-wrap02{
  width:100%;
  background:#F4F4F4;
  padding:20px 0 25px 0;
  margin:0 auto 40px auto; 
}


@media only screen and (min-width:640px) {
 article#visitor section div.v-wrap02{
  padding:20px 0 30px 0;
  margin:0 auto 50px auto; 
 }
}

/*---------- v-link01 ---------*/

div.v-wrap02 ul.v-link01{
  margin:0;
}

@media only screen and (min-width:640px) {
 div.v-wrap02 ul.v-link01{
   width: 95%;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   margin: 0 auto;
  }
}

div.v-wrap02 ul.v-link01 li{
  width:90%;
  height:50px;
  font-size:14px; font-size:1.4rem;
  line-height:50px;
  margin:0 auto;
}

@media only screen and (min-width:640px) {
 div.v-wrap02 ul.v-link01 li{
   width:calc( ( 100% - 30px ) / 3);
   height:50px;
   font-size:14px; font-size:1.4rem;
   line-height:50px;
   margin:0 5px 10px 5px;
 }
}

div.v-wrap02 ul.v-link01 li a{
  width:100%;
  height:50px;
  display:block;
  background:url(/common/images/icon03.png) no-repeat 95% 50% #FFF;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  color:#000;
  text-decoration:none;
  padding:0 0 0 15px;
}

@media only screen and (min-width:640px) {
 div.v-wrap02 ul.v-link01 li a{  
   display:block;
   width:100%;
   height:100%;
   background:url(/common/images/icon03.png) no-repeat 95% 50% #FFF;
 }
}

div.v-wrap02 ul.v-link01 li a:hover{
  background:url(/common/images/icon03.png) no-repeat 95% 50% #F9F9DB;
}

/*---------- v-link02 ---------*/

div.v-wrap02 ul.v-link02{
  width:90%;
  display: flex;
  flex-flow: column;
  margin: 30px auto 0 auto;
}

@media only screen and (min-width:640px) {
  div.v-wrap02 ul.v-link02{
   width:100%;
   max-width: 500px;
   display: flex;
   flex-flow: row nowrap;
   align-content: center;
   margin:25px auto 0 auto;
  }
}

div.v-wrap02 ul.v-link02 li{
  width:50%;
  min-width: 240px;
  margin: 0 auto 15px auto;
}

@media only screen and (min-width:640px) {
  div.v-wrap02 ul.v-link02 li{
  width:50%;
  }
}

div.v-wrap02 ul.v-link02 li a{
  position: relative;
  display: block;
  width:240px;
  height: 50px;
  margin: 0 auto;
}

div.v-wrap02 ul.v-link02 li a span{
  width: 100%;
  font-size: 16px; font-size: 1.6rem;
  text-align: center;
  position: absolute;
  top:50%;
  left:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}