/* Import fonts */
@import url(http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.useso.com/css?family=Fjalla+One);

/*--右側固定CVボタン-*/
.btn-blue,
a.btn-blue {
  color: #fff;
  background-color: #0CC4E9;
  background-color: #6aa84f;
  position:fixed;
  right:0px;
  bottom:300px;
  transition:1s;
  opacity:0.7;
  z-index: 1;
  width:220px;
}

.btn-online {
  color: #fff;
  background-color: #FB4D0E;
  background-color: #f77b6f;
  position:fixed;
  right:0px;
  bottom:230px;
  transition:1s;
  opacity:0.7;
  z-index: 1;
  width:220px;
}

.btn-blue:hover,
a.btn-blue:hover {
  color: #fff;
  background: #4F7D3B;
  opacity:-;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}

.btn-orange,
a.btn-orange {
  color: #fff;
  background-color: #FB4D0E;
  background-color: #f77b6f;
  position:fixed;
  right:0px;
  bottom:150px;
  transition:1s;
  opacity:0.7;
  z-index: 0;
  z-index: 1;
}

.btn-orange:hover,
a.btn-orange:hover,
.btn-online:hover {
  color: #fff;
  background: #FC6B36;
  background: #FC6B36;
  background: #A30015;
  opacity:1;
}


@media (max-width: 540px) {
  .btn-orange,.btn-blue {
    display: none;
  }
}

@media (max-width: 959px){
.mobiletel_mail {
  width: 100%; /*ボタンの表示エリアを画面いっぱいにする*/
  position: fixed; /*画面の決まった場所に固定する*/
  bottom: 0px; /*画面の一番下に設置する*/
  display: flex; /*電話とメールのボタンを横並びにする*/
  background-color: #000000;
  line-height: 80px; /*ボタンの高さを調整する*/
}

.mobiletel_mail.mobiletel,
.mobiletel_mail.mobilemail {
  display: flex; /*アイコンフォントと文字を横並びにする*/
  flex-direction: column; /*アイコンフォントと文字を縦並びに変える*/
  width: 50%; /*電話とメールボタンの横幅を画面の半分ずつにする*/
  line-height: 60px; /*ボタンの高さを調整する*/
  padding: 1rem; /*ポタンの上下の余白を調整する*/
  text-align: center; /*アイコンフォントと文字をセンタリングする*/
  color: #ffffff; /*文字の色*/
  font-weight: bolder;
  font-size: 1.5rem; /*文字の大きさ*/
}

}

/*--右側固定CVボタン-*/

/* ページTOPに戻る */
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
    bottom: 0px;
    right: 0px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #0CC4E9;
    background: #6aa84f;
    border-radius: 50%;
    line-height: 50px;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}
/* ページTOPに戻る */

