@charset "utf-8";
/* CSS Document */
.cloud_fnctitle {
   width:100%;
   background:#003da3;
   color:#fff;
   font-size:36px;
   font-weight:bold;
   padding:60px 0;
   text-align:center;
   margin-bottom:0;
  }
  @media screen and (max-width:768px){
  .cloud_fnctitle {
   width:100%;
   background:#003da3;
   color:#fff;
   font-size:20px;
   font-weight:bold;
   padding:40px 0;
   text-align:center;
  }
  }
 /* ------ �@�\�y�[�W�p ------ */
 ul.triple{width:100%;margin:0 0 20px;padding:0;display: inline-block;}
 ul.triple li{float:left;width:32%;margin:0 2% 0 0;text-align: left;padding: 0;}
 ul.triple li.last{float:left;width:32%;margin:0 0 0 0;}
 ul.triple li{display: block;background: #ffffff;color: #03a9fa;border: 1px solid #03a9fa;padding: 15px 20px 15px 15px;
 	border-radius: 6px;	text-decoration: none;	transition: all 0.5s;}
 ul.triple li a:hover {padding: 20px 10px 20px 15px;	transition: all 0.5s;}
 ul.triple li img {width:40%;margin:0 5% 5px 0;}
 ul.triple li p {color:#666;font-size: 14px;}
 ul.triple.last {margin:0;}
 ul.triple li .r_text {float:right;width:55%;margin:0;}

 ul.triple li {border: 0px solid #03a9fa;}
 ul.triple li h3{text-align:center;font-weight:bold;margin:10px 0;font-size:100%;}
 ul.triple li h3 small{color:#666666;}
 ul.triple li img{border: 1px solid #cccccc;width:90%;margin:0 5%;}

 #index_service h2{margin:0 auto;padding:0;font-size:14px !important;}

 @media print, screen and (max-width:768px) {
 	ul.triple{margin-bottom:0;}
 	ul.triple li{clear:left;width:100%;margin:0 0 30px 0;text-align: left;padding: 0;}
 	ul.triple li.last{clear:left;width:100%;margin:0 0 0 0;}
 }
 @media print, screen and (max-width:480px) {
 	section#index_service ul.triple li a:hover h3 small{color:#ffffff;}
 }

 table.mottel_ta,.mottel_ta td,table.mottel_ta th {
 		text-align:left;
 		font-size:0.9em;
 }
 .mottel_ta td a,table.mottel_ta th a {
 		color:#25B6E8;
 }
 .mottel_ta td a:hover,table.mottel_ta th a:hover {
 		opacity:0.5;
 }
 .align_c{text-align:center;}

 table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
 }
 table th {
  padding: 10px;
  border-bottom: solid 1px #666666;
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size:130%;
 }
 table td {
  padding: 10px;
  border: solid 1px #666666;
  text-align: left;
 }
 table td:first-child {
  background: #e9faf9;
  width:10%;
 }

 table td ul li{
  list-style: decimal;
  margin-left: 30px;
 }
 .block-p p.sub_txt{border-width:0 1px 1px 1px;border-color:#ccc;border-style: solid;padding:10px;line-height: 150%;}
 .block-p h4{background:#003DA3;text-align: center;color:#ffffff;padding:15px 10px;border-width:1px 1px 0 1px;border-color:#003DA3;border-style: solid;font-weight:bold;font-size:130%;}

 strong.under{font-weight: bold;
   background: rgb(255,255,255);
   background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(246,254,146,1) 50%, rgba(246,254,146,1) 100%);
 }
