/*---------------------------------------------------
*
* base
*
----------------------------------------------------*/
@font-face {font-family: "YuGothic M";src: local(Yu Gothic Medium)}
html {
  font-size: 62.5%;
}
body{
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-text-size-adjust: 100%;
  font-family:'Roboto','ヒラギノ角ゴシック Pro',"Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic,"游ゴシック Medium", "YuGothic M","メイリオ","Meiryo",sans-serif;
  font-weight:normal;
}
a{ text-decoration:none; }
p{ line-height:1.7;}
/*---------------------------------------------------
*
* clearfix & reset
*
----------------------------------------------------*/
/*--clearfix--*/
.cf:before, .cf:after {
  content:"";
  display:table;
}
.cf:after {clear:both;}
.cf {zoom:1;}

/*reset*/
button, input, select, textarea{
　-webkit-appearance: none;
  font-family : inherit;
}

/*--box sizing--*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*---------------------------------------------------
*
* common
*
----------------------------------------------------*/
.container{
  max-width: 1020px;
  margin:0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
img{
  max-width: 100%;
  height:auto;
}

/*---------------------------------------------------
*
* parts
*
----------------------------------------------------*/
/*--pagetop--*/
.pagetopBtn {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetopBtn a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/*下層等ページ見出し*/
 .subPageTtl{
   margin:0 0 75px;
   font-size: 25px;
   font-size: 2.5rem;
   color:#fff;
   background: #10c3e2;
   padding:48px 10px;
   text-align:center;
   line-height:1.4;
 }

/*--secttl--*/
.secTtl{
  color: #03b3d3;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.secTtl .maker{
  background: #ffe672;
  background: linear-gradient(transparent 60%,#ffe672 60%);
}

/*--articleList--*/
.articleList{
  margin-left: -2.5%;
}
.articleList li{
  margin: 0 0 28px 2.5%;
  width:47.5%;
  float:left;
  padding: 15px 28px;
  background: #fff;
  border:3px solid #03b3d3;
  text-align:left;
}
.articleList li a{
  color:#03b3d3;
}
.articleList li .ttl{
  margin:0 0 10px;
  padding:0 0 10px;
  color:#03b3d3;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #03b3d3;
}
.articleList li .ttl .small{
  display:block;
  font-size: 15px;
  font-size: 1.5rem;
}
.articleList li strong{
  color:#ff0000;
  font-weight: normal;
}

/*--borderBtn--*/
.borderBtn{
  display: inline-block;
  padding: 0.8em 15px;
  color: #109eb8;
  background: #fff;
  border: 4px solid #109eb8;
  text-align: center;
  transition: 0.3s;
}
.borderBtn:hover{
  color: #fff;
  background: #109eb8;
}
  /*thin*/
  .borderBtn.thin{
    border: 3px solid #109eb8;
  }

/*boxColor  背景色ありのセクション用*/
.boxColor{
  background: #f2f2f2;
}

/*---------------------------------------------------
*
* header
*
----------------------------------------------------*/
.headerFixid #pcNavWrap .list a{
  padding: 14px 5px;
}
.headerFixid #pcNavWrap .name img{
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
}
.headerFixid .subNavi li{
  padding:10px 15px;
}
#header{
  background: #fff;
  border-bottom: 2px solid #03b3d3;
  transform: translate3d(0, 0, 0);
}
/*fixed style
#header.fixed{
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index: 9999;
  box-shadow:0px 2px 5px -3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 2px 5px -3px rgba(0,0,0,0.4);
  -webkit-box-shadow:0px 2px 5px -3px rgba(0,0,0,0.4);

}
#header.fixed #pcNavWrap .list a{
  padding: 14px 12px;
}
#header.fixed #pcNavWrap .name img{
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
}
#header.fixed .subNavi li{
  padding:10px 15px;

}*/
/*--pc-navi--*/
#pcNavWrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: table;
}
#pcNavWrap .name{
  padding: 0 10px;
  width: 25%;
  display: table-cell;
  vertical-align: middle;

}
#pcNavWrap .name img{
 -webkit-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -ms-transition:all 0.3s;
 -o-transition:all 0.3s;
 transition:all 0.3s;
}
#pcNavWrap .list {
  width: 100%;
  display: table;
  text-align: right;
  vertical-align: middle;
  border-right:2px solid #03b3d3;
}
#pcNavWrap .list li{
  display: table-cell;
  font-weight: bold;
  transition: 0.2s;
  font-size: 15px;
  font-size: 1.5rem;
  border-left:2px solid #03b3d3;
}
#pcNavWrap .list a{
  width: 100%;
  padding: 20px 5px;
  color: #0088a0;
  transition: 0.2s;
  display: inline-block;
  text-align: center;
}
#pcNavWrap .list a:hover{
  background: #03b3d3;
}
#pcNavWrap .list li:hover a{
  color: #fff;
}
#pcNavWrap .list .current{
  padding: 20px 5px;
  color: #fff;
  background: #03b3d3;
  position:relative;
}
#pcNavWrap .list .balloon:after{
  content:"";
  background: url(../img/common/balloon.png);
  width:21px;
  height:18px;
  position:absolute;
  bottom: -5px;
  left:0;
  right:0;
  margin: auto;
}
/*
#pcNavWrap .list .currentOn{
  position: relative;
}
#pcNavWrap .list .currentOn:after,
#pcNavWrap .list .currentOn:before {
	bottom: -2px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#pcNavWrap .list .currentOn:after {
	border-color: rgba(255, 250, 228, 0);
	border-bottom-color: #fffae4;
	border-width: 8px;
	margin-left: -8px;
}
#pcNavWrap .list .currentOn:before {
	border-color: rgba(3, 179, 211, 0);
	border-bottom-color: #03b3d3;
	border-width: 11px;
	margin-left: -11px;
}
*/

/*--pcSubNavi--*/
.subNavi{
  background: #fffae4;
  border-top: 2px solid #03b3d3;
  text-align: center;
}
.subNavi li{
  padding: 15px;
  display: inline-block;
}
.subNavi li a{
  color: #1090a6;
}
/*---------------------------------------------------
*
* top
*
----------------------------------------------------*/
.mainImgBox{
  /* margin: 0 0 65px; */
  margin: 32px 0 65px;
  position:relative;
}
/*
.mainImgBox .image{
  width: 100%;
}
*/
.mainImgBox .btn{
  position: absolute;
  display: block;
  right: 15%;
  bottom: -60px;
}
.mainImgBox .btn img{
  width:100px;
}

