@charset "UTF-8";

/*
  ページ別CSS
*/


/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {
}

#c-main a.a-linkbtn {
  padding: 0.5em 1.5em;
  font-size: 0.9em;
	margin:  2.0em 0 1.0em ;
	border: solid 1px #333;
	width: inherit;
	color: #333;
	text-decoration: none;
}

#c-main a:hover {
	color: #333;
	text-decoration: underline;
}
#c-main a:visited {
	color: #333;
	text-decoration: none;
}

#c-main h2.h2-top {
  font-size: 2.2em;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 300;
  text-align: center;
  color: #333;
  margin: 2.0em 0 ;
}

#c-main .photo-thum {
  width: 100%;
  height: 200px;
  position: relative;
}
#c-main .photo-thum img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
#c-main h2.h2-top {
  margin: 1.5em 0 ;
}

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
}



/***********************************************************
#1 TOP：about
***********************************************************/
#c-main .box-about {
  padding: 0;
  margin: 0 ;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#c-main .box-about h2 {
  font-family: ab-kirigirisu, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0 auto;
  margin: 0.5em auto 0.3em ;
  font-size: 2.5em;
  line-height: 1.5em;
  text-align: center;
  color: #5FC1C9;
  font-weight: 800;
  letter-spacing: 0;
}
#c-main .box-about h3 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 0 auto;
  margin: 0.5em auto 0.8em ;
  font-size: 1.6em;
  line-height: 1.5em;
  text-align: left;
  font-weight: 700;
  color: #666;
  border: none;
}
#c-main .box-about p {
  padding: 0 ;
  margin: 0 auto;
  text-align: left;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
	
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-about {
  margin: 0 auto;
  width: 96%;
  max-width: 98%;
}
	
#c-main .box-about h3 {
  font-size: 1.2em;
}	
	
	
}


/***********************************************************
#1 TOP：RANKING
***********************************************************/
#c-main .box-ranking {
  padding: 0;
  margin: 0 ;
}

#c-main .box-ranking .col-ranking {
  padding: 0 ;
  margin: 0.5em auto;
  width: 1100px;
  max-width: 96%;
  display: flex;
  flex-direction: row;
}
#c-main .box-ranking .col-ranking .col-ranking-co  {
  margin: 0 1%;
  padding: 0 ;
  flex-basis: 31.3333%;
  display: flex;
  flex-direction: column;
}

#c-main .photo-thum p.p-ranking {
  position: absolute;
  top: 5%;
  left: 5%;
  padding: 0 ;
  margin: 0 ;
}
#c-main .photo-thum p.p-ranking img {
  object-fit: none;
  width: auto;
  height: auto;
}


#c-main .box-ranking .col-ranking .col-ranking-co h3  {
  font-size: 1.0em;
  text-align: center;
  margin: 0;
  padding: 1.0em 0;
  border: none;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

	
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-ranking .col-ranking {
  flex-direction: column;
}	
}

/***********************************************************
#1 TOP：アクティビティ
***********************************************************/
#c-main .box-act-top {
  padding: 0;
  margin: 0 ;
}

#c-main .box-act-top .col-act-search {
  padding: 0 ;
  margin: 0 auto 3.5em;
  width: 900px;
  max-width: 96%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#c-main .box-act-top .col-act-search p {
  flex-basis: 22%;
  margin: 0 1%;
}


#c-main .box-act-top .col-act-search .btn_arrow {
    display: table;
    position: relative;
    padding: 1em 2.5em;
    min-width: 15em;
    border: 1px solid #333;
    color: #333;
    font-size: 1.0em;
    font-weight: 400;
	letter-spacing: 0.05em;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
}
#c-main .box-act-top .col-act-search .btn_arrow::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
#c-main .box-act-top .col-act-search .btn_arrow:hover {
    border: 2px solid #333;
    background-color: #333;
    color: #fff;
}

#c-main .box-act-top .col-act-top {
  padding: 0 ;
  margin: 0.5em auto;
  width: 92%;
  max-width: 98%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
#c-main .box-act-top .col-act-top .col-act-top-co  {
  margin: 0 1% 2.5em;
  padding: 0 ;
  flex-basis: 23%;
  display: flex;
  flex-direction: column;
}

#c-main .photo-thum p.p-act {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3em 1.2em ;
  margin: 0 ;
  background: #7EC7A7;
  color: #fff;
  font-size: 0.9em;
}

