@charset "UTF-8";

.page-yokoku {
	/*display: none;*/
}

@media screen and (min-width: 769px) {
  .mv {
    background-image: url("../images/concept/mv_concept.jpg"); }
  .conceptSection {
    width: 1088px;
    margin: 0 auto; }
    .conceptSection .topBlock {
      margin-bottom: 65px; }
      .conceptSection .topBlock .title {
        font-size: 44px;
        line-height: 1.4;
        margin-bottom: 16px; }
        .conceptSection .topBlock .title small {
          display: block;
          font-size: 38px; }
      .conceptSection .topBlock .lead {
        font-size: 16px;
        line-height: 32px; }
	
    .conceptSection .detailBlock2 ul {
	width:100%;
	margin-bottom:65px}
    .conceptSection .detailBlock2 ul li {
	width:50%;
	float:left;}
	
    .conceptSection .detailBlock h3.title {
      font-size: 31px;
      padding-bottom: 16px;
      margin-bottom: 30px; }
      .conceptSection .detailBlock h3.title .num {
        margin-right: 30px; }
        .conceptSection .detailBlock h3.title .num img {
          height: 76px; }
      .conceptSection .detailBlock h3.title sup {
        position: relative;
        top: -0.7em;
        font-size: 16px;
        vertical-align: middle; }
    .conceptSection .detailBlock h4 {
      font-size: 16px;
	padding-bottom:10px;}
    .conceptSection .detailBlock p {
      font-size: 16px;
      line-height: 30px;
		padding-bottom:10px; }
    .conceptSection .detailBlock p.ex {
      font-size: 12px;
      line-height: 1.5em;
		padding-bottom:10px; }
    .conceptSection .detailBlock .box01 {
      margin-bottom: 60px; }
      .conceptSection .detailBlock .box01 h3 + p {
        margin-bottom: 20px;
		font-size:16px;}
      .conceptSection .detailBlock .box01 p b {
        font-size:22px;}
      .conceptSection .detailBlock .box01 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;}
        .conceptSection .detailBlock .box01 ul li:first-child {
          width: 50%;}
        .conceptSection .detailBlock .box01 ul li:last-child {
          width: 50%;}
          .conceptSection .detailBlock .box01 ul li img {}
    .conceptSection .detailBlock .box02 {
      margin-bottom: 60px; }
      .conceptSection .detailBlock .box02 p {
        margin-bottom: 25px; 
        font-size: 16px;
        line-height: 32px;}
      .conceptSection .detailBlock .box02 h4 {
        padding: 20px 0 10px;
        font-size:18px;}
      .conceptSection .detailBlock .box02 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .conceptSection .detailBlock .box02 ul li {
          width: 520px; }
	
    .conceptSection .detailBlock .box03 {
      margin-bottom: 70px; }
      .conceptSection .detailBlock .box03 .title {
        overflow: hidden;
        line-height: 1.3; }
        .conceptSection .detailBlock .box03 .title .num {
          display: block;
          float: left; }
      .conceptSection .detailBlock .box03 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .conceptSection .detailBlock .box03 ul li {
          width: 327px;
          margin-bottom: 10px; }
          .conceptSection .detailBlock .box03 ul li .pct {
            margin-bottom: 15px; }
          .conceptSection .detailBlock .box03 ul li .title {
            font-size: 18px;
            margin-bottom: 12px; }
          .conceptSection .detailBlock .box03 ul li p {
            line-height: 24px; }
	.detailBlock .box01 dl dt {
		font-size:14px;
	}
	.detailBlock .box01 dl dd {
		font-size:14px;
		margin-bottom:10px;
	}
	.detailBlock .box01 p.alert {
		padding:10px 10px;
		margin-bottom:20px;
      	font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
  .mv {
    background-image: url("../images/concept/mv.jpg");background-position: left 20% bottom; }
  .conceptSection {
    padding: 0 20px; }
    .conceptSection .topBlock {
      margin-bottom: 40px; }
      .conceptSection .topBlock .title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 10px; }
        .conceptSection .topBlock .title small {
          display: block;
          font-size: 19px; }
      .conceptSection .topBlock .lead {
        font-size: 12px;
        line-height: 19px; }
    .conceptSection .detailBlock h3.title {
      font-size: 18px;
      padding-bottom: 7px;
      margin-bottom: 12px; }
      .conceptSection .detailBlock h3.title .num {
        margin-right: 10px; }
        .conceptSection .detailBlock h3.title .num img {
          height: 27px; }
      .conceptSection .detailBlock h3.title sup {
        position: relative;
        top: -0.7em;
        font-size: 10px;
        vertical-align: middle; }
      .conceptSection .detailBlock h3.title span {
        font-size: 12px; }
    .conceptSection .detailBlock p {
      font-size: 16px;
      line-height: 1.8em; }
    .conceptSection .detailBlock .box01 {
      margin-bottom: 40px; }
      .conceptSection .detailBlock .box01 h3 + p {
        margin-bottom: 20px;
		font-size:15px;}
      .conceptSection .detailBlock .box01 p b {
        font-size:18px;}
      .conceptSection .detailBlock .box01 p {
        margin-bottom: 12px; }
    .conceptSection .detailBlock p.ex {
      font-size: 12px;
      line-height: 1.5em;
		padding-bottom:10px; }
      .conceptSection .detailBlock .box01 ul li {
        margin-bottom: 15px; }
        .conceptSection .detailBlock .box01 ul li img {
          width: 100%; }
    .conceptSection .detailBlock .box02 {
      margin-bottom: 35px; }
      .conceptSection .detailBlock .box02 ul li img {
        width: 100%; }
      .conceptSection .detailBlock .box02 h4 {
        padding: 20px 0 10px;
        font-size:15px;}
    .conceptSection .detailBlock h4 {
      font-size: 16px;
		padding-bottom:10px;}
	
	.detailBlock .box01 dl dt {
		font-size:14px;
	}
	.detailBlock .box01 dl dd {
		font-size:14px;
		margin-bottom:10px;
	}
	.detailBlock .box01 p.alert {
		padding:10px 10px;
		margin-bottom:20px;
      	font-size: 14px;
	}
}

      .conceptSection .topBlock .title {
        font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'MS P明朝', 'MS PMincho', serif;}
    .conceptSection .detailBlock h3.title {
      font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'MS P明朝', 'MS PMincho', serif;
      color: #ba6a8e;
      border-bottom: 2px solid #ba6a8e;}
      .conceptSection .detailBlock .box01 h3 + p {
		/*color:#6e654c;*/line-height: 32px;}
      .conceptSection .detailBlock .box02 h4 {
        color:#6e654c;}
          .conceptSection .detailBlock .box03 ul li .title {
            color: #6e654c;}

    .conceptSection .detailBlock h4 {
		font-weight:bold;
      line-height: 1.5em;}
	.detailBlock .box01 dl dt {
		font-weight:bold;
	}
	.detailBlock .box01 dl dd {
		padding-left:1em;
	}
	.detailBlock .box01 p.alert {
		background-color: #f5f3ee;
		border:1px solid #000;
        line-height: 1.5em; 
	}

@media screen and (min-width: 769px) {
    .smartcity{
        width:1000px;
		padding:40px 40px;
		margin-bottom:50px!important;
    }
    .smartcity h2{
		font-size:20px;
		margin-bottom:20px;
    }
}

@media screen and (max-width: 768px) {
    .smartcity{
        width:90%;
		padding:5VW 5%;
    }
    .smartcity h2{
		font-size:20px;
		margin-bottom:20px;
    }
}

.smartcity{
	background-color: #e9eaea;
	margin:0 auto;
	text-align: center;
}
.smartcity h2{
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin-bottom:20px;
	color:#2e5ba1;
}
.smartcity p.ex{
    font-size:12px;
    text-align: right
}

    ul:after {
        content: "."; 
        display: block; 
        height: 0; 
        font-size:0;	
        clear: both; 
        visibility:hidden;
    }