h1.serviceTitle {
    margin: 50px 0 20px;
}
h1.serviceTitle02 {
    text-align: right;
	padding-right: 20px;
}
h1.serviceTitle02 img {
	height: 75px;
}
h1.h1Title02 {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3rem;
    text-align: center;
    margin: 50px 0 0;
    font-family: "Futura-Book";
    letter-spacing: 2px;
}
h1.h1Title03 {
    font-family : Futura;
    font-size : 2.4rem;
    line-height : 3.6rem;
    letter-spacing : 2px;
    color : #00537A;
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
}
h1.banner01 {
    max-width: 80%;
    text-align: center;
    margin: 40px auto 30px;
}
.linkText {
	font-size: 2rem;
	color: #00537A;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 12px;
	padding-left: 20px;
}
.wrap-ddx {
    list-style-type: none;
    text-align: center;
    padding-left: 0;
}
.wrap-ddx li {
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
}
hr.borderBlue01 {
    background: -moz-linear-gradient(left, #FFF, #00537A 30%, #00537A 70%, #FFF);
    background: -webkit-linear-gradient(left, #FFF, #00537A 30%, #00537A 70%, #FFF);
    background: linear-gradient(to left, #FFF, #00537A 30%, #00537A 70%, #FFF);
    width: 100%;
    height: 3px;
    margin-bottom: 50px;
}
h2.h2Title01 img {
    height: 71px;
    vertical-align: bottom;
    margin-right: 20px;
}
.justify-content-center {
    justify-content: center;
}
.boxBlue01, .boxBlue02, .boxWiteBlue01, .boxWiteBlue02 {
    max-width: 300px;
    margin: 0 auto 15px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    min-height: 50px;
}
.boxBlue01, .boxBlue02 {
    background-color: #00537A;
}
.boxWiteBlue01, .boxWiteBlue02 {
    background-color: #7BA6BA;
}
.boxBlue01, .boxWiteBlue01 {
    line-height: 5rem;
    font-size: 2rem;
}
.boxWiteBlue01 a,
.boxWiteBlue02 a,
.boxBlue01 a,
.boxBlue02 a{
    color: #fff !important;
}
.boxBlue02, .boxWiteBlue02 {
    line-height: 2rem;
    font-size: 1.6rem;
    padding: 5px 0;
}
#service h3 {
    font-size: 1.2rem;
    font-weight: 400;
    margin: 20px 0 5px;
    text-align: center;
    color: #00537A;
}
#news h2 {
    font-family: "Futura-book";
    letter-spacing: 2px;
    font-size: 2.4rem;
    line-height: 3rem;
    border-bottom: 8px solid #E73820;
    color: #E73820;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
#news dl {
    border-bottom: 2px solid #E73820;
    padding-bottom: 30px;
    overflow: hidden;
    ;
}
#news dl dt {
    width: 130px;
    font-size: 1.8rem;
    float: left;
    clear: both;
    padding: 5px 0 5px 30px;
}
#news dl dd {
    width: calc(100% - 130px);
    font-size: 1.8rem;
    line-height: 2.5rem;
    float: left;
    padding: 0 30px 5px 0;
}
#news p {
    text-align    : center;
    font-size     : 16px;
    padding-bottom: 30px;
    border-bottom : 2px solid #E73820;
}
.leftImage {
    float: left;
    width: 230px;
    margin-right: 30px;
    clear: both;
}
.rightText {
    float: left;
    font-size: 1.8rem;
    line-height: 3rem;
    padding-top: 30px;
}
.professional01,.professional02{
    overflow: hidden;
}
.professional01 .rightText {
    width: calc(100% - 260px);
}
.professional02 .rightText {
    width: calc(100% - 490px);
}
.professional02 .leftImage {
    margin-left: 230px;
}
.linkProfessional:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
.wrapProfessional{
    display: none;
}
.button {
    overflow: hidden;
}
.button a {
    position: relative;
    display: block;
    width: 220px;
    padding: 0.8em;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    background: #00537A;
    border-bottom: 2px solid #00838F;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-size: 2.5rem;
    line-height: 4rem;
    margin: 30px auto;
}
.button a:hover {
    border-bottom: 2px solid #00838F;
    background: #74A1B6;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:3px solid #666666;
  width:50%;
  height:80%;
  left:25%;
  overflow: auto;
  z-index:99999;
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}

.pbutton{
  display:inline-block;
  vertical-align:middle;
  border-radius:30px;
  margin:10px;
  font-size: 3rem;
  color:#666666;
  background:	#ffffff;
  border:1px solid #666666;
  padding: 10px;
}

.pbutton:hover{
  border:1px solid #666666;
  background:#666666;
  color:#ffffff;
}

@media (max-width:768px) {
#news dl dt {
    padding: 5px 0 5px 15px;
}
#news dl dd {
    padding: 5px 15px 5px 0;
}
.leftImage {
    width: 230px!important;
    margin: 0 auto 10px!important;
    float: none;
}
.rightText {
    width: 100%!important;
    padding-top: 10px;
    padding-bottom: 60px;
    float: none;
}
.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:3px solid #666666;
  width:90%;
  height:90%;
  left:5%;
  overflow: auto;
}
}


/*スライダーアニメーション*/
.animation{
    position: relative;
}
.animation div{
    position: absolute;
    top:0;
/*    left:0;*/
    float: left;
    width: 100%;
}
.animation div img{
    width: 100%;
}


.part01 {
    left   :50px;
    opacity:0.0;
}
.part02 {
    left   :-50px;
    opacity:0.0;
}
.part03 {
    left   :-50px;
    opacity:0.0;
}
.part04 {
    left   :-50px;
    opacity:0.0;
}
.part05 {
    left   :50px;
    opacity:0.0;
}
.part06 {
    transform  : translateY(20px);
    opacity    :0.0;
    transition : all 1s;
}
.part07 {
    opacity    :0.0;
    bottom: 0;
}
/*
.partLogo02 {
    opacity:0.0;
}
*/
.w100{
    width : 100%;
}

.youtube{
  top: 0;
  right: 0;
  width: 100% !important;
  height: 80% !important;
  padding:0 10%;
}
.bknews{
	text-align:right;
	color:gray;
}

.bknews a{
	color:gray;
}

@media (max-width:767px) {
h1.serviceTitle02 {
    text-align: center;
	padding-right: 0;
}
h1.serviceTitle02 img {
	width: 80%;
	height: inherit;
}
.linkText {
	text-align: center;
	padding-left: 0;
}
}