@charset "UTF-8";
#pageVision .page-ttl span{
 color: #cd0519;
}
#pageVision.main-contents{
 padding-bottom: 0;
}
/*---------------------------------------------------------------------

 font-family: 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

-----------------------------------------------------------------------*/

.sec-vision{
 background: url(../images/vision/bg_vision.png) 50% 50% no-repeat;
 background-size: contain;
}
.dl-vision{
 margin: 30px 0 0;
}


.dl-vision dt{
 font-family: "丸フォーク M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 font-weight: 600;
 font-size: 2.5rem;
 padding:60px 0 12px;
 background-position: top center;
 background-repeat: no-repeat;
 background-size: 50px auto;
	line-height: 1.333;
}
.dl-vision dt span{
	display: inline-block;
}
.dl-vision dd{
 padding-bottom: 30px;
}
.dl-vision dd .ttl-vision{
 font-size: 1.8rem;
 line-height: 1.5;
 padding-bottom: 0.4em;
 font-weight: 600;
}
.dl-vision dd .txt-vision{
	line-height: 1.5;
}

.dl-vision dt.vision-01{
 background-image: url(../images/vision/icon_point_01.png);
 color: #d12734;
}
.dl-vision dt.vision-02{
 background-image: url(../images/vision/icon_point_02.png);
 color: #f66f3f;
}
.dl-vision dt.vision-03{
 background-image: url(../images/vision/icon_point_03.png);
 color: #39b54a;
}

@media screen and (min-width: 768px) { 
 .dl-vision dt{
  font-size: 3.1rem;
   padding:55px 0 13px;
 background-size: 43px auto;
 }
  .dl-vision dd{
   padding-bottom: 50px;
 }
	.dl-vision dd .ttl-vision{
		font-size:2.1rem;
	}
}
@media screen and (min-width: 992px) { 
 .dl-vision dt{
  font-size: 3.0rem;
   padding:70px 0 13px;
 background-size: 57px auto;
 }
  .dl-vision dd{
   padding-bottom: 50px;
 }
.dl-vision dd .ttl-vision{
 font-size: 1.8rem;
 line-height: 1.4;
 padding-bottom: 0.6em;
 font-weight: 600;
}
.dl-vision dd .txt-vision{
}
}
@media screen and (min-width: 1200px) { 
 .dl-vision dt{
  font-size: 4.8rem;
  padding:107px 0 20px;
 background-size: 76px auto;
 }
 .dl-vision dd{
   padding-bottom: 80px;
 }
.dl-vision dd .ttl-vision{
 font-size: 2.8rem;
 line-height: 1.4;
 padding-bottom: 0.4em;
 font-weight: 600;
}
.dl-vision dd .txt-vision{
 font-size: 1.6rem;
 line-height: 1.8;
}
}
/*-----------------------------------------------------

sec-policy

------------------------------------------------------*/
.sec-policy{
 background: #a1c6e3 url(../images/vision/bg_policy.jpg) top center no-repeat;
 background-size: cover;
 padding: 40px 0;
 margin-top:30px;
}
@media screen and (min-width: 768px) { 
 .sec-policy{
 padding: 80px 0 60px;
 }
}
@media screen and (min-width: 1200px) { 
 .sec-policy{
 padding: 120px 0 80px;
   margin-top:50px;
 }
}
#pageVision .sec-policy .page-ttl span{
 color: #FFF;
}
.txt-policy-lead{
 color: #FFF;
 font-size: 1.7rem;
 line-height: 1.33;
 padding:1em 0;
 font-weight: 600;
}
@media screen and (min-width: 768px) { 
.txt-policy-lead{
 font-size: 2.3rem;
 line-height: 1.555;
}
}
@media screen and (min-width: 1200px) { 
.txt-policy-lead{
 font-size: 3.4rem;
 line-height: 1.555;
 margin-bottom: 5px;
}
}
/* ------------------------
 card
---------------------------*/
.wrap-card{
 padding: 30px 0 15px;
}
 .box-card{
  margin-bottom: 35px;
}
.card-policy{
 background-color: rgba(255,255,255,0.8);
 border: 1px solid #FFF;
 padding: 0 15px 10px;
 position: relative;
 height: 100%;
}
.ttl-policy{
 background: #ce1506;
 color: #FFF;
 font-size:1.3rem;
 border-radius: 20px;
 padding: 0.5em 3em;
 text-align: center;
 position: absolute;
 top:-15px;
 left:15px;
 right: 15px;
}
.lead-policy{
 position: relative;
 padding: 20px 0 0;
 font-size: 2.0rem;
 color: #ce1506;
 text-shadow: 1px 1px 1px #FFF;
}
.txt-policy{
  text-shadow: 1px 1px 1px #FFF;
}
@media screen and (min-width: 768px) { 

.wrap-card{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
 margin-left: -10px;
 margin-right: -10px;
}
 .box-card{
  width: 50%;
  padding: 0 10px;
 }
.card-policy{
 padding: 0 20px 15px;
}
 .lead-policy{
 position: relative;
 padding: 27px 0 5px;
 font-size: 2.3rem;
}
 .txt-policy{
  font-size: 1.5rem;
}
}
@media screen and (min-width: 1200px) { 
 .box-card{
  width: 33.333333%;
  padding: 0 15px 30px;
 }
 .card-policy{
 padding: 0 23px 20px;
    min-height: 230px;
}
.ttl-policy{
 background: #ce1506;
 color: #FFF;
 font-size:1.8rem;
 border-radius: 20px;
 padding: 0.5em 0.3em;
 text-align: center;
 position: absolute;
 top:-25px;
 left:40px;
 right: 40px;
}
 .lead-policy{
 position: relative;
 padding: 33px 0 11px;
 font-size: 3.0rem;
}
  .txt-policy{
  font-size: 1.6rem;
   line-height: 1.55555;
}
}