@charset "utf-8";
/* CSS Document */

/* main visual */
.index_mv {
	position: relative;
	margin-bottom: 60px;
}

.content h1.logo_img {
	background-color: transparent;
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: 0;
    padding: 0;
}
.content h1.logo_img img {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	max-width: 0 auto;
}

/* index common */
.youtube iframe{
	width: 100%;
  }
.bg_gry {
    background-color: #E7E1D5;
}
.content p.lead{
	font-size: 1.2em;
	margin: 0 0 30px 0;
	padding: 0;
}
.clear{
	clear: both;
}

/* pc / sp　表示非表示 */
.sp_none {
	display: block;
}
.pc_none {
	display: none;
}

/* index title */
h2.index_ttl {
    position: relative;
    background-color: transparent;
    font-size: 1.571em;
	font-weight: bold;
    text-align: center;
    margin: 0 0 35px 0;
    padding: 0 0 10px 0;
}
h2.index_ttl::after {
    background-color: #333;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    width: 124px;
}

/* menu section */
.menuContainer{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin-bottom: 100px;
}
.menu{	
	width:25%;
	padding: 6px;
	display:inline-block;
	font-size: 1em;
}
.menu img{
	width: 98%;
	margin: auto;
}
.menu img.list{
	width: 12px;
	margin: 0 6px 0 0;
}
.menu a:hover{
	opacity:.7;
}
.menu h2{
	color: #ffffff;
	padding: 6px;
	border-bottom: none;
	width: 98%;
	margin: 0 0 10px ;
	text-align: center;
	letter-spacing: .5em;
}
.menu p{
	font-size: 1em;
	margin: 10px 6px;
	padding: 0px;
}
.menu span.cap{
	font-size: .6em;
}
.menu h2.nogyo{
	background-color:#ad0000;
}
.menu h2.ringyo{
	background-color:#348201;
}
.menu h2.gyogyo{
	background-color:#0055AD;
}
.menu h2.rokuji{
	background-color:#FFB94F;
	color: #000000;
	letter-spacing: .3em;
}
.content .copy img {
	margin: 12px 0 0 auto;
	max-width: 256px;
	width: 30%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

/* toc section */
.tocContainer {
	padding: 50px 40px 60px 40px;
	margin-bottom: 60px;
}
.toc p.txt-indent {
	padding-left: 1em;
    text-indent: -1em;
}

.toc .toc_item {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin-bottom: 5px;
}
.toc a.toc_link {
	background-image: url(../img/icon_arrow-wht.png);
	background-size: 8px 15px;
	background-repeat: no-repeat;
	background-position: top 50% right 25px;
	margin: 0;
    padding: 25px 50px 25px 25px;
    border-bottom: none;
	font-weight: 400;
	font-size: 1.5em;
	width: 30%;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	text-decoration: none;
}
.toc a.toc_link:hover {
	opacity:.7;
}
.toc a.toc_link.owner {
	background-color: #000000;
	color: #fff;
}
.toc a.toc_link.self {
	background-color: #32810B;
	color: #fff;
}
.toc a.toc_link.countryside {
	background-color: #0755AB;
	color: #fff;
}
.toc a.toc_link.u-turn {
	background-color: #CCCCCC;
}
.toc a.toc_link.city {
	background-color: #AC0201;
	color: #fff;
}
.toc a.toc_link.corp {
	background-color: #FEB851;
}
.toc .toc_contents {
	background-color: #fff;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 15px;
	width: 70%;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.toc p {
	margin: 0;
	padding: 0;
}
.toc p.toc_lead {
	font-size: 1.286em;
	margin-bottom: 5px;
}



/* lower style */
h1.ttl01,
h2.ttl01,
h3.ttl01 {
	position: relative;
	background-color: transparent;
	border-bottom: 1px solid #666666;
	font-size: 1.357em;
	font-weight: 400;
	margin: 0 0 30px 0;
	padding: 10px 20px 15px 20px;
}
h1.ttl01::before,
h2.ttl01::before,
h3.ttl01::before {
	background-color: #AC0201;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% - 10px);
	width: 3px;
} 

/* artcle style */
.artcleContainer {
	margin-bottom: 100px;
}
.article_img {
	margin-bottom: 60px;
}
.article {
	margin-bottom: 50px;
}
.article h2.article_ttl {
	background-color: transparent;
	font-size: 1.143em;
	font-weight: 400;
	padding: 0 15px;
	margin: 0 0 30px 0;
	line-height: 180%;
}
.article .article_body {
	padding: 35px;
}
.article p.article_body-txt {
	line-height: 200%;
	padding: 0;
	margin: 0;
}
.article .article_column {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.article .article_column.reverse {
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.article .article_column .article_body-txt {
	width: calc((100% * 3 / 5) - 40px);
}
.article .article_column .article_body-img {
	width: calc(100% * 2 / 5);
}


/* 767px以下用（スマートフォン用）の記述 */
@media (max-width:767px) {
	/* main visual */
	.mv {
		margin-bottom: 40px;
	}
	.content h1.logo_img {
		top: 5px;
	}

	h2.index_ttl {
		font-size: 1.429em;
		margin: 0 0 20px 0;
	}

	/* common */
	.content p.lead{
		margin-bottom: 20px;
	}
	/* pc / sp　表示非表示 */
	.sp_none {
		display: none;
	}
	.pc_none {
		display: block;
	}

	/* toc sectioon */
	.tocContainer {
		padding: 30px 20px 40px 20px;
		margin-bottom: 40px;
	}
	.toc .toc_item {
		display: block;
	}
	.toc a.toc_link {
		background-position: top 50% right 15px;
		font-size: 1.286em;
		padding: 15px 35px 12px 15px;
		width: 100%;
	}
	.toc .toc_contents {
		border-top: none;
		border-left: 1px solid #666666;
		width: 100%;
	}
	.toc p.toc_lead {
		font-size: 1.143em;
		margin-bottom: 5px;
	}

	/* menu section */
	.menuContainer{
		display: inline-block;
		margin-bottom: 30px;
	}
	.menu{	
		width:100%;
		padding: 0;
		display:inline-block;
		font-size: 1em;
	}
	.menu img{
		width: 45%;
		margin-bottom: 1.5em;
	}
	.menu a[href^="http://"],.menu a[href^="https://"]{
		background-image:none;
		background-size: 0;
		background-position: right 0;
		margin: 0;
		padding: 0;
		}
	.menu .txt a[href^="http://"],.menu .tt a[href^="https://"]{
		background-image: url(/j/shared_new/shared/images/icon_wo2.png);
		background-repeat: no-repeat;
		background-position: right 40%;
		margin: 0 4px 0 0;
		padding: 0 20px 0 0;
		}
	.menu .txt{
		width: 52%;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		}
	.menu h2{
		color: #ffffff;
		padding: 6px;
		border-bottom: none;
		width: 100%;
		margin: 0 ;
		text-align: center;
		letter-spacing: .5em;
	}
	.menu p{
		font-size: 1em;
		margin: 0;
		padding: .3em .6em .8em;
	}


	/* lower style */
	h1.ttl01,
	h2.ttl01,
	h3.ttl01 {
		font-size: 1.286em;
	}

	/* article style */
	.artcleContainer {
		margin-bottom: 60px;
	}
	.article_img {
		margin-bottom: 40px;
	}
	.article {
		margin-bottom: 40px;
	}
	.article .article_body {
		padding: 20px;
	}
	.article .article_column {
		display: block;
	}
	.article .article_column .article_body-txt,
	.article .article_column .article_body-img {
		width: 100%;
	}
	.article .article_column .article_body-img {
		margin-bottom: 20px;
	}

}

/*owner
ーーーーーーーーーーーーーーーーーーーーーー*/
.lower_index img{
    width:100%;
}

.lower_index p{
    padding:0;
    line-height:1.7em;
}

.lower_index ul{
    padding:0;
    margin:0;
}

.lower_index ul li{
    background-image:none;
    padding:0;
    margin:0;
}

.lower_index .lower_sec01{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    background-color:#000;
}

.lower_index .lower_sec01 h1{
    width: calc((100% - 280px));
    background-color:transparent;
    color:#FFF;
    margin:0;
    padding:15px;
    font-size:1.25em;
}

.lower_index .lower_sec01 div{
    width:280px;
    background-color:#FFF;
    padding:15px;
    border:1px solid #000;
    box-sizing:border-box;
}

.lower_index .lower_sec01 div img{
    width:100%;
}

.lower_index .lower_sec03 .box_list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lower_index .lower_sec03 .box_list .box_lists{
    width:32.5%;
    padding:20px;
    margin-bottom:40px;
}

.lower_index .lower_sec03 .box_list .box_lists .list_title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.lower_index .lower_sec03 .box_list .box_lists a{
    display: block;
    text-decoration: none;
}
.lower_index .lower_sec03 .box_list .box_lists a:hover .list_img{
    opacity: .7;
}
.lower_index .lower_sec03 .box_list .box_lists .list_title h3{
    font-size:1.125em;
    border:none;
    width: calc((100% - 23px));
    margin:0;
    padding:0;
    min-height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.lower_index .lower_sec03 .box_list .box_lists .list_title div{
    width: 18px;
    height:100%;
    margin:0 0 20px 0;
}

.lower_index .lower_sec03 .box_list .box_lists .icon_list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lower_index .lower_sec03 .box_list .box_lists .icon_list .icon_lists{
    width:15%;
}

.lower_index div#map1 img {
    width: 100%;
    height: auto;
}

.lower_index div#map1 area{
    border:none;
    outline:none;
}

.lower_index ul.disc {
    padding-left: 1em;
}
.lower_index ul.disc li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-bottom: 20px;
}
.lower_index ul.disc li a {
    background-image: url(../img/icon_wo3.png);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: top 50% right;
    padding-right: 25px;
    text-decoration: none;
}
.lower_index ul.disc li span {
    margin-right: 8px;
    color: #999999;
}

.lower_index .lower_sec05 {
    margin-bottom: 100px;
}
.lower_index .lower_sec05 .link_area {
    padding-left: 1em;
}
.lower_index .lower_sec05 .link_ttl span {
    margin-right: 8px;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-01 {
    color: #57B3DB;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-02 {
    color: #3BB3AA;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-03 {
    color: #64BC6E;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-04 {
    color: #D9DE58;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-05 {
    color: #F4BB65;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-06 {
    color: #EB4C47;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-07 {
    color: #E97951;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-08 {
    color: #FFAEBF;
}
.lower_index .lower_sec05 .link_ttl span.link_ttl-09 {
    color: #BB75AE;
}

.index_mv .note{
	padding: 0;
	font-size: 1em;
	text-align: right;
}

.lower_index .owner{
	background-color:#000;
}

.lower_index .side{
	background-color: #32810B;
}

.lower_index .country{
	background-color: #0055AD;
}

.lower_index .uturn{
	background-color: #ccc;
}

.lower_index .urban{
	background-color: #AC0201;
}

.lower_index .employ{
	color: #000;
	background-color: #FEB851;
}

.lower_index .owner h1{
	color: #fff;
}

.lower_index .side h1{
	color: #fff;
}

.lower_index .country h1{
	color: #fff;
}

.lower_index .uturn h1{
	color: #000;
}

.lower_index .urban h1{
	color: #fff;
}

.lower_index .employ h1{
	color: #000;
}

.quote .image{
	display: flex;
	justify-content: center;
}

.quote .image img{
	width: 100%;
}

.quote .card{
	max-width: 800px;
	margin: 60px auto 0;
	padding: 30px 0;
	background-color: #E7E1D5;
}

.quote .card .title{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.quote .card .item_title{
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.quote .card .item_title:before{
	content: "";
	width: 10px;
	height: 10px;
	margin-right: 8px;
	display: inline-block;
	background-color: #000;
}

.quote section{
	margin-top: 60px;
}


/* 959px以下用（タブレット用）の記述 */
@media (max-width:959px) {
    .lower_index .lower_sec03 .box_list .box_lists {
        width: calc(50% - 10px);
    }
}


/* 767px以下用（スマートフォン用）の記述 */
@media (max-width:767px) {
    .lower_index .lower_sec01 h1 {
        width: 55%;
        font-size: 1.143em;
        padding: 10px 15px;
    }
    .lower_index .lower_sec01 div {
        width: 45%;
        padding: 15px 0;
    }
    .lower_index .lower_sec03 .box_list {
        display: block;
    }
    .lower_index .lower_sec03 .box_list .box_lists {
        width: 100%;
        margin-bottom: 20px;
    }
    .lower_index .lower_sec05 {
        margin-bottom: 60px;
    }
}