@charset "utf-8";
/*==汎用==*/
.flex01 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .flex01 {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
}
.flex02 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
}
/*蛍光ペン的なやつ*/
.underline{
  background: linear-gradient(transparent 70%, #ffe0c2 70%);
}
/*テキスト省略*/

.ellipsis {
  position: relative;
  overflow: hidden;
  line-height: 20px;
  height:1.8rem;
}

.ellipsis:before, .ellipsis:after {
  position: absolute;
  background: #fff;
}

.ellipsis:before {
  content: "･･･";
  bottom: 0;
  right: 0;
  padding:0 7px;
}

.ellipsis:after {
  content: "";
  width: 100%;
  height: 100%;
}

/*==汎用ここまで==*/
.true{
  max-width: 1140px;
  padding:0 25px;
  margin:68px auto 0;
}
.true_list{
  margin-bottom: 50px;
}
/*左画像側*/
.true_list_left{
  position:relative;
  flex-basis:545px;
}
.left_inner{
  /*overflow: hidden;
  width: 510px;
  height: 330px;*/
  max-width:510px;
  width:100%;
  position: relative;
  text-align: center;
}
.policy_list_img a{
 display:block;
 padding-top:64.7%;
}

/*.left_inner img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  transition:.5s all;
}*/

.new{
  position:absolute;
  top:-8px;
  left:0;
  width:59px;
  height:56px;
}
.new img{
  max-width:100%;
  width:inherit;
}
@media screen and (max-width: 767px) {
  /*左画像側*/
.true_list_left{
  max-width: 510px;
  width:100%;
  margin:0 auto;
  flex-basis:100%;
}
.left_inner{
  overflow: hidden;
  width: 100%;/* トリミングしたい枠の幅 */
  /*height: 330px;*//* トリミングしたい枠の高さ */
  position: relative;
  text-align: center;
  margin:0 auto;
}
}
/*右テキスト側*/
.true_list_r{
  flex-basis:546px;
  padding-top:58px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.true_list{
 -webkit-align-items: center;
 align-items: center;
}
.true_list_r{
 padding-left:2%;
 padding-top:0;
}
.true_list_left {
 flex-basis: 450px;
}
}
.true_list_r h2{
  font-size: 26px;
  line-height: 1.5;
  margin-bottom:30px;
  display:block;
  padding-bottom:15px;
  height:inherit;
  max-height:2.9em;
   border-bottom:1px solid #ff9934;
}
.true_list_txt{
  font-size: 20px;
  line-height: 1.6;
  height:inherit;
  max-height:4.9em;
  margin-bottom: 40px;
}
.more{
  text-align:right;
}
.more a{
  display:block;
  width:120px;
  margin:0 0 0 auto;
  text-align: center;
  padding:10px 13px;
  background-color: #ff9934;
  border:1px solid #ff9934;
  color:#000;
  transition:.5s all;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
}
.more a i{
  padding-left:30px;
}
@media all and (-ms-high-contrast:none) {
.more a i{
  padding-left:25px;
}
}
.more a:hover{
  border:1px solid #000;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .true_list_r{
  flex-basis:100%;
  padding-top:30px;
}
.true_list_r h2{
  margin-bottom:20px;
}
.true_list_txt{
  margin-bottom: 30px;
}
.more{
  text-align:right;
}
}