/*--topNewsBox--*/
.topNewsBox{
  margin-bottom: 80px;
}
.topNewsBox .secTtl{
  margin: 0 0 40px;
  text-align: center;
}
.topNewsBox .wrap{
  margin: 0 0 35px;
  padding: 0 0 35px;
  border-bottom: 1px solid #c4c4c4;
}
.topNewsBox .subTtl{
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}
.topNewsBox .newsArea{
  width: 47%;
  float: left;
}
.topNewsBox .eventArea{
  width: 47%;
  float: right;
}
.topNewsBox .eventArea .btnArea{
  margin: 20px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid #c4c4c4;
}
.topNewsBox .stateArea{
  width: 47%;
  float: left;
}
.topNewsBox .otherArea{
  padding: 100px 0 0 ;
  width: 47%;
  float: right;
}
/*list*/
.topNewsBox .entry{
  margin: 0 0 13px;
  display: table;

}
.topNewsBox .entry dt{
  color: #0097b3;
  font-size: 13px;
  font-size: 1.3rem;
  width: 6em;
  display: table-cell;
  font-weight: bold;
}
.topNewsBox .entry dd{
  display: table-cell;
  line-height: 1.5;
}
.topNewsBox .entry dd a{
  color:#333;
}
/*close*/
.topNewsBox .entry dd.close a{
  color:#999;
}
/*btn*/
.topNewsBox .btn{
  padding: 0.8em 15px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #03b3d3;
  text-align: center;
  box-shadow:0px 4px 0px 0px #e0e0e0;
  -moz-box-shadow:0px 4px 0px 0px #e0e0e0;
  -webkit-box-shadow:0px 4px 0px 0px #e0e0e0;
  border: 4px solid #03b3d3;
  transition: 0.3s;

}
.topNewsBox .btn:hover{
  color: #03b3d3;
  border: 4px solid #03b3d3;
  background: #fff;
}

/*--topPointBox--*/
.topPointBox{
  padding: 70px 0;
}
.topPointBox .secTtl{
  margin-bottom: 25px;
}
.topPointBox .main{
  width: 56.5%;
  float: left;
}

.topPointBox .main .txt{
  font-size: 16px;
  font-size: 1.6rem;
  margin:0 0 35px;
}
.topPointBox .main .txt a{
  color:#03b3d3;
}
.topPointBox .ph{
  width: 33.7%;
  float: right;
}
.topPointBox .borderBtn{
  max-width: 385px;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}
/*bg*/
.topPointBox.bgColor{
  background: #e6f1f3;
}
/*reverse*/
.topPointBox.reverse .main{
  float: right;
}
.topPointBox.reverse .ph{
  float: left;
}

/*--topFamilyBox--*/
.topFamilyBox{
  padding: 110px 10px;
  text-align: center;
  background: url(../img/top/bg_ph01.jpg) center top no-repeat;
  -webkit-background-size: cover;
  background-size:cover;
  color: #fff;
}
.topFamilyBox .ttl{
  margin: 0 0 10px;
  font-size: 29px;
  font-size: 2.9rem;

}
.topFamilyBox .guide{
  margin: 0 0 15px;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: bold;
}
.topFamilyBox .btn{
  color: #fff;
  margin: 0 auto;
  padding: 0.8em 15px;
  max-width: 338px;
  display: block;
  border: 3px solid #fff;
  font-size: 18px;
  font-size: 1.8rem;
  transition: 0.3s;
}
.topFamilyBox .btn:hover{
  opacity: 0.5;
}

/*--topAboutBox
.topAboutBox{
  padding: 95px 0;
  text-align: center;
  background: #e6f1f3;
}
.topAboutBox .secTtl{
  margin: 0 0 28px;
}
.topAboutBox .list {
  padding: 10px;
  margin: 0 auto 38px;
  max-width: 892px;
  text-align: center;
}
.topAboutBox .list li{
  margin-right: 2.9%;
  width: 31%;
  display: inline-block;
}
.topAboutBox .list li.last{
  margin-right: 0;
}
.topAboutBox .txt{
  color: #446c73;
  font-size: 16px;
  font-size: 1.6rem;
}
*/

/*--topCaseBox--*/
.topCaseBox{
  padding: 80px 10px;
  text-align: center;
}
.topCaseBox .ttl{
  margin:0 0 30px;
  color: #0088a0;
 font-size: 27px;
  font-size: 2.7rem;
}
.topCaseBox .guide{
  color: #0088a0;
  font-size: 22px;
  font-size: 2.2rem;
}
.topCaseBox .btnListWrap{
  margin: 0 auto;
  max-width: 640px;
}
.topCaseBox .btnList{
  margin-left: -2%;
}
.topCaseBox .btnList li{
  margin: 0 0 15px 2%;
  width: 48%;
  float: left;
  text-align: left;
  box-shadow: 0px 5px 0px 0px #e0e0e0;
  -moz-box-shadow: 0px 5px 0px 0px #e0e0e0;
  -webkit-box-shadow: 0px 5px 0px 0px #e0e0e0;
}
.topCaseBox .btnList li a{
  padding: 8px 15px ;
  display: block;
  width: 100%;
  height: 100%;
  color: #0088a0;
  border: 2px solid #109eb8;
  transition: 0.1s;

}
.topCaseBox .btnList li a:hover{
  box-shadow: 0 0 0 2px #109eb8 inset;
}
.topCaseBox .btnList .icon{
  margin-right: 10px;
  vertical-align: middle;
}
.topCaseBox .btnList span{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  line-height: 1.3;
}

/*--topContactBox--*/
.topContactBox{
  width: 100%;
  display:table;
}
.topContactBox .inner{
  max-width: 475px;
  padding: 35px 0;
}
/*telArea*/
.topContactBox .telArea{
  width: 50%;
  display:table-cell;
  background: #40a6b8;
  color: #fff;
}
.topContactBox .telArea .inner{
  margin-right: 25px;
  margin-left: auto;
}
.topContactBox .telArea .ttl{
  margin: 0 15px 0 0;
  padding: 5px 10px;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #fff;
  vertical-align: middle;
}
.topContactBox .telArea .num{
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  vertical-align: middle;
}
.topContactBox .telArea .num img{
  margin-right: 10px;
  vertical-align: top;
}
.topContactBox .telArea .txt{
  margin: 20px 0 0;

}
/*accessArea*/
.topContactBox .accessArea{
  width: 50%;
  display:table-cell;
  background: #ffe672;
  color: #77550b;
}
.topContactBox .accessArea .inner{
  margin-left: 25px;
  margin-right: auto;
}
.topContactBox .accessArea .ttl{
  margin: 0 0 15px;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
}
.topContactBox .accessArea .txt{
  margin: 0 0 15px;
}
.topContactBox .accessArea .borderBtn{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
/*---------------------------------------------------
*
* news
*
----------------------------------------------------*/
#id_news .mainCol{
  margin: 75px 0 0;
  width: 76.5%;
  float: left;
}
#id_news .sideCol{
  margin: 75px 0 0;
  width: 21.3%;
  float: right;

}
/*listPager*/
.listPager {
  margin: 0 0 100px;
}
.listPager a{
  color: #40a6b8;
  padding: 8px 10px;
  display: inline-block;
  border: 3px solid #40a6b8;
}
.listPager .prev{
  float: left;
}
.listPager .next{
  float: right;
  text-align: right;
}

/*entryPager*/
.entryPager{
  margin-bottom: 100px;
  clear: both;
  text-align: center;
}
.entryPager a{
  margin: 0 5px;
  color: #40a6b8;
  padding: 8px 10px;
  display: inline-block;
  border: 3px solid #40a6b8;
}