#c-main .photo-thum p.p-social {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3em 1.2em ;
  margin: 0 ;
  background: #45BAE1;
  color: #fff;
  font-size: 0.9em;
}

#c-main .box-act-top .col-act-top .col-act-top-co h3  {
  font-size: 1.0em;
  text-align: center;
  margin: 0;
  padding: 1.0em 0;
  border: none;
}

#c-main .box-act-top .col-act-top .col-act-top-btn  {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  font-size: 0.9em;
}

#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-detail  {
  padding:0.5em 0;
  margin: 0.3em auto 0.3em 0 ;
  text-align: center;
  flex-basis: 45%;
}
#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-detail a:link,
#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-detail a:visited {
  background: #45BAE1;
  color: #fff;
  text-decoration: none;
  padding:0.3em 0.5em;
  margin: 0 ;
  display: block;
  width: 100%;
}
#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-detail a:hover {
  text-decoration: underline;
}

#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-booking  {
  padding:0.5em 0;
  margin: 0.3em 0 ;
  text-align: center;
  flex-basis: 45%;

}
#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-booking a:link,
#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-booking a:visited {
  background: #5FC1C9;
  color: #fff;
  text-decoration: none;
  padding:0.3em 0.5em;
  margin: 0 ;
  display: block;
  width: 100%;
}
#c-main .box-act-top .col-act-top .col-act-top-btn p.btn-booking a:hover {
  text-decoration: underline;
}

#c-main p.p-btn-search {
  text-align: center;
  margin: 1.0em auto;
}

#c-main p.p-btn-search .btn_arrow {
    position: relative;
    padding: 1em 3.5em;
    min-width: 15em;
    border: 1px solid #333;
    color: #333;
    font-size: 1.0em;
    font-weight: 400;
	letter-spacing: 0.05em;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
}
#c-main p.p-btn-search .btn_arrow::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
#c-main p.p-btn-search .btn_arrow:hover {
    border: 2px solid #333;
    background-color: #333;
    color: #fff;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
#c-main .box-act-top .col-act-search .btn_arrow {
    padding: 1em 1.5em;
    min-width: 10em;
}

#c-main .box-act-top .col-act-top .col-act-top-co  {
  margin: 0 1% 2.5em;
  padding: 0 ;
  flex-basis: 31%;
}	
	
	
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-act-top .col-act-search {
  padding: 0 ;
  margin: 0 auto 3.5em;
  width: 100%;
  max-width: 96%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

#c-main .box-act-top .col-act-search p {
  flex-basis: 48%;
  margin: 0 1% 0.5em;
}

#c-main .box-act-top .col-act-top {
  padding: 0 ;
  margin: 0.5em auto;
  width: 96%;
  max-width: 98%;
  display: flex;
  flex-direction: column;
}	
	
}

/***********************************************************
#1 top rentcycle
***********************************************************/

#c-main .box-rentcycle {
  margin: 3.0em 0 2.0em ;
  padding: 0;
  width: 100%;
  max-width: 100%;
} 

#c-main .col-rentcycle {
  margin: 0 auto;
  padding: 2.0em 2.0em;
  width: 85%;
  max-width: 100%;
  background: url("./images/bg_rentacycle.jpg") no-repeat;
  display: flex;
  flex-direction: row;
} 
#c-main .col-rentcycle-co {
  margin: 0 1.0em ;
  padding: 0;
  color: #fff;
} 
#c-main .col-rentcycle-co h3{
  margin: 0 0 0.5em ;
  padding: 0;
  color: #fff;
  border: none;
} 

#c-main .col-rentcycle-co p.btn-rent{
  margin: 0.5em 0 ;
  padding: 1.0em 0;
} 
#c-main .col-rentcycle-co p.btn-rent a:link,
#c-main .col-rentcycle-co p.btn-rent a:visited{
  margin: 0 ;
  padding: 0.5em 1.5em;
  color: #fff;
  text-decoration: none;
  border: solid 1px #fff;
} 
#c-main .col-rentcycle-co p.btn-rent a:hover{
  text-decoration: underline;
} 

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
#c-main .col-rentcycle {
  padding: 2.0em 2.0em;
  width: 95%;
  background-size: cover;
} 
	
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .col-rentcycle {
  margin: 0 auto;
  padding: 1.0em;
  display: flex;
  flex-direction: column;
} 	
#c-main .col-rentcycle-co {
  text-align: center;
} 	

	
}
	



/***********************************************************
#1 travel
***********************************************************/