/*画像のホバー時 拡大*/
.cp_imghover {
	overflow: hidden;
	/*width: 500px;*/
	/*height: 350px;*/
	/*margin: 2em auto;*/
	/*border: 0px solid #ffffff;
	box-shadow: 0 0 5px #cccccc;*/
	cursor: pointer;
}
/*zoomin*/
.cp_zoomin img {
	/*width: 400px;*/
	/*height: 400px;*/

	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.cp_zoomin img:hover {

	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}

.cp_divbox{
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.clear{
  clear:both;
}

.clearboxh30{
  height: 30px;
  float: none;
  clear:both;
}

.clearboxh50{
  height: 50px;
  float: none;
  clear:both;
}

.clearboxh100{
  height: 100px;
  float: none;
  clear:both;
}

.blog-item ul li {
    margin-bottom: 5px;
    /*border-bottom:1px solid #efefef;*/
    line-height: 35px;
    font-size: 16px;
}

.blog-item ul li.active a{
    color:#007c41;
    font-weight: 600;
}

.blog-item ul li a{
    display: inline-block;
    width: 100%;
}

.blog-item ul li a:hover{
    color:#007c41;
}

/*ページ　タイトル*/
.bgbanner {
  padding: 150px 0;
  margin-bottom: 60px;
	/*background: url(../img/ban1.jpg) right center no-repeat;*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.bgbanner h1 {
    text-align: center;
    /*color: #000000;*/
    font-size: 50px;
    font-weight: 500;
    margin: 3px 0 0;
    text-transform: uppercase;
}

.bgbanner h4 {
    text-align: center;
    /*color: #000000;*/
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0 0;
    text-transform: uppercase;
}


.bgbanner-padding{
  padding:10px 10px 10px 10px;
}

.bgbanner-padding{
  padding:10px 10px 10px 10px;
}

.bgbanner div.rtxt p{
  margin:50px 10px 50px 10px;
}

/*タイトル文字アニメ start*/
@keyframes open-keyanime1{  /* アニメーションの動き */
  0% {
    opacity:0; /* 完全に透明 */
 }
  100% {
    opacity:1; /* 透明度無し、通常表示 */
  }
}

.animation1{
  animation-name: open-keyanime1 ;
  animation-duration: 5s; /* 5秒間で表示 */
  animation-fill-mode: both;
  animation-iteration-count: 1; /* 1回実行させています */
}

.animation2{
  animation-name: open-keyanime1 ;
  animation-duration: 20s; /* 5秒間で表示 */
  animation-fill-mode: both;
  animation-iteration-count: 1; /* 1回実行させています */
}

/*-------------------------
  最新情報文字アニメ下にから上に流れるテキスト
-------------------------*/
.text-ani_up {
    overflow:hidden;
}

.text-ani_up ul li {
    margin:0;
    padding: 15px;
    animation: flowing 10s linear infinite;    /*アニメーション*/
    transform:translateY(100%);               /*最初の位置*/
    color: #ffffff;
}

@keyframes flowing {
  100% {
    transform:translateY(-100%);    /*終わりの位置*/
  }
}


.txtw{
  color:#ffffff;
}

.txtb{
  color:#00000;
}

.txtc{
  text-align: center;
}

/*テーブル-----------------------------------------------------*/
.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 100%;
	border-collapse: collapse;
  color:#000000;
  margin: 20px 0;
  font-size: 16px;
}
.cp_table th, .cp_table  td {
	padding: 10px;
	border: 1px solid #dddddd;
}

.cp_table  td p{
	padding: 5px 0;
}


.cp_table th {
	/*width: 25%;*/
	text-align: left;
	background: #f4f4f4;
  font-weight: normal;
}

.cp_table th.lth {
	width: 25%;
	text-align: left;
	background: #f4f4f4;
  font-weight: normal;
}

.cp_table td:first-child {
	width: 25%;
}

.cp_table td:last-child {
	width: 25%;
}

.cp_table td:empty {
   background-color: #f0f0f0; /* 背景色 */
   background-image: linear-gradient(-45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent); /* 右上がりの斜線 */
}

@media only screen and (max-width:480px) {
	.cp_table {
    font-size:12px;
  }
}

/*Q/A よくある質問*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa label:hover {
	transition: all 0.3s;
	color: #007c41;
}
.cp_qa .cp_actab-content {
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
  line-height: 2.5em;

}

.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}

/* .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);

} */

.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}

/*マップ　サイズ start*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.fullwidthbanner-container2{
  background: url(../img/banner/slide3.jpg) center no-repeat;
}

.fullwidthbanner-containernews{
 width:100% !important;
 position:relative;
 padding:0;
 overflow:hidden;
 height:60px !important;
 background: #333333;
 color:#ffffff;
}

.fullwidthbanner-containernews ul {
  list-style-type:none;
}


/*最新ニュースティッカー*/
.ticker {
  margin: 0 auto;
  padding: 10px;

  text-align: left;
  /*border: #ccc 1px solid;*/
  position: relative;
  overflow: hidden;
  /*background-color:#ffffff;*/
}

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
  color: #ffffff;
}

.ticker li div {
padding: 10px;
}

.ticker li a {
color:#ffffff;
}

.ticker span {
margin: 0 10px 0 0;
display: inline-block;
}

/*最新ニュース　リンク*/
a.morenews{
  color: #ffffff;
  text-decoration: none;
}

a.morenews:hover{
  text-decoration: underline;
  color: #6aa84f;
}

.newslink {
  padding:20px;
}

@media (max-width: 540px) {
  .newslink {
    padding:0;
    text-align: right;
  }
}

/**/

.loop_css {
  position: relative;
    display: flex;
  width: auto;
  height: 600px;

  /*
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 600px;

  left: 50%;
  margin-left: -50vw;
  overflow: hidden;


  background-color: #e74c3c;
 animation: bg-color 6s infinite;
 -webkit-animation: bg-color 6s infinite;
 */
}