/*--newsListBox--*/
.newsListBox{
  margin: 0 0 25px;
}
.newsListBox dl{
  width: 100%;
  padding: 13px 0;
  display: table;
  border-bottom: 1px solid #cdcdcd;
}
.newsListBox .entryDate{
  display:table-cell;
  width: 14em;
  color: #20aec7;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
.newsListBox .date{
  line-height: 1.5;
  margin-right: 1em;
  vertical-align: top;
}
.newsListBox .category a{
  width: 7em;
  display: inline-block;
  padding: 5px 0.2em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background: #cbb24c;
  text-align: center;
}
.newsListBox .title{
  display: table-cell;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
  vertical-align: top;
}
.newsListBox .title a{
  color: #000;
}
/*close*/
.newsListBox .title.close a{
  color:#999;
}

/*--sideBox--*/
.newsSideBox{
  margin: 0 0 15px;
  padding: 20px 20px 15px;
  background: #fffae4;
}
.newsSideBox .ttl{
  margin: 0 0 15px;
  padding: 0 0 12px;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 2px solid #d1ba5d;
}
.newsSideBox .list li{
  margin-bottom: 0.6em;
}
.newsSideBox .list a{
  color: #0088a0;
}
/*--newsEntryBox--*/
.newsEntryBox{
  margin: 0 0 80px;
}
.newsEntryBox .date{
  margin-right: 10px;
  width: 14em;
  color: #20aec7;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
.newsEntryBox .category a{
  display: inline-block;
  padding: 7px 1.2em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background: #cbb24c;
  text-align: center;
}
.newsEntryBox .ttl{
  margin: 15px 0 50px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
.newsEntryBox .txt p{
  margin-bottom: 1em;
}
.newsEntryBox .txt p a{
  color: #0088a0;
}

/*---------------------------------------------------
*
* consult
*
----------------------------------------------------*/
/*--consultInfoBox--*/
.consultInfoBox{
  margin:65px auto;
}
.consultInfoBox .inner{
  margin: 0 auto;;
  max-width:770px;
}
.consultInfoBox .lead{
  margin: 0 0 25px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #03b3d3;
}
.consultInfoBox .txt{
  font-size: 16px;
  font-size: 1.6rem;
  text-align:center;
}

/*whatsBox*/
.whatsBox {
  padding:75px 0;
}
.whatsBox .secTtl{
  margin:0 0 40px;
  text-align:center;
}
.whatsBox .txt{
  margin:0 0 45px;
  width:47%;
  float:left;
}
.whatsBox .txt .bold{
  font-weight: bold;
}
.whatsBox .feeArea{
  margin:0 0 45px;
  width:50%;
  float:right;
}
.whatsBox .feeArea li{
  padding:20px 10px;
  float:left;
  width:49%;
  background: #fff;
  border:3px solid #03b3d3;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align:center;
}
.whatsBox .feeArea li:first-child{
  margin-right: 2%;
}

/*flowArea*/
.whatsBox .flowArea{
  padding:20px 40px;
  clear:both;
  border:3px solid #03b3d3;
  background: #fff;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.whatsBox .flowArea .guide{
  width:29%;
  float:left;
  font-size: 20px;
  font-size: 2rem;
  color:#03b3d3;
  line-height:1.5;
}
.whatsBox .flowArea ul{
  width:70%;
  float:right;
}
.whatsBox .flowArea li{
  width:47%;
  display:inline-block;
}
.whatsBox .flowArea .flow{
  max-width:70%;
  float:right;
}

/*--calendarBox--*/
.calendarBox{
  padding:75px 0;
}
.calendarBox .secTtl{
  margin-bottom: 40px;
  text-align:center;
}
.calendarBox .calenderArea{
  width:44%;
  margin: 2.0833% auto;
  float:left;
}
.calenderArea .googleCal {
position: relative;
padding-bottom: 130%; /* 縦横比 */
height: 0;
}
.calenderArea .googleCal iframe,
.calenderArea .googleCal object,
.calenderArea .googleCal embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.calendarBox .centerArea {
  width:53%;
  float:right;
}
.calendarBox .centerArea .subTtl{
  margin:0 0 10px;
  padding:5px 15px;
/*background: #00a2bf;*/
  color:#fff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align:center;
}
.calendarBox .centerArea ul{
  margin-left: -1.85%;
}
.calendarBox .centerArea li{
  margin: 0 0 10px 1.85%;
  width:48.15%;;
  float:left;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height:1.2;
}
.calendarBox .centerArea li.long{
  width:98.15%;
}
.calendarBox .centerArea li a{
  padding:12px;
  color:#ccc;
  display:block;
  /*border:2px solid #ccc;*/
  position: relative;
}
.calendarBox .centerArea li a:after{
  display: inline-block;
  position: absolute;
  content: "";
  width: 8px;
  height: 14px;
  background-image: url(../img/common/btn_arrow.png);
  -webkit-background-size: contain;
  background-size: contain;
  top: 0;
  bottom:0;
  right: 10px;
  margin: auto;
}
  /* カラーバリエーション */
  .calendarBox .centerArea li a{
    color:#fff;
    background:#03b3d3;
  }
  .calendarBox .centerArea li a:after{
    background-image: url(../img/consult/arrow_white.png);
  }

  /*co01
  .calendarBox .centerArea li.co01 a{
    background: #B5515D;
  }
  /*co02
  .calendarBox .centerArea li.co02 a{
    background: #97AB03;
  }
  /*co03
  .calendarBox .centerArea li.co03 a{
    background:#9643A5;
  }
  /*co04
  .calendarBox .centerArea li.co04 a{
    background:#668CB3;
  }
  /*co05
  .calendarBox .centerArea li.co05 a{
    background:#3C995B;
  }
  /*co06
  .calendarBox .centerArea li.co06 a{
    background:#536CA6;
  }
  /*co07
  .calendarBox .centerArea li.co07 a{
    background:#E67399;
  }
  /*co08
  .calendarBox .centerArea li.co08 a{
    background:#D47F1E;
  }
  /*co08
  .calendarBox .centerArea li.co09 a{
    background:#E6804D;
  }
*/

  /*co01
  .calendarBox .centerArea li.co01 a{
    color:#B5515D;
    border:2px solid #B5515D;
  }
  .calendarBox .centerArea li.co01 a:after{
    background-image: url(../img/common/btn_arrow_color01.png);

  }
  /*co02
  .calendarBox .centerArea li.co02 a{
    color:#97AB03;
    border:2px solid #97AB03;
  }
  .calendarBox .centerArea li.co02 a:after{
    background-image: url(../img/common/btn_arrow_color02.png);
  }
  /*co03
  .calendarBox .centerArea li.co03 a{
    color:#9643A5;
    border:2px solid #9643A5;
  }
  .calendarBox .centerArea li.co03 a:after{
    background-image: url(../img/common/btn_arrow_color03.png);
  }
  /*co04
  .calendarBox .centerArea li.co04 a{
    color:#668CB3;
    border:2px solid #668CB3;
  }
  .calendarBox .centerArea li.co04 a:after{
    background-image: url(../img/common/btn_arrow_color04.png);
  }
  /*co05
  .calendarBox .centerArea li.co05 a{
    color:#3C995B;
    border:2px solid #3C995B;
  }
  .calendarBox .centerArea li.co05 a:after{
    background-image: url(../img/common/btn_arrow_color05.png);
  }
  /*co06
  .calendarBox .centerArea li.co06 a{
    color:#536CA6;
    border:2px solid #536CA6;
  }
  .calendarBox .centerArea li.co06 a:after{
    background-image: url(../img/common/btn_arrow_color06.png);
  }
  /*co07
  .calendarBox .centerArea li.co07 a{
    color:#E67399;
    border:2px solid #E67399;
  }
  .calendarBox .centerArea li.co07 a:after{
    background-image: url(../img/common/btn_arrow_color07.png);
  }
  /*co08
  .calendarBox .centerArea li.co08 a{
    color:#D47F1E;
    border:2px solid #D47F1E;
  }
  .calendarBox .centerArea li.co08 a:after{
    background-image: url(../img/common/btn_arrow_color08.png);
  }
  /*co09
  .calendarBox .centerArea li.co09 a{
    color:#E6804D;
    border:2px solid #E6804D;
  }
  .calendarBox .centerArea li.co09 a:after{
    background-image: url(../img/common/btn_arrow_color09.png);
  }
*/

.calendarBox .centerArea a .single{
  position: absolute;
  top: 50%;
  margin-top: -1.0rem;
}
.calendarBox .centerArea .town{
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
}

/*--caseBox--*/
.caseBox{
  padding:80px 0;
  text-align:center;
}
.caseBox .secTtl{
  margin:0 0 40px;
}
.caseBox .caseTtl{
  margin:0 0 25px;
  padding:0 0 8px;
  color:#03b3d3;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  border-bottom: 3px solid #03b3d3;
}
.caseBox .guide{
  margin:0 0 25px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

/*caseList*/
.caseBox .caseList dt{
  margin:0 0 10px;
  color:#03b3d3;
  font-size: 18px;
  font-size: 1.8rem;
}
.caseBox .caseList dd{
  margin:0 0 30px;
  padding:18px;
  background: #fff;
}
.caseBox .caseList dd li{
  text-indent:-1em;
  padding-left: 1em;
  line-height:1.6;
  text-align:left;
}
.caseBox .note{
  margin:0 0 85px;
}



/*--processBox--*/
.processBox .secTtl{
  padding:45px 0;
  text-align:center;
 }


/*list*/
.processBox{
}
.processBox .processList{
  text-align:center;
}
.processBox .processList > li{
  margin:0 0 40px;
  padding:40px 10px;
  position:relative;
  background: #f0f6f7;
}
.processBox .processList > li:before{
  content:"";
  position:absolute;
  width: 0;
  height: 0;
  left:0;
  right:0;
  margin:auto;
  bottom:-28px;
  border-style: solid;
  border-width: 15px 17.5px 0 17.5px;
  border-color: #03b4d3 transparent transparent transparent;
}
.processBox .processList > li.last:before{
  border:none;
}
.processBox .processList .number{
  margin:0 0 10px;
}
.processBox .processList .ttl{
  margin:0 0 30px;
  font-size: 22px;
  font-size: 2.2rem;
  color:#03b3d3;
  font-weight: bold;
}
.processBox .processList .txt{
  font-size: 18px;
  font-size: 1.8rem;
 }
 .processBox .processList .txt .big{
   font-size: 28px;
   font-size: 2.8rem;
   font-weight: bold;
 }
 .processBox .processList .telIcon{
   margin:0 5px 5px 0;
   width:28px;
   vertical-align:middle;
 }
 .processBox .processList a{
   color:#00B3D3;
 }
 .processBox .processList a.underline{
   border-bottom:1px solid #00B3D3;
 }
 .processBox .definitionList dt{
   cursor:pointer;
 }
.processBox .definitionList dt:hover{
  background: #E7EFF0;
}
.processBox .definitionList dt:after{
  margin-left: 10px;
  content:"";
  display:inline-block;
  background:url(../img/common/arrow_btm.png) center top no-repeat;
  width:17px;
  height:9px;
  -webkit-background-size: contain;
  background-size:contain;
  vertical-align:middle;
}
.processBox .definitionList dd{
  display:none;
}
.processBox .definitionList dd .space{
  margin-right: 1.5em;
}

 /*--afterBox--*/
 .afterBox{
   padding-top:80px;
   text-align:center;
 }
 .afterBox .secTtl{
   margin:0 0 40px;
 }
 .afterBox > .info{
  margin:0 0 40px;
  font-size: 18px;
  font-size: 1.8rem;
 }
 /*afterList
 .afterBox .afterList{
   margin-left: -2.5%;
}
 .afterBox .afterList li{
  margin: 0 0 28px 2.5%;
  width: 47.5%;
  float: left;
  padding: 15px 20px;
  background: #fff;
  border: 3px solid #03b3d3;
  text-align: left;
}
.afterBox .afterList .ttl{
  margin: 0 0 10px;
  padding: 0 0 10px;
  color: #03b3d3;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #03b3d3;
 }*/
 /*feeArea*/
 .afterBox .feeArea{
   padding:65px 10px;
   background:#f0f6f7;
   margin:0 auto;
 }
 .afterBox .feeArea .ttl{
    margin: 0 0 30px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #03b3d3;
    font-weight: bold;
}
.afterBox .feeArea .info{
   margin:0 0 40px;
   font-size: 18px;
   font-size: 1.8rem;
   line-height:1.8;
}

/*--supportBox--*/
.supportBox{
  padding:80px 10px 0;
  margin-bottom:90px;
  text-align:center;
}
.supportBox .secTtl{
  margin:0 0 40px;
}
.supportBox .info{
  margin:0 0 25px;
  font-size: 18px;
  font-size: 1.8rem;
}
.supportBox .detailArea{
  padding:40px 10px 20px;
  background: #f0f6f7;
}
/*definitionList-共通*/
.definitionList{
  margin:0 auto;
  max-width:770px;
}
.definitionList dt{
  padding: 14px 0;
  font-size: 18px;
  font-size: 1.8rem;
  color:#03b3d3;
  border-bottom: 1px solid #bfd5d9;
}
.definitionList dd{
  margin:0 0 35px;
  padding:30px;
  text-align:left;
  background: #fff;
  border-bottom: 1px solid #bfd5d9;
}
.definitionList dd a{
  color:#03b3d3;
  text-decoration:underline;
}
/*list style*/
.definitionList li{
  line-height:1.7;
}
.definitionList li.margin{
  margin-bottom: 1em;
 }
.definitionList ul li{
  text-indent:-1em;
  padding-left: 1em;
}
.definitionList ol li{
   margin-left: 1.3em;
   list-style:decimal;
 }
 /*text style*/
 .definitionList .small{
   font-size: 13px;
   font-size: 1.3rem;
 }
 .definitionList .colorTxt{
   color:#03b3d3;
 }

 /*--下層（各相談窓口詳細）--*/

 .consultSubTtl{
   margin:0 auto 60px;
   text-align:center;

 }
 .consultSubTtl .ttl{
   margin:0 0 28px;
   font-size: 24px;
   font-size: 2.4rem;
   color:#03b3d3;
 }
.consultSubTtl .txt{
  font-size: 16px;
  font-size: 1.6rem;
  line-height:2;
}


/*--sptGuideBox--*/
.sptGuideBox{
  padding:0 10px;
  margin:0 auto 60px;
  max-width:770px;
}
  /*support01のみ*/
  .sptGuideBox .contact{
    margin:40px 0;
    font-size: 34px;
    font-size: 3.4rem;
  }

.sptGuideBox .txt{
  margin: 0 0 20px;
  text-align:left;
}
.sptGuideBox a{
  color:#10c3e2;
  text-decoration:underline;
}
.sptGuideBox .section{
  margin:0 0 60px;
}
.sptGuideBox .subTtl{
  margin:0 0 30px;
  color:#03b3d3;
  font-size: 20px;
  font-size: 2rem;
  text-align:center;
  line-height:1.3;
}
.sptGuideBox  .block{
  margin:0 0 20px;
  padding:20px;
  background:#f1f1f1;
  line-height:1.7;
}
  /*telIcon*/
  .sptGuideBox .telIcon_large{
    margin:0 5px 5px 0;
    width:30px;
    vertical-align:middle;
  }
  .sptGuideBox .telIcon_medium{
    margin:0 5px 5px 0;
    width:20px;
    vertical-align:middle;
  }
  .sptGuideBox .telIcon_small{
    margin:0 5px 5px 0;
    width:15px;
    vertical-align:middle;
  }
  /*txt style*/
  .sptGuideBox .centerTxt{
    text-align:center;
  }
  .sptGuideBox .boldTxt{
    font-weight: bold;
  }
  .sptGuideBox .colorTxt{
    color:#03b3d3;
  }
  .sptGuideBox .mediumTxt{
    font-size: 16px;
    font-size: 1.6rem;
  }
  .sptGuideBox .largeTxt{
    font-size: 20px;
    font-size: 2rem;
  }
  .sptGuideBox .xlargeTxt{
    font-size: 22px;
    font-size: 2.2rem;
  }
  .sptGuideBox .xxlargeTxt{
    font-size: 24px;
    font-size: 2.4rem;
  }
  .sptGuideBox .xxxlargeTxt{
    font-size: 26px;
    font-size: 2.6rem;
  }
  .sptGuideBox .afterArrow{
    display:block;
    position:relative;
  }
  .sptGuideBox .afterArrow:after{
    position:absolute;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 15px 0 15px;
    border-color: #03b4d3 transparent transparent transparent;
    bottom:-20px;
    left:0;
    right:0;
    margin:auto;
  }

/*--sptListBox--*/
.sptListBox{
  margin:0 0 50px;
}
.sptListBox .sptListTtl{
  margin: 0 0 25px;
  padding: 0 0 8px;
  color: #03b3d3;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  border-bottom: 3px solid #03b3d3;
  text-align:center;
}
.sptListBox ul{
  margin-left: -2.5%;
}
.sptListBox li{
  margin: 0 0 28px 2.5%;
  width: 47.5%;
  float: left;
  padding: 28px;
  background: #fff;
  border: 3px solid #03b3d3;
  text-align: left;
}
.sptListBox li .ttl{
  margin: 0 0 10px;
  padding: 0 0 10px;
  color: #03b3d3;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #03b3d3;
}
.sptListBox li .miniIcon{
  margin:0 3px;
  height:30px;
}
.sptListBox a{
  color: #03b3d3;
}
  /*txt style*/
  .sptListBox .colorTxt{
    color:#03b3d3;
  }
  .sptListBox .bold{
    font-weight: bold;
  }
  .sptListBox .underline{
    text-decoration:underline;
  }
  .sptListBox .center{
    text-align:center;
  }

 /*--下層（各相談センター詳細）--*/
 .soudanInfoBox{
   margin:90px auto 60px;
 }
 .soudanInfoBox .nameWrap{
   margin:0 0 50px;
   text-align:center;
   color:#20aec7;
 }
 .soudanInfoBox .name{
   margin:0 0 10px;
   font-size: 25px;
   font-size: 2.5rem;
   font-weight: bold;
 }
  .soudanInfoBox .main{
    width: 48%;
    float:left;
  }
  .soudanInfoBox .infoTbl{
    margin:0 0 20px;
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    line-height:1.4;
  }
  .soudanInfoBox .infoTbl th{
    padding:16px;
    width:9em;
    background: #e3f5f8;
    text-align:left;
  }
  .soudanInfoBox .infoTbl td{
    padding:16px;
    background: #e8e8e8;
  }
  .soudanInfoBox .infoTbl .tel{
    font-weight: bold;
    color:#20aec7;
  }

  /*map*/
  .soudanInfoBox .map{
    width: 48%;
    float:right;
  }
  .soudanInfoBox .map .link{
    text-align:right;
  }
  .soudanInfoBox .map .link a{
    color:#000;
  }
  .soudanInfoBox .gmaps {
    margin:0 0 5px;
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
  }
  .soudanInfoBox .gmaps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

/*schedule*/
.scheduleBox{
  margin-bottom:100px;
}
.scheduleBox .ttl{
  margin:0 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.scheduleList{
  margin:0 0 30px -1.2%;
}
.scheduleList li{
  margin: 0 0 15px 1.2%;
  width:32.11%;
  float:left;
  display:table;
}
.scheduleList li .month{
  display:table-cell;
  padding:15px;
  width:5em;
  color:#3f5356;
  background:#e3f5f8;
  vertical-align:middle;
  border-right:1px solid #fff;
  font-weight: bold;
}
.scheduleList li .date{
  display:table-cell;
  padding:10px 15px;
  background:#e8e8e8;
  font-size: 14px;
  font-size: 1.4rem;
  line-height:1.5;
}
/*---------------------------------------------------
*
* lawyer
*
----------------------------------------------------*/
/*--guideBox--*/
.guideBox{
  margin: 80px 0 50px;
}
.guideBox .info{
  margin: 0 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}
.guideBox .guideArea{
  padding: 32px 32px 10px;
  background-color:#f5e0e0;
}
.guideBox .guideArea .ttl{
  margin: 0 0 10px;
  color: #fe0000;
  text-align: center;
}
.guideBox .guideArea ul{
  margin: 0 0 25px;
}
.guideBox .guideArea li{
  padding: 0 0 0 1em;
  color: #4d3939;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  text-indent: -1em;
}

/*--lawyerListBox--*/
.lawyerListBox {
  margin: 0 0 100px;
}
.lawyerListBox .secTtl{
  padding: 0 0 10px;
  margin: 0 0 30px;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
}
.lawyerListBox .listHeadArea{
  margin: 0 0 15px;
}
.lawyerListBox .listHeadArea form{
  max-width: 320px;
  width: 50%;
  float:left;
}
.lawyerListBox .listHeadArea .select{
  width:100%;
}

/*lawyerList*/
.lawyerList{
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  line-height: 1.5;
}
.lawyerList th{
  padding: 18px 12px;
  background: #e3f5f8;
  vertical-align: middle;
  font-weight: normal;
}
.lawyerList th a{
  color: #0088a0;
  border-bottom: 1px solid #0088a0;
}
.lawyerList td{
  padding: 18px 12px;
  background: #eeeeee;
  vertical-align: middle;
}
.lawyerList td a{
  color:#000;
  border-bottom: 1px solid #000;
}
  /*tableTtl*/
  .lawyerList .tableTtl{
    text-align: center;
    font-weight: bold;
  }
  .lawyerList .tableTtl td{
    padding: 8px 15px;
    background: #f2e8bf;
  }
  .lawyerList .name{
    width: 15%;
  }
  .lawyerList .hurigana{
    width: 23%;
  }
  .lawyerList .office{
    width: 20%;
  }
  .lawyerList .address{
    width: 22%;
  }
  .lawyerList .contact{
    width:20%
  }
.lawyerListBox .latest{
  margin: 0 0 20px;
  width: 50%;
  float: right;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
}
/*not found*/
.lawyerNotfound{
  padding: 20px;
  text-align: center;
  background: #eee;
  font-weight: bold;
}
/*select*/
.lawyerListBox .customSelect{
  padding-right:40px;
  background: url(../img/common/down.png) right center no-repeat #03b3d3;
  border: 2px solid #03b3d3;
  font-size: 18px;
  font-size: 1.8rem;
  color: #03b3d3;
  font-weight: bold;
  background-size:40px;
}
.lawyerListBox .customSelectInner{
  padding: 10px;
  background: #fff;
  display: inline-block;
}
/*--lawyer pager
.lawyerPager{
  text-align:center;
}
.lawyerPager li{
  display:inline-block;
  border:2px solid #e4e4e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.lawyerPager li a{
  color:#03b3d3;
  padding:6px 10px;
  display:inline-block;
}
.lawyerPager li a:hover{
  color:#fff;
  background: #03b3d3;
  border:2px solid #03b3d3;
}
.lawyerPager li.active{
  color:#fff;
  padding:6px 10px;
  font-weight: bold;
  background: #03b3d3;
  border:2px solid #03b3d3;
}
--*/
/*--lawyerBox--*/
.lawyerBox{
  margin: 85px 0 0;
}
.lawyerBox .name{
  margin:0 0 10px;
  color:#048aa2;
}
.lawyerBox .name .big{
  margin-right: 55px;
  font-size: 22px;
  font-size: 2.2rem;
  vertical-align: middle;
}
.lawyerBox .name .hurigana{
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
}

/*profile*/
.lawyerBox .profileTbl{
  width:100%;
  margin: 0 0 50px;
  border-collapse: separate;
  border-spacing: 1px;
  line-height: 1.6;
}
.lawyerBox .profileTbl a{
  color:#048aa2;
}
.lawyerBox .profileTbl th{
  padding: 12px 15px;
  width: 21%;
  background: #e3f5f8;
  text-align: left;
  letter-spacing: 0.05em;
}
.lawyerBox .profileTbl td{
  padding: 12px 15px;
  background: #eee;
}
.lawyerBox .profileTbl td.url{
  word-break: break-all;
}

/*--officeMapBox--*/
.officeMapBox{
  margin: 0 0 65px;
}
.officeMapBox .gmap {
  width: 100%;
  height: 515px;
  border: #ccc solid 1px;
  margin: 20px 0 5px;
}
.officeMapBox .mapLink{
  text-align:right;
}
.officeMapBox .mapLink a{
  color:#333;
}
/*
.officeMapBox .gmaps {
  position: relative;
  padding-bottom: 51.2%;
  height: 0;
  overflow: hidden;
}
.officeMapBox .gmaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
*/
/*--searchBox--*/
.searchBox{
  margin: 0 0 100px;
  text-align: center;
}
.searchBox li{
  margin-left: 20px;
  width: 26%;
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
}
.searchBox li.first{
  margin-left: 0;
}
.searchBox li a{
  padding: 12px 16px;
  color: #00a2bf;
  display: block;
  border: 2px solid #20aec7;
  text-align: left;
  position: relative;
}
.searchBox li a:after{
  display: inline-block;
  position: absolute;
  content: "";
  background: url(../img/common/btn_arrow.png);
  width: 8px;
  height: 14px;
  -webkit-background-size: contain;
  background-size: contain;
  top: 0;
  bottom:0;
  right: 10px;
  margin: auto;
}

/*--lawSearchBox--*/
.lawSearchBox{
  margin-top: 100px;
}
/*---------------------------------------------------
*
* touban
*
----------------------------------------------------*/
.helpBox{
  padding: 50px 10px 75px;
}
.helpBox .contact{
  margin:0 0 35px;
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: bold;
  color:#03b3d3;
  text-align:center;
}
.helpBox .contact .telIcon{
  margin:0 5px 5px 10px;
  vertical-align:middle;
}
.helpBox .preparationArea{
  width:100%;
  display:table;
  padding:40px;
  background:#f1f1f1;
}
.helpBox .preparationArea dt{
  width:40%;
  padding:0 20px 0 0;
  display:table-cell;
  color:#03b3d3;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  text-align:right;
}
.helpBox .preparationArea dd{
  width:60%;
  display:table-cell;
  line-height:1.7;
}
.helpBox .preparationArea dd li{
  padding-left:1em;
  text-indent:-1em;
}
/*--toubanBox--*/
.toubanBox{
  padding:80px 0 80px;
}
.toubanBox .secTtl{
  margin:0 0 50px;
  text-align:center;
}
.toubanBox .inner{
  margin:0 auto;
  max-width:770px;
}
.toubanBox .subTtl{
  margin:0 0 15px;
  color:#03b3d3;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align:center;
}
.toubanBox .txt{
  font-size: 16px;
  font-size: 1.6rem;
}
.toubanBox .txt .strong{
  color:#ff0000;

}
.toubanBox .flow{
  margin:45px 0 50px;
}
/*askArea*/
.toubanBox .askArea{
  margin:60px 0 0;
  padding:40px 35px;
  border:3px solid #03b3d3;
  text-align:center;
}
.toubanBox .askArea .subTtl{
  margin:0 0 15px;
}
.toubanBox .askArea .txt{
  margin: 0 0 30px;
  text-align:left;
}

/*--minorBox--*/
.minorBox{
  padding:80px 0 100px;
  text-align:center;
}
.minorBox .inner{
  margin:0 auto;
  max-width:770px;
}
.minorBox .secTtl{
  margin:0 0 45px;
}
.minorBox .subTtl{
  margin: 0 0 15px;
  color: #03b3d3;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.minorBox .txt{
  margin:0 0 45px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align:left;
}
.minorBox .txt a{
  color:#03b3d3;
  text-decoration:underline;
}
.minorBox .txt .strong{
  color:#ff0000;
}
.minorBox .flow{
  margin: 10px 0 50px;
}
/*---------------------------------------------------
*
* about
*
----------------------------------------------------*/
.aboutInfoBox{
  margin: 80px 0 60px;
  text-align: center;
}
/*
.aboutInfoBox .lead{
  margin:0 0 25px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color:#03b3d3;
}
*/

/*--aboutBox--*/
.aboutBox{
  margin-top: 50px;
  padding: 80px 0 40px;
}
.aboutBox .container{
  padding-top:120px;
  margin-top: -120px;
}
.aboutBox .secTtl{
  margin:0 0 60px;
  text-align:center;
}

/*list*/
.aboutList{
  width:100%;
  display:table;
  table-layout:fixed;
}
.aboutList li{
  padding:0 30px 30px;
  display:table-cell;
  text-align:center;
}
.aboutList li.first{
  padding-left:0;
}
.aboutList li.last{
  padding-right:0;
}
.aboutList li+li{
  border-left:1px solid #c3c3c3;
}
.aboutList img{
  margin:0 0 15px;
}
.aboutList .ttl{
  margin:0 0 18px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color:#03b3d3;
}
.aboutList a{
  color:#03b3d3;
}
.aboutList .aboutTxt{
  text-align:left;
}
  /*list01*/
  .aboutList.list01{
    border-bottom: 1px solid #c3c3c3;
  }
  /*list02*/
  .aboutList.list02 li{
    padding-top:30px;
  }

/*--greetingBox--*/
.greetingBox{
  padding:80px 0;
}
.greetingBox .secTtl{
  margin:0 0 35px;
  text-align:center;
}
.greetingBox .inner{
  margin:0 auto;
  max-width:770px;
}
.greetingBox .txt{
  line-height:2em;
}
.greetingBox .name{
  margin-top: 1em;
  font-weight: bold;
  text-align:right;
}

/*--organizationBox--*/
.organizationBox{
  padding:80px 0;
  text-align:center;
  font-size: 16px;
  font-size: 1.6rem;
 }
.organizationBox .secTtl{
  margin:0 0 30px;
}
.organizationBox .inner{
  margin:0 auto;
  max-width:770px;
}
.organizationBox p.txt{
  margin:0 0 30px;
}
.organizationBox .subTtl{
  margin:0 0 15px;
  color:#03b3d3;
  font-size: 22px;
  font-size: 2.2rem;
}
/*table*/
.organizationBox .listTbl{
  margin: 15px 0 0;
  width:100%;
  background: #fff;
}
.organizationBox .listTbl th{
  width:170px;
  padding: 20px;
  background: #f2e8bf;
  border:1px solid #f2f2f2;
  text-align:left;
}
.organizationBox .listTbl td{
  padding: 15px 20px;
  border:1px solid #f2f2f2;
  text-align:left;
}
.organizationBox .listTbl li{
  margin-right: 1em;
  display:inline-block;
  line-height:1.8;
}

/*--statementBox--*/
.statementBox{
  padding:80px 0;
}
.statementBox .secTtl{
  margin:0 0 40px;
  text-align:center;
 }
.statementArea{
  margin: 0 0 25px;
  border-top:2px solid #39b7cd;
  border-bottom:2px solid #39b7cd;
}
.statementArea .soon{
  padding:20px 0;
  color:#666;
  text-align:center;
}
.statementArea dl{
  width: 100%;
  padding: 18px 0;
  display: table;
  border-bottom: 1px solid #cce0e4;
}
.statementArea .title{
  display: table-cell;
}
.statementArea .entryDate{
  width: 7em;
  color: #20aec7;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
.statementArea .date{
  line-height: 1.5;
  margin-right: 1em;
  vertical-align: top;
}
.statementArea .title{
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.4;
  vertical-align: top;
}
.statementArea .title a{
  color: #000;
}

/*--committeeBox--*/
.committeeBox{
  margin:0 0 40px;
  padding: 80px 0;
 }
 .committeeBox .secTtl{
   margin:0 0 45px;
   text-align:center;
 }

/*list*/
.committeeList > li{
  padding:25px 0;
  width:50%;
  float:left;
  border-bottom: 1px solid #bdbdbd;
}
.committeeList li.left{
  padding-right:35px;
}
.committeeList li.right{
  padding-left:35px;
}
.committeeList li.last{
  border-bottom: none;
}
.committeeList a{
  color:#03b3d3;
  border-bottom: 1px solid #03b3d3;
}
.committeeList .name{
  margin:0 0 5px;
  color:#03b3d3;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

/*txt list*/
.committeeList .txtList{
  margin-bottom: 1em;
}
.committeeList .txtList li{
  text-indent: -1em;
  padding-left: 1em;
  line-height:1.6;
}
/*---------------------------------------------------
*
* Q&A
*
----------------------------------------------------*/

/*--qaInfoBox--*/
.qaInfoBox{
  text-align: center;
}
.qaInfoBox .lead{
  padding: 75px 0 75px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #101010;
}
/*
.qaInfoBox .secTtl{
  margin: 0 0 45px;
}
*/
/*--qaCategoryBox--*/
.qaCategoryBox .secTtl{
  padding-top:50px;
  margin:-50px 0 40px;
  text-align:center;
}
/*--qaBox--*/
.qaBox{
  margin: 0 0 65px;
}
.qaBox li{
  padding: 0 0 15px;
}
.qaBox .question{
  padding: 0 130px 10px 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #20aec7;
  min-height: 38px;
  position: relative;
  border-bottom: 3px solid #20aec7;
}
.qaBox .question .num{
  display: inline-block;
  width: 65px;
}
.qaBox .question .open{
  position: absolute;
  right: 0;
  top: 0;
}
/*answerList*/
.qaBox .answerWrap{
  padding: 20px 0 0;
  display: none;
}
.qaBox .answerList{
  margin: 0 0 32px;
  display: table;
}
.qaBox .answerList dt{
  width: 65px;
  display: table-cell;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  vertical-align: top;
  line-height: 1.3;
}
.qaBox .answerList dd{
  display: table-cell;
  vertical-align: top;
}
.qaBox .answerList dd a{
  color: #20aec7;
  font-weight: bold;
}
.qaBox .answerList .ttl{
  margin: 0 0 5px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

/*---------------------------------------------------
*
* access
*
----------------------------------------------------*/
/*--mapBox--*/
.mapBox{
  margin: 0 0 150px;
  padding: 65px 0 0;
}
.mapBox .map {
}
.mapBox .mapLink{
  margin-bottom: 50px;
  text-align:right;

}
.mapBox .mapLink a{
  color:#03b3d3;
  text-decoration:underline;
}
.mapBox .addressArea{
  width: 50%;
  float: left;
  line-height: 1.8;
  font-size: 16px;
  font-size: 1.6rem;
}
.mapBox .addressArea th{
  width: 6em;
}
.mapBox .addressArea th,
.mapBox .addressArea td{
  text-align: left;
  padding: 5px 0;
}
.mapBox .addressArea td a{
  color:#03b3d3;
}
.mapBox .ph{
  width: 47.1%;
  float: right;
}

/*---------------------------------------------------
*
* privacy
*
----------------------------------------------------*/
.privacyBox {
  margin:0 auto;
  max-width:800px;
  font-size: 14px;
  font-size: 1.4rem;
}
.privacyBox .intro{
  margin:0 0 30px;
}
.privacyBox .center{
  margin:0 0 50px;
  text-align:center;
}
.privacyBox .policyArea{
  margin:0 auto 100px;
}
.privacyBox .policyArea dt{
  margin:0 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.privacyBox .policyArea dd{
  margin:0 0 10px;
  padding:0 0 0 20px;
}
.privacyBox .policyArea dd li{
  line-height:1.7;
}
.privacyBox .policyArea .topList{
  margin:1em 0;
}
.privacyBox .policyArea .topList > li{
  list-style-type:decimal;
}
.privacyBox .policyArea .insideList li{
  text-indent:-1.7em;
  padding:0 0 0 1.7em;
}
/*txtList*/
.privacyBox .policyArea .txtList{
  margin:0 0 1em;
}
.privacyBox .policyArea .txtList li{
  padding-left:1em;
  text-indent:-1em;
}
/*--table--
.privacyBox .policyArea .detailTbl{
  margin:20px 0 20px;
  text-align:left;
  line-height:1.7;
}
.privacyBox .policyArea .detailTbl th{
  padding: 0 20px 0 0;;
}*/
/*---------------------------------------------------
*
* error
*
----------------------------------------------------*/
.p404Box{
  padding:30px;
  margin:100px auto;
  max-width:600px;
border: 2px solid #F3F3F3;
}
.p404Box .ttl{
  margin:0 0 10px;
  padding:0 0 10px;
  font-size: 27px;
  font-size: 2.7rem;
  border-bottom: 2px solid #F3F3F3;
}
.p404Box .btnArea{
  margin:20px 0 0;
  text-align:center;
}
.p404Box ul{
  margin:2em 0;
}
.p404Box li{
  margin-left: 1em;
  list-style-type:square;
  line-height:1.5;
}
/*---------------------------------------------------
*
* footer
*
----------------------------------------------------*/
#footer{
  color: #272727;
  background: #f3f3f3;
  font-size: 14px;
  font-size: 1.4rem;
}
#footer a{
  color: #272727;
}
#footer .inner{
  max-width: 1020px;
  margin: 0 auto;
  padding: 35px 10px 40px;
}
#footer .name{
  margin-right: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
#footer .address{
  margin-right: 1.5em;
}
/*navi*/
#footer .navi{
  padding: 20px 0 30px;
}
#footer .navi li{
  display: inline-block;
}
#footer .navi li+li{
  padding: 0 10px;
  border-left: 1px solid #272727;
}
#footer .navi li:first-child{
  padding-right: 10px;
}

/*link*/
#footer .linkBlock li:before{
  margin-right:0.3em;
  display:inline-block;
  content:"＞";
}
#footer .linkBlock .ttl{
  font-weight: bold;
}