#c-main .box-travel {
  margin: 1.0em auto 2.0em ;
  padding: 0;
  width: 100%;
  max-width: 100%;
} 
#c-main .box-travel p {
  text-align: center;
}

#c-main .box-travel li img {
  margin: 0 ;
  padding: 0;
} 



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

	
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

	
#c-main .box-travel {
  margin: 2.0em auto 1.0em ;
} 
#c-main .box-travel h2 {
}
#c-main .box-travel p {
  text-align: center;
}
#c-main .box-travel ul {
  margin: 0 ;
  padding: 0;
}	

}
	



/***********************************************************
#1 news
***********************************************************/

#c-main .box-news {
  margin: 1.0em auto 2.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
} 

#c-main .col-news {
  margin: 0 auto;
  padding: 0 ;
  width: 840px;
  max-width: 96%;
  text-align: center;
} 

#c-main .col-news dl{
  margin: 0 auto;
  padding: 1.0em 0;
  width: 100%;
  max-width: 100%;
  border-top: solid 1px;
  display: flex;
  flex-direction: row;
} 


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
	
}



/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
	
}


/***********************************************************
#1 SNS
***********************************************************/

#c-main .box-sns {
  margin: 1.0em auto 5.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
} 

#c-main .col-sns {
  margin: 0 auto 4.0em;
  padding: 0 ;
  width: 900px;
  max-width: 96%;
  display: flex;
  flex-direction: row;
  justify-content: center;
} 

#c-main .col-sns p {
  margin: 0 2.0em ;
  padding: 0 ;
} 



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
	
}



/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .col-sns {
  margin: 0 auto 4.0em;
  padding: 0 ;
  width: 96%;
  flex-direction: column;
}
#c-main .col-sns p {
  margin: 0 2.0em 2.0em ;
  padding: 0 ;
}
	
}




/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
span.wpcf7-list-item {
  display: block;
}

#c-main table.inquiry {
  width: 100%;
}

#c-main .inquiry th {
    text-align: left;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #fff;
    border: none;
    padding: 2.0em 1.0em 2.0em 0.5em ;
    vertical-align: top;
}
#c-main .inquiry th .inner {
  text-align: left;
  font-size: 14px;
  color: #444;
  position: relative;
  padding : 8px 0 0 0;
  margin: 0;
  display: block;
}
#c-main .inquiry th .must {
  text-align: center;
  font-size: 12px;
  position: absolute;
  padding : 5px 5px;
  color: #C30F18;
  border: #C30F18 solid 1px;
  border-radius: 4px;
  top:2px;
  right :0 ; 
  display: block;
  width: 50px;
}

#c-main .inquiry th .optional {
  text-align: center;
  font-size: 12px;
  position: absolute;
  padding : 5px 5px;
  color: #0066CC;
  border: #0066CC solid 1px;
  border-radius: 4px;
  top:2px;
  right :0 ; 
  display: block;
  width: 50px;
}

#c-main .inquiry td {
    font-size: 13px;
    border: none;
    padding: 2.0em 1.0em ;
}
#c-main .inquiry tr {
  font-size: 13px;
  border-bottom : solid 1px #ccc;
  padding: 1.0em 0 ;
}
#c-main .entry-content .inquiry tr,
#c-main .entry-content table {
    border: none;
}

#c-main .verticallist .wpcf7-list-item {
    display: block
}
#c-main #formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}
#c-main #formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}
td {
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

input.wpcf7-submit,
input.wpcf7-back,
input.wpcf7-confirm {
  display: inline-block;
  padding: 1.0em 3em;
  text-decoration: none;
  color: #fff;
  background:#1BB8CE;
  transition: .4s;
  font-size: 110%;
  margin: 2.0em auto;
}

input.wpcf7-submit:hover,
input.wpcf7-back:hover,
input.wpcf7-confirm:hover {
  color: white;
}


/***********************************************************
#1 アクティビティ詳細ページ用
***********************************************************/

#c-main .col-act-main {
  padding: 0;
  margin:  0.5em auto 1.0em;
  width: 1200px;
  max-width: 98%;
}
#c-main .col-act-main ul {
  padding: 0;
  margin: 0;
}

#c-main .col-act-main img {
  width: 100%;
  object-fit: cover;
  height: 70vh;
}


#c-main .box-activity-info {
  padding: 0;
  margin:  1.5em auto 0.5em;
  width: 1000px;
  max-width: 96%;
}
#c-main .col-activity-info {
  padding: 1.0em 0 0.5em ; 
  margin:  0;
  width: 100%;
  max-width: 96%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .col-activity-info p {
  padding: 0;
  margin: 0 1.0em 0.5em 0 ;
  color: #999;
}