.loop_css h1{
  position: absolute;
  left:10%;
  top:20%;
  color:#ffffff;
  font-size: 30px;
  z-index: 10000;
}

.loop_css h2{
  position: absolute;
  left:10%;
  top:30%;
  color:#ffffff;
  font-size: 20px;
  z-index: 10000;
}

.loop_css img {
  width: auto;
  height: 100%;
}

/* 1つ目の画像 */
.loop_css img:first-child {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/* 2つ目の画像 */
.loop_css img + img {
  -webkit-animation: loop2 50s  linear infinite;
  animation: loop2 50s linear infinite;
}

/*アニメーション*/
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}


/* --- 全体のBOX定義 ---------------------------------------- */
.fullwidthbanner-container{
  /*background: url(../img/banner/slide3.jpg) center no-repeat;*/
  /*background: url(../img/ban1.jpg) right center no-repeat;*/
  position: relative;
  display: flex;
  width: auto;
  height: 600px;
  /* padding-bottom: 66.6%; */
  background: url(../img/banner/topbg.png) top no-repeat;
  background-size: cover;
  text-align: center;
  
}

.fullwidthbanner-container h1{
    color:#ffffff;

    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 8rem; 
    
    font-weight: bolder;
    font-size:4.5rem;
    line-height: 110%;
    z-index:100000;

    font-family: 'Noto Sans JP', sans-serif;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;

    text-shadow: 0px 20px 8px rgba(0, 0, 0, 0.4);
  }

  @media screen and (max-width: 913px){
    .fullwidthbanner-container h1{
        font-size:3.5rem;
        letter-spacing: 1;
    }

  }


/* --- 背景の指定 ------------------------------------------- */
.fullwidthbanner-container .bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  /*animation  : bgAnime 20s infinite;   4画像 × 各5s = 20s*/
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
.fullwidthbanner-container .src1 {
  background : url(../img/banner/slide3.jpg) top no-repeat ;  /* 背景の画像を指定 */
}
.fullwidthbanner-container .src2 {
  background : url(../img/banner/4665964_m.jpg) top no-repeat;   /* 背景の画像を指定 */
  animation-delay  : 10s;
}


@keyframes bgAnime {
   0% { opacity: 0; }
   /*10% { opacity: 1; }*/

  50% { opacity: 1; }
  /*35% { opacity: 0; }*/
 100% { opacity: 0; }
}

/* --- 前面の文字定義（サンプルのため変更してください） ----- */
.fullwidthbanner-container .titleString{
  position   : absolute;
  display    : inline-block;
  padding    : 20px;
  color      : #fff;
  top        : 60%;                               /* 中央寄せ */
  right       : 5%;
  z-index    : 11;
}

.fullwidthbanner-container .titleString2{
  position   : absolute;
  display    : inline-block;
  padding    : 20px;
  color      : #fff;
  top        : 80%;                               /* 中央寄せ */
  right       : 5%;
  z-index    : 11;
}


.fullwidthbanner-container .titleString11{
  position   : absolute;
  display    : inline-block;
  padding    : 20px;
  color      : #fff;
  /*color      : #007c41;*/
  top        : 18%;                               /* 中央寄せ */
  left       : 5%;
  z-index    : 11;
}

.fullwidthbanner-container .titleString h1,.fullwidthbanner-container .titleString2 h1,.fullwidthbanner-container .titleString11 h1{
  font-size: 40px;
  font-weight: bold;
}

.fullwidthbanner-container .titleString h2,.fullwidthbanner-container .titleString2 h2,.fullwidthbanner-container .titleString11 h2{
  font-size: 30px;
  font-weight: bold;
}

@keyframes open-keyanime11{  /* アニメーションの動き */
  0% {
    opacity:0; /* 完全に透明 */
 }
  100% {
    opacity:1; /* 透明度無し、通常表示 */
  }
}

.animation11{
  animation-name: open-keyanime11 ;
  animation-delay:2s;
  animation-duration: 20s; /* 5秒間で表示 */
  animation-fill-mode: both;
  animation-iteration-count: 1; /* 10回実行させています */
}


@keyframes open-keyanime3{  /* アニメーションの動き */
  0% {
    opacity:0; /* 完全に透明 */
 }
  100% {
    opacity:1; /* 透明度無し、通常表示 */
  }
}

.animation3{
  animation-name: open-keyanime3 ;
  animation-delay:5s;
  animation-duration: 15s; /* 5秒間で表示 */
  animation-fill-mode: both;
  animation-iteration-count: 1; /* 10回実行させています */
}