/*link*/
#footer .link{
  width:100%;
  display:table;
  font-size: 13px;
  font-size: 1.3rem;
}
#footer .linkBlock{
  display:table-cell;
}
#footer .linkBlock.first{
  padding:0 20px 0 0;
}
#footer .linkBlock li{
  line-height:1.7;
}

#footer .copyright{
  padding:15px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  background: #e2e2e2;
  text-align:center;
}

/*---------------------------------------------------
*
* PC_only
*
----------------------------------------------------*/
@media only screen and (min-width: 800px){
/*SP hidden*/
.sp{ display:none !important;}
}


/*---------------------------------------------------
*
* 会員専用ページ用
*
----------------------------------------------------*/

.member-ttl{
  background-color: #03b3d3;
  color: white;
  padding:3rem;
  text-align: center;
  font-size: 1.8rem;
}

.top-margin{
  margin-top: 80px;
}

.top-margin .eventArea{
  padding:0 1rem;
}

.top-margin .wrap{
  display: flex;
  flex-wrap: nowrap;
  margin:0;
  padding:0;
  border: none;
}

@media screen and (max-width:800px){
  .top-margin .wrap{
    display: flex;
    flex-wrap: wrap;
    margin:0;
    margin-bottom: 30px;
    padding:0;
    border: none;
  }
}