#c-main .col-activity-info span {
  padding: 0;
  margin: 0 0.8em 0 0  ;
  color: #111;
}

#c-main .col-activity-info img.img-icon {
  padding: 0;
  margin: 0 0.5em 0 0 ;
}

#c-main .col-activity-info02 {
  padding: 0.5em 0 1.0em ; 
  margin: 0;
  width: 100%;
  max-width: 96%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .col-activity-info02 p a:link,
#c-main .col-activity-info02 p a:visited {
  color: #fff;
  text-decoration: none;
}

#c-main .col-activity-info02 p a:hover {
  color: #fff;
  text-decoration: underline;
}

#c-main .col-activity-info02 p.p-act {
  padding: 0.3em 1.2em ;
  margin: 0 1.0em 0.5em 0 ;
  background: #7EC7A7;
  color: #fff;
  font-size: 0.9em;
}

#c-main .col-activity-info02 p.p-social {
  padding: 0.3em 1.2em ;
  margin: 0 1.0em 0.5em 0 ;
  background: #45BAE1;
  color: #fff;
  font-size: 0.9em;
}

#c-main .col-activity-info03 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#c-main .col-activity-info03 p{
  padding: 0 0 0.5em ;
  margin: 0 1.0em 0 0 ;
  color: #666;
  font-size: 0.9em;
}

#c-main .col-activity-info03 p a:link,
#c-main .col-activity-info03 p a:visited {
  color: #666;
  text-decoration: none;
  border: solid 1px #666;
  border-radius: 0.2em;
  padding: 0.2em 1.5em;
}

#c-main .col-activity-info03 p a:hover {
  text-decoration: underline;
}

#c-main .col-activity-info04 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .col-activity-info04 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .col-activity-info04 h3 {
  padding: 0 0 0.5em 0.3em ;
  margin: 1.5em 0 1.5em;
  border: none;
  border-bottom: dotted 2px #7EC7A7;
  font-size: 1.6em;
  line-height: 1.5em;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 600;
  text-align: center;
  color: #7EC7A7;
}

#c-main .col-activity-info04-co {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 1.5em;
}
#c-main .col-activity-info04-co-l {
  flex-basis: 30%;
}
#c-main .col-activity-info04-co-r {
  flex-basis: 70%;
  padding: 0 0 0 1.0em;
}
#c-main .col-activity-info04-co-r h4 {
  flex-basis: 70%;
  margin: 0 0 0.5em ;
  padding: 0 ;
  border: none;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}

#c-main .col-activity-info03 p{
  padding: 0 0 0.5em ;
  margin: 0 1.0em 0 0 ;
  color: #666;
  font-size: 0.9em;
}

#c-main .col-activity-info03 p a:link,
#c-main .col-activity-info03 p a:visited {
  color: #666;
  text-decoration: none;
  border: solid 1px #666;
  border-radius: 0.2em;
  padding: 0.2em 1.5em;
}

#c-main .col-activity-info03 p a:hover {
  text-decoration: underline;
}

#c-main .col-activity-info04 {
  padding: 0 0 0.5em ; 
  margin:  0 auto;
  width: 100%;
  max-width: 100%;
}

#c-main h3.head {
    margin:  0;             /* デフォルトCSS打ち消し */
    font-size:  1.2em;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    display:  inline-block; /* インラインブロックにする */
    background-color: #fff; /* 背景色指定 */
    margin-left: 0;      /* 周りの余白指定 */
    padding: 0 10px;        /* 余白指定 */
	border: none;
	color: #000;
}

#c-main .head-wrap {
    position: relative;     /* 位置調整 */
    margin-bottom:0.8em;     /* 周りの余白指定 */
	margin-top: 1.0em;
}
#c-main .head-wrap:before {
    content:  '';           /* 空白の要素を作る */
    background-color: #000; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    width:  100%;           /* 幅指定 */
    height:  1px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
}

#c-main .box-fee {
  padding: 0 ;
  margin:  1.0em 0 0 0.5em ;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .box-fee dl {
  color: #666;
  margin-right: 2.0em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .box-fee dt {
 margin-right: 0.5em;
 padding-right: 0;
}
#c-main .box-fee dd {
  padding-left: 0;
  margin-left: 0;
}
#c-main .box-fee dd span {
  color:#333;
  font-size: 1.1em;
}