@keyframes open-keyanime4{  /* アニメーションの動き */
  0% {
    opacity:0; /* 完全に透明 */
 }

  100% {
    opacity:1; /* 透明度無し、通常表示 */
  }
}

.animation4{
  animation-name: open-keyanime4 ;
  animation-delay:12s;
  animation-duration: 8s; /* 5秒間で表示 */
  animation-fill-mode: both;
  animation-iteration-count: 1; /* 10回実行させています */
}

/*相談事例*/
.cp_card04 {
	overflow: hidden;
	border-radius: 3px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;*/
	background-color: #fff;
	-webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
					transition: all 0.25s ease-in;
				  border-bottom: 5px solid transparent;
  min-height: 550px;
}

.cp_card04 .photo {
	height: 200px;
	overflow: hidden;
}

/*
.cp_card04:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  border: none;
  border-bottom: 5px solid #00BCD4;
}
*/

.cp_card04 .details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1em 1em 0 1em;
	font-size: 0.8em;
}
.cp_card04 .date {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: right;
}
.cp_card04 .category {
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}
.cp_card04 .category p {
	font-size: 0.8em;
	padding: 3px 8px;
	cursor: pointer;
	width: 8em;
	margin: 0;
	border-radius: 10px;
	background: #00BCD4;
	text-align: center;
	color: #ffffff;
}
.cp_card04 .description {
	padding: 0 1em;
}
.cp_card04 .description h1 {
	font-size: 1.4em;
	margin: 0;
  margin-top: 1em;
	margin-bottom: 0.5em;
  margin-bottom: 1em;
}
.cp_card04 .description .text p {
	margin: 20px 0 0 0;
  font-size:16px;
  min-height: 40px;
}
.cp_card04 .description a {
	float: right;
	margin-bottom: 10px;
  margin-bottom: 30px;
	text-decoration: none;
	color: #00BCD4;
  color: #ffffff;
}

@media (min-width: 768px) {
  .cp_card04 {
    /*min-height: 500px;*/
    left:15%;
  }
  .cp_card04 div.details{
    min-height: 120px;
  }
  .cp_card04 .description .text p {
    min-height: 70px;
  }
}

/*
.cp_card04 .description a:after {
	font-family: FontAwesome;
	margin-left: -10px;
	content: '\f061';
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	vertical-align: middle;
	opacity: 0;
}
.cp_card04 .description a:hover:after {
	margin-left: 5px;
	opacity: 1;
}
*/

.box12{
    min-height: 680px;
    padding: 0.5em 1em;
        margin: 2em 0;
        background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
        background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);


}

.box12 .title{
  /*min-height: 150px;*/
  margin-bottom: 20px;
}

.box12 .title h1{
  color: #468847;
}

.box12 p {
    margin: 0;
    padding: 0;
    padding: 0 10px 0 10px;
    font-size: 16px;
    color: #000000;
    line-height: 2em;
}

@media (max-width: 540px) {
  .box12 {
    min-height: auto;
  }

  .box12 .title{
    margin-bottom: 5px;
    min-height: auto;
  }
}
/*相談事例　end */


/*top ページ　最新情報リスト*/

section.topnews{
  padding: 30px 0;
  background: #FFF7EA;
  margin-top: -30px;
  font-size: 16px;
  position: relative;
}

.newsinner {
  width: 80%;
  /*background-color: #fff;*/
  margin: 0 auto;
  padding: 30px 0 30px;


}

ul.ulnews{
  display: flex;
	flex-wrap: wrap;
  border-bottom:1px dotted #000;
  list-style:none;
  padding:10px;
}

ul.ulnews li{
    display: flex;
    box-sizing: border-box;
    margin: 0;
    padding-right: 10px;
}


ul.ulnews li:last-child {
     width:70%;
}

ul.ulnews li a{
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    /*padding: 10px;*/
}

ul.ulnews li span{
  background-color: #007c41;
  border-radius:3px;
  color:#fff;
  /*display:inline-block;*/
  margin-right:20px;
  padding:5px;
  height: 40px;
  /*display: table-cell;
  vertical-align: middle;*/
}

ul.ulnews li p{
  color:#1c448d;
  display: inline-block;
  line-height: 1.5em;
  /*text-decoration:underline;*/
}