.top-margin .eventArea .btnArea{
  padding:40px 20px 0;
  border: none;
}

.post-list-line{
  border: 1px solid #03b3d3;

}

.top-margin .eventArea{
  width: 100%;
  margin-bottom: 30px;
}

#id_memberonly .mainCol{
  margin: 75px 0 0;
  width: 76.5%;
  float: left;
}
#id_memberonly .sideCol{
  margin: 75px 0 0;
  width: 21.3%;
  float: right;

}

.w-link{
  text-align: center;
  width: 6rem;
  text-indent:0;
  font-size: 1rem;
  display: inline-block;
  color:white;
  background-color: #3563C1;
  border-radius: 10px;
  vertical-align: middle;


}

.e-link{
  text-indent:0;
  text-align: center;
  width: 6rem;
  font-size: 1rem;
  color:white;
  display: inline-block;
  background-color: #40A92B;
  border-radius: 10px;
  vertical-align: middle;
}

.p-link{
  text-indent:0;
  text-align: center;
  width: 6rem;
  font-size: 1rem;
  color:white;
  display: inline-block;
  background-color: #e33636;
  border-radius: 10px;
  vertical-align: middle;
}

.member-download dt{
  position: relative;
text-align: left;
}

.member-download dt:after{
position: absolute;
right: 10px;
bottom: 1.5rem;
}

