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

/*-----------------------------------------------
base
#141977 青
#ED4549 赤
-----------------------------------------------*/


/*-----------------------------------------------
  kanren
-----------------------------------------------*/

#kanren .target1 {
margin-top:-65px;
padding-top:65px;
}
#kanren .target2 {
margin-top:-65px;
padding-top:calc(65px - 2em);
}

@media (max-width:960px) {
#kanren .target1 {
margin-top:0;
padding-top:0;
}
#kanren .target2 {
margin-top:0;
padding-top:0;
}
}


#kanren .flex {
display:flex;
flex-wrap:no-wrap;
justify-content:space-between;
margin-top:2em;
}
#kanren .flex.around {
justify-content:around;
}
#kanren .flex.center {
justify-content:center;
}
#kanren .flex.row_reverse {
flex-direction:row-reverse;
}

@media (max-width:640px) {
#kanren .flex {
display:block;
}
}

#kanren h3 {
padding:0.2em 1em;
margin-bottom:1em;
font-size:1.2em;
font-weight:bold;
text-align:center;
color:#FFF;
background:#141977;
}

#kanren .text dt {
padding:0.2em 1em;
margin-bottom:0.5em;
font-size:1.2em;
font-weight:bold;
text-align:center;
color:#FFF;
background:#141977;
}
#kanren .text dd {
padding:0.1em 0 0.1em 1em;
text-indent:-1em;
}
#kanren .text dd:before {
content:"●";
color:#141977
}


#kanren .data th {
width:6em;
padding:0.2em 0;
text-align:left;
vertical-align:top;
}
#kanren .data th:before {
content:"■";
color:#141977;
}
#kanren .data td {
padding:0.2em 0;
text-align:left;
vertical-align:top;
}



/*-----------------------------------------------
  misato
-----------------------------------------------*/

#kanren .misato img {
width:52%;
}
#kanren .misato .text {
width:44%;
}
#kanren .misato .data {
margin-top:2em;
}


@media (max-width:640px) {
#kanren .misato img {
width:100%;
}
#kanren .misato .text {
width:100%;
}
}


/*-----------------------------------------------
  flor
-----------------------------------------------*/

#kanren .flor .gyoumu img {
width:52%;
}
#kanren .flor .gyoumu .text {
width:44%;
}
#kanren .flor .text dt {
margin-top:2em;
}

#kanren .flor .gaiyou {
width:48%;
margin-top:2em;
}
#kanren .flor .ryoukin {
width:48%;
margin-top:2em;
}
#kanren .flor .ryoukin th {
display:block;
width:100%;
margin-top:1em;
padding:0;
}
#kanren .flor .ryoukin td {
display:block;
padding:0;
}
#kanren .flor .naiyou {
margin-top:4em;
}
#kanren .flor .naiyou dl {
width:23%;
}
#kanren .flor .naiyou dt {
font-weight:bold;
}
#kanren .flor .kouhou {
margin-top:4em;
}
#kanren .flor .kouhou .flex {
max-width:80%;
margin:0 auto;
}
#kanren .flor .kouhou .new {
width:200px;
margin:0 auto;
text-align:center;
}
#kanren .flor .kouhou .new a img {
transition:all 0.2s ease-out;
}
#kanren .flor .kouhou .new a:hover img {
opacity:0.6;
}
#kanren .flor .kouhou .old {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
width:calc(92% - 200px);
margin-top:1em;
}
#kanren .flor .kouhou .old li {
width:8em;
margin:0.2em 1em;
text-align:center;
}

@media (max-width:640px) {
#kanren .flor .gyoumu img {
width:100%;
}
#kanren .flor .gyoumu .text {
width:100%;
}
#kanren .flor .gaiyou {
width:100%;
}
#kanren .flor .gaiyou th {
display:block;
width:100%;
margin-top:1em;
padding:0;
}
#kanren .flor .gaiyou td {
display:block;
padding:0;
}
#kanren .flor .ryoukin {
width:100%;
}

#kanren .flor .naiyou .flex {
display:flex;
flex-wrap:wrap;
}
#kanren .flor .naiyou dl {
width:48%;
margin-top:1em;
}
#kanren .flor .kouhou .new {
width:80%;
text-align:center;
}
#kanren .flor .kouhou .old {
display: flex;
justify-content: space-between;
width:100%;
}
#kanren .flor .kouhou .old li {
width:48%;
margin:0.5em 0;
text-align:center;
}
}

/*-----------------------------------------------
  kapera
-----------------------------------------------*/

#kanren .kapera img {
width:48%;
}
#kanren .kapera .text {
width:48%;
}
#kanren .kapera .text .form {
margin-top:2em;
}
#kanren .kapera .text .form a {
display: block;
width: 100%;
max-width: 24em;
margin-top: 1em;
padding: 1.25em 1em;
font-weight: bold;
color: #141977;
background-color: #FFF;
border: 1px solid #141977;
transition: 0.2s;
}
#kanren .kapera .text .form a:hover {
text-decoration: none;
color: #FFF;
background-color: #141977;
}
#kanren .kapera .text .form a:after {
content: ">";
display: block;
float: right;
margin-top: 0.2em;
font-size: 0.8em;
}
#kanren .kapera .data {
margin-top:2em;
}
#kanren .kapera .photo {
margin-top:2em;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#kanren .kapera .photo li {
width: 24%;
}
#kanren .kapera .photo li:first-child {
width: 48%;
}
#kanren .kapera .photo li img {
width:100%;
}
#kanren .kapera .info {
margin-top:0.5em;
font-size:1.5em;
text-align:center;
color:#141977;
}

@media (max-width:640px) {
	#kanren .kapera img {
	width:100%;
	}
	#kanren .kapera .text {
	width:100%;
	}
	#kanren .kapera .data th {
	display:block;
	width:100%;
	margin-top:1em;
	padding:0;
	}
	#kanren .kapera .data td {
	display:block;
	padding:0;
	}
	#kanren .kapera .info {
	font-size:1.25em;
	}
}