#c-main .starttime {
  font-size:1.4em;
}

#c-main .box-etc dl {
  margin-left: 2.0em;
  border-bottom: dotted #999 1px;
  padding-bottom: 0.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .box-etc dt {
  margin-right:  0.8em;
  flex-basis: 120px;
}
#c-main .box-etc dd {
}

#c-main .timeline {
  width: 98%;
  margin: 1.0em auto;
  padding: 1.5em 1.0em 0.5em;
  color: #4D4D4D;
}

#c-main .timeline dl {
  border-bottom: dotted 1px #4D4D4D;
  display: flex;
  flex-direction: row;
}

#c-main .timeline dt {
  padding-bottom: 0.8em;
  margin-right: auto;
}
#c-main .timeline dd {
  width: 70px;
  padding-bottom: 0.8em;
}






#c-main p.btn-dtail {
  color:#fff;
  background: #7EC7A7;
  font-size: 1.2em;
  padding: 1.0em 0 ;
  text-align: center;
  width: 90%;
  margin: 1.0em 5%;
  display: inline-block;
}

#c-main p.btn-dtail a {
  color:#fff;
  text-decoration: none;
}
#c-main p.btn-dtail a:active {
  color:#fff;
  text-decoration: none;
}
#c-main p.btn-dtail a:hover {
  color:#fff;
  text-decoration: underline;
}

#c-main #box-blocktab {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

#c-main #box-blocktab h2 {
  padding: 0;
  margin: 0.3em 0 1.0em 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.6em;
  text-align: center;
  line-height: 140%;
}

#c-main #box-blocktab .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
#c-main #box-blocktab .tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  order: -1;
}
#c-main #box-blocktab .tab-label01,
#c-main #box-blocktab .tab-label02,
#c-main #box-blocktab .tab-label03,
#c-main #box-blocktab .tab-label04,
#c-main #box-blocktab .tab-label05,
#c-main #box-blocktab .tab-label06 {
  color: #333;
  background: LightGray;
  font-weight: 400;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

#c-main #box-blocktab .tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}

#c-main #box-blocktab .tab-label:not(:last-of-type) {
  margin-right: 5px;
}
#c-main #box-blocktab .tab-label01:not(:last-of-type),
#c-main #box-blocktab .tab-label02:not(:last-of-type),
#c-main #box-blocktab .tab-label03:not(:last-of-type),
#c-main #box-blocktab .tab-label04:not(:last-of-type),
#c-main #box-blocktab .tab-label05:not(:last-of-type),
#c-main #box-blocktab .tab-label06:not(:last-of-type) {
  margin-right: 5px;
}
#c-main #box-blocktab .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: #fff;
  border: solid 2px #ccc;
}
/* アクティブなタブ */
#c-main #box-blocktab .tab-switch:checked+.tab-label {
  background: #7EC7A7;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label01 {
  background: #7EC7A7;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label02 {
  background: #7EC7A7;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label03 {
  background: #7EC7A7;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label04 {
  background: #7EC7A7;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label05 {
  background: #7EC7A7;
}
#c-main #box-blocktab .tab-switch:checked+.tab-label06 {
  background: #7EC7A7;
}

#c-main #box-blocktab .tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
#c-main #box-blocktab .tab-switch:checked+.tab-label01+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label02+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label03+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label04+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label05+.tab-content,
#c-main #box-blocktab .tab-switch:checked+.tab-label06+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}

/* ラジオボタン非表示 */
#c-main #box-blocktab .tab-switch {
  display: none;
}

#c-main #box-blocktab ul {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: 0 ;
  padding: 0 ;
}

#c-main #box-blocktab ul li {
  width: 20%;
  max-width: 100%;
  float: left;
  margin: 0.3em 0 ;
  padding: 0 1%;
  list-style: none;
}
#c-main #box-blocktab p {
  margin-left: 1.0em;
}

#c-main #box-blocktab .col-aten {
  width: 98%;
  max-width: 100%;
  margin: 1.0em auto 0.2em;
  padding: 0.3em 0.7em;
  background: #E8F5FF;
  border-radius: 0.3em;
}
#c-main #box-blocktab .col-aten p {
  margin: 0.2em 0 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.2em;
}
#c-main #box-blocktab .col-aten ul {
  margin: 0.2em 0 ;
}
#c-main #box-blocktab .col-aten li {
  float: none;
  list-style-type: disc;/* リストの左側に黒丸 */
  margin-left: 24px;/* リストの左側に余白 */
  text-align: left;
  width: 100%;
  line-height: 120%;
  font-size: 0.8em;
}