.member-download li:before{
  display: none;
}


.slick-slide img {
  width: 100%;
  height: auto;
}


.slick-prev , .slick-next {
    background-size: 24px !important;
}
.slick-prev {
    left: 20% !important;
}

.slick-next {
    right: 20% !important;
}

/* トップページ追加_20181106 */
.topCaseBox .btnListWrap.second {
  margin: 0 auto;
  max-width: 1000px;
}


.topCaseBox .btnListWrap.second .btnList li{
  width: 31%;
  height: 100%;
  margin: 0 0 15px 2%;
}

/* support05追加_20181106 */
/*.sptGuideBox.blockbtm{
  margin-bottom: 50rem;
}*/

.sptGuideBox .cenTxt{
  vertical-align: 4.8rem;
}

.blockTxt{
  display: inline-block;
  padding-left: 2rem;
}
.blockTxt.btm{
  padding-left: 4rem;
}

@media screen and (max-width:800px){

  .topCaseBox .btnListWrap.second {
    margin: 0 auto;
    max-width: 640px;
  }

  .blockTxt{
    /*display: contents;*/
    padding-left: 2rem;
  }
  .blockTxt.btm{
    padding-left: 2rem;
  }
  .sptGuideBox .cenTxt{
    vertical-align: inherit;
  }
  .topCaseBox .btnListWrap.second .btnList li{
    width: 48%;
    margin: 0 0 15px 2%;
    /*height: 100px;*/
  }
}