ul.ulnews li time{
  /*display: inline-block;*/
  /*font-weight: bold;*/
  /*margin-right:40px;*/
  /*padding-right:20px;*/
  color:#000000;

}

@media(max-width:540px){
    ul.ulnews{
        /*追加*/flex-wrap: wrap;
    }
    ul.ulnews li{
        /*追加*/width: 100%;
        margin: 10px auto;
    }

    ul.ulnews li:last-child {
         width:auto;
    }

    .new{
      position: relative;
    }
}
/*---------------------------------------*/

.new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 3px 8px;
  margin: 0 0 0 5px;
  display: inline-block;
  line-height: 1;
  height: 15px;

  position: absolute;
  /*transform: rotate(45deg);*/
  z-index: 3;
}

/*-------NEWS LIST START----------*/
.cp_card02 {
	font-size: 14px;
	line-height: 1.45em;
	position: relative;
	overflow: hidden;
	height: 200px;
  height: auto;
	margin: 0 auto 1.6%;
  border: 1px solid #a5a2a2;
	-webkit-transition: height 0.3s ease;
	        transition: height 0.3s ease;
	border-radius: 3px;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
}

.cp_card02 .photo {
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
}

.cp_card02 .description {
	position: relative;
	z-index: 0;
	float: left;
	width: 50%;
  left:5%;
	padding: 10px;
	min-height: 200px;
}


.cp_card02 .description h1 {
	font-size: 30px;
	line-height: 1em;
	margin: 0 0 10px 0;
  color: #468847;
}

.cp_card02 .description h2 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 1.2% 0;
  margin: 1% 0 1.5% 0;
	color: #9b9b9b;
}
.cp_card02 .description p {
	position: relative;
	margin: 0;
	padding-top: 10px;
  padding:10px 20px 10px 0;
  font-size: 120%;
  line-height: 150%;
}

.cp_card02 .description a {
	margin-bottom: 10px;
	text-decoration: none;
	color: #ff5722;
}

.cp_card02 .description a.more {
	float: right;
	margin-bottom: 10px;
	text-decoration: none;
	color: #ff5722;
}

.cp_card02 .description a.more::after {
	font-family: FontAwesome;
	margin-left: -10px;
	content: '\f061';
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	vertical-align: middle;
	opacity: 0;
}
.cp_card02 .description a.more:hover::after {
	margin-left: 5px;
	opacity: 1;
}

@media screen and (max-width: 1024px) {
	.cp_card02 .description h1 {
		font-size: 1.3em;
	}

  .cp_card02 .photo {
    display: none;
    clear:both;
  }

  .cp_card02 .description {
  	width: 100%;
  }
}
/*-------NEWS LIST END----------*/

* {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}


h2 {
  margin-bottom: 50px;
}
/* スライドする要素 */
.content {
  width: 300px;
  height: 300px;
  /*background: url(../img/banner/kumo.png) center;*/
}



.content:nth-child(1) {
  background-color: red;
}
.content:nth-child(2) {
  background-color: orange;
}
.content:nth-child(3) {
  background-color: blue;
}
.content:nth-child(4) {
  background-color: green;
}

/* スライドレールの枠 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 340px;
  margin-bottom: 100px;
}
/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 20s infinite linear 1s both;
  animation: loop-slide 20s infinite linear 1s both;
}

.slideshow li p{
  position: absolute;
  padding: 50px 20px 20px 50px;
  width:250px;
 font-size:18px;
 line-height: 2em;
 color:#000000;
}

@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/* ホバー時の装飾（パターン3） */
.content-hover {
  transition: all 0.2s;
  margin-right: 20px;
}
.content-hover:hover {
  transform: translateY(-20px);
  border-radius: 0 10%;
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}

.subtitle{
  border-bottom:2px solid green;
  display: inline-block;
  padding-bottom:5px;
}

.txtpoint{
  color:green;
  padding-top: 10px;
}

hr.lineb{
  height: 2px;
 background-color: #dee1e3;

}

.border-area{
  border:2px solid #007c41;
  margin:0 5px;
}

.padding-text{
  padding:10px 20px;
}


h5.copyrighth{
  display: inline-block;
  border-top: solid 3px #f37c6b;
}

.menufonts{
    color:#000000;
    font-weight:bold;
}

.parallax1 h3 {
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight:  600;
  line-height: 40px;
  margin-top: 160px;
  letter-spacing: 1em;

  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.footer address p {
  padding: 5px;
}