#c-main #box-blocktab p.list-pdf {
  text-align: center ;
  padding: 1.0em 0 ;
  margin: 1.0em;
}

#c-main #box-blocktab p.list-pdf a:link,
#c-main #box-blocktab p.list-pdf a:visited {
  padding: 0.5em 1.5em ;
  margin: 0;
  color: #fff;
  text-decoration: none;
  border: solid 1px #fff;
}
#c-main #box-blocktab p.list-pdf a:hover {
  text-decoration: underline;
}


#c-main #box-blocktab .title01 {
}

#c-main #box-blocktab h2 {
 background: #7EC7A7;
 padding: 0.5em 1.0em;
 margin: 0.8em 0 0.5em  ;
 line-height: 1.0em;
 text-align: left;
 color: #fff;
}
#c-main #box-blocktab h3 {
 padding: 0.5em 1.0em 0.5em 0.5em;
 margin: 0.8em 0.5em 1.5em  ;
 line-height: 1.0em;
 text-align: left;
 color: #333;
 font-size: 1.2em;
 border: none;
 border-bottom: solid 1px #333;
 font-weight: 400;
}




#c-main .box-company-summary {
  padding: 0 ;
  margin:  1.0em 0 ;
  display: flex;
  flex-direction: row;
}
#c-main .box-company-summary-l {
  padding: 0 ;
  margin:  0 ;
  flex-basis: 30%;
}
#c-main .box-company-summary-r {
  padding: 0 0 0 1.0em ;
  margin:  0 ;
  flex-basis: 70%;
}
#c-main .box-company-summary-r h2 {
  padding: 0 ;
  margin:  0.5em 0 0.5em ;
  font-weight: normal;
  border: none;
  font-size: 1.4em;
}
#c-main .box-company-summary-r h3 {
  padding: 0 ;
  margin:  0 0 0.5em ;
  color:#666;
  font-weight: bold;
  border: none;
  font-size: 1.2em;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
#c-main .col-act-main img {
  height: 40vh;
}
#c-main .box-activity-info ul {
  padding: 0;
  margin: 0 1.0em 0.8em 0 ;
  float: none;
}
	

	
	
	

}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .col-activity-info04-co {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
}	

#c-main .box-activity-info img.img-icon {
  padding: 0;
  margin: 0 0 0 0 ;
}
#c-main .box-activity-info li {
  margin: 0.5em 0 0.5em 0.5em ;
  width: 46%;
  max-width: 100%;
}	

#c-main #box-blocktab h2 {
  font-size: 2.0em;
}

#c-main #box-blocktab ul li {
  width: 33.33%;
}
#c-main #box-blocktab p {
  margin-left: 1.0em;
}

#c-main #box-blocktab .title01 h2,
#c-main #box-blocktab .title02 h2,
#c-main #box-blocktab .title03 h2,
#c-main #box-blocktab .title04 h2,
#c-main #box-blocktab .title05 h2,
#c-main #box-blocktab .title06 h2 {
 padding: 0.3em 0.2em ;
}

#c-main #box-blocktab .title01 h3,
#c-main #box-blocktab .title02 h3,
#c-main #box-blocktab .title03 h3,
#c-main #box-blocktab .title04 h3,
#c-main #box-blocktab .title05 h3,
#c-main #box-blocktab .title06 h3 {
 margin: 0.5em 0 ;
 font-size: 1.2em;
}
	
	
	
#c-main .box-company-summary {
  padding: 0 ;
  margin:  1.0em 0 ;
  display: flex;
  flex-direction: column;
}
	
}



/***********************************************************
#1 固定ページ用
***********************************************************/

#c-main .col-contact {
  margin: 2.0em auto 3.0em;
  padding: 0;
  width: 90%;
  max-width: 100%;
  padding: 1.0em 2.0em;
  background:  #F2EBD8;
  border: solid #CED0D6 2px;
  border-radius: 0.5em;
} 

#c-main .col-contact .p-tel{
  font-size: 1.5em;
  font-weight: 600;
} 

#c-main .col-renta {
  width: 100%;
  max-width: 100%;
  margin: 1.0em 0 ;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
} 

#c-main .col-renta-co {
  flex-basis: 48%;
  margin: 0 1% 1.0em;
  padding: 1.0em;
} 

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
	
}



/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
#c-main .col-renta {
  flex-direction: column;
} 

}