.yesno
	{
	min-height:550px;
	width:100%;
	clear:both
	}

.yesno ul
	{
	overflow:hidden;
	padding:0!important;
	display:-webkit-flex;
	display:flex;
	max-width:600px;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:25px auto 0
	}

.yesno ul.banner{
	display:block
	}

.yesno ul li{
	list-style:none;
	text-align:center;
	color:#FFF;
	line-height:200px;
	font-size:120%;
	width:38%;
	border:5px #7e6450 solid
	}

.yesno div.taiken{
	width:100%;
	max-width:750px;
	padding:10px 10px 5px 10px;
	margin:45px auto 10px;
	border-radius:10px;
	box-sizing:border-box;
	background:#FFF;
	border:5px #7e6450 solid
	}
.positionFit{
	width:100%;
	margin:auto
	}
	
.positionFit dl{
	margin-block-start:0em;
	background:#224EB1;
	width:100%;
	margin:0;
	padding:15px 0 15px
	}
	
.positionFit dl dt{
	font-size:18px;
	width:90%;
	max-width:600px;
	padding:5px 0 5px;
	text-align:center;
	color:#fff;
	margin:10px auto 10px;
	border-radius:20px;
	background:#49baff}
	
.positionFit dl dd
	{
	text-align:center;
	width:90%;
	max-width:600px;
	box-sizing:border-box;
	font-size:14px;
	padding:20px 10px 20px;
	margin:10px auto 0;
	background:#fff;
	color:#111;
	font-weight:700
	}
.positionFit dl dd span
	{
	display:block;
	padding:10px;color:#ff3e00;
	margin:10px auto;
	background:#fff7cd
	}
.yesno ul li a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
	background-size:cover
	}
.no-bg
	{
	background:#48cc83!important
	}
.yesno .material-icons
	{
	background:rgba(0,0,0,.1) none repeat scroll 0 0;
	border-radius:50%;
	font-size:30px;
	padding:10px 10px 8px;
	vertical-align:middle;
	margin:0 10px 0 0
	}
li.even a
	{
	background-image:url(../image/shindan/yes.jpg);
	background-position:center center
	}
li.odd a
	{
	background-image:url(../image/shindan/no.jpg);
	background-position:center center
	}
li.even a:hover
	{
	background-image:url(../image/shindan/yes_mo.jpg);
	background-position:center center
	}
li.odd a:hover
	{
	background-image:url(../image/shindan/no_mo.jpg);
	background-position:center center
	}
img.title
	{
	width:270px;
	margin:auto;
	display:block
	}
div#banner
	{
	border:#fff solid 5px;
	width:70%;
	margin:50px auto 20px
	}
.yesno ul.link{
	display:block;
	width:100%;
	margin:30px auto 0
	}
.yesno ul.link li
	{
	list-style:none;
	font-size:120%;
	line-height:18px;
	width:90%;
	border:none;
	margin:10px auto 0;
	border-radius:3px
	}
.yesno ul.link li a{
	width:100%;
	padding:25px 20px 18px;
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:700;
	text-indent:0;
	background:#ff6436;
	border-top:1px #ffa091 solid;
	border-bottom:1px #a94b2f solid;
	border-radius:3px;
	box-sizing:border-box
	}
section.relation{
	background:url(../image/shindan/sec_relation.jpg);
	background-size:cover;
	margin:50px auto 20px
	}
	div.contents
	{
	clear:both;
	max-width:1000px;
	width:100%;
	margin:auto;
	padding:30px 20px 20px;
	box-sizing:border-box
	}
section.relation h2{
	font-weight:700;
	width:100%;
	text-align:center;
	padding:30px 0 0;
	margin:0 0 20px;
	font-size:24px;
	color:#224eb1
	}
section.relation ul
	{
	max-width:900px;	
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between
	}

section.relation ul li
	{
	line-height:26px;
	width:32%;
	background:rgba(255,255,255,.9);
	box-sizing:border-box;
	color:#333;
	border:none;
	padding:0 0 15px
	}

section.relation ul li dt
	{
	font-weight:700;
	color:#08215A;
	font-size:110%;
	text-align:center;
	width:100%;
	margin:0;
	padding:10px 0
	}
	
section.relation ul li dd{
	padding:5px 15px 15px;
	min-height:180px;
	margin-inline-start:0;
	text-align:left
	}
	
section.relation ul li dd b{
	color:#0032ff;
	}
	
section.relation ul li a{
	display:block;
	background:none;
	width:100%;
	height:auto;
	text-indent:0;
	color:#111
	}
	
section.relation ul li a.textLink{
	display:block;
	background:#2c4274;
	color:#FFF;
	border:1px solid #fff;
	width:70%;
	margin:0 auto 20px;
	text-align:center;
	padding:5px;
	border-radius:3px
	}
.final dl dt{
	background:#ff8400
	}
.final dl dd{
	text-align:left;
	padding:10px
	}
	
	
@media (max-width:780px){
	.positionFit{
		width:100%;
		margin:auto}
	.yesno ul{
		display:block}
	.yesno ul li{
		list-style:none;
		text-align:center;
		color:#FFF;
		display:block;
		margin:15px auto 0;
		background-color:#066;
		line-height:150px;
		font-size:100%;
		width:200px;
		float:none;
		margin:10px auto 0
		}
.pc{
	display:none;}	
img.title{
	width:200px;
	margin:auto;
	display:block
	}
	
.yesno ul.banner li a{
	width:90%
	}
	
.yesno ul.banner li:last-child a{
	width:90%
	}
	
div#banner{
	border:#fff solid 5px;
	width:90%;
	margin:30px auto 20px
	}
section.relation h2{
	font-size:20px
	}

section.relation ul li{
	line-height:26px;
	width:100%
	}