@charset "utf-8";
.h1bg h1 {
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 2px 3px #353535;
    background-color: #04047c4f;
    padding: 1em;
    margin: 0.5em;
}

.h2 {
    font-size: 30px;
    font-weight: 700;
}
.title_10 h2 {
    padding: 0.5em;
    color: #000;
    background: #fbfaff;
    border-left: solid 5px #04047c;
    font-size: 1.2em;
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}

.col_3 p{
    font-size: 0.9em;
}

.border {
  border-bottom: solid 2px #000;
  padding: 0.5em 0 0.5em 0;
}

.border_2 {
  border-bottom: solid 2px #fff;
  padding: 0.5em 0 0.5em 0;
}

.border_3 {
  border-bottom: solid 2px #04047c;
  padding: 0.5em 0 0.5em 0;
  font-size: 1.0em;
}

.box11{
    padding: 1em;
    margin: 1em 0;
    background: white;
    font-size: 1.4em;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.box11 p{
    padding: 10px;
    margin: 20px 10px 10px 0px;
}

.title_hiyou {
    padding: 10px;
    margin:10px  0px;
    color: #fff;
    background: #04047c;
    text-align: center;  
    font-size: 1.4em;
}

.title_naiyo {
    padding: 10px;
    margin:10px  0px;
    color: #000;
    background: #e8eff7;
    text-align: center;
    border-bottom: solid 2px #04047c;
}

.area_list{
  color:#fff;
}

.kiji_list{
    padding: 10px;
    margin: 20px 10px 10px 0px;
    color: #fff!important;
}

.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}

.col_2 p{
    font-size: 0.9em;
}

.child {
        display: flex;
        width: 90px;
      }


@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}


@media screen and (max-width: 640px){
.h2 {
    font-size: 20px;
}
}
#c15 {
	clear: both;
	background-image: url(../images/contents/hibg.jpg);
	margin:    ;
	padding:    ;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 h1,
#c3 div {
	text-align: center;
}
#c4 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c5 {
	clear: both;
	margin: 20px 0 20px 0;
	padding:    ;
}
#c1 {
	clear: both;
	margin: 0 0 30px 0;
	padding:    ;
}
#c1 h2,
#c1 div {
	text-align: center;
}
#c11 {
	clear: both;
	margin: 20px 0 0 0;
	padding:    ;
}
#c11 h3,
#c11 div {
	text-align: left;
}
#c12 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c12 h2,
#c12 div {
	text-align: left;
}
#c13 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c13 ul li {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 20px;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c13 ul li { margin-bottom: px; }
#c13 ul li:last-child { margin-bottom: 0; }
#c16 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c16 h2,
#c16 div {
	text-align: left;
}
#c17 {
	clear: both;
	margin: 20px 10px 0px 10px;
	padding:    ;
}
#c17 h3,
#c17 div {
	text-align: left;
}
#c25 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c25 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c25 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c18 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c18 h2,
#c18 div {
	text-align: left;
}
#c48 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c48 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c48 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c48 > div:nth-of-type(1) img {
	width: 640px;
}
#c48 > div:nth-of-type(2) img {
	width: 640px;
}
#c48 > div:nth-of-type(3) img {
	width: 640px;
}
#c48 > div:nth-of-type(4) img {
	width: 640px;
}
#c48 > div:nth-of-type(5) img {
	width: 640px;
}
#c48 > div:nth-of-type(6) img {
	width: 640px;
}
#c20 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c20 h2,
#c20 div {
	text-align: left;
}
#c33 {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding:    ;
}
#c33 h3,
#c33 div {
	text-align: left;
}
#c52 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c52 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c52 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c22 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c22 h2,
#c22 div {
	text-align: left;
}
#c34 {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding:    ;
}
#c34 h3,
#c34 div {
	text-align: left;
}
#c26 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c26 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c26 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c26 > div:nth-of-type(1) img {
	width: 640px;
}
#c26 > div:nth-of-type(2) img {
	width: 640px;
}
#c26 > div:nth-of-type(3) img {
	width: 640px;
}
#c32 {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding:    ;
}
#c32 h3,
#c32 div {
	text-align: left;
}
#c53 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c53 h2,
#c53 div {
	text-align: center;
}
#c54 {
	clear: both;
	background-image: url(../images/contents-sp/bg03.png);
	margin:    ;
	padding:    ;
}
#c55 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c55 h3,
#c55 div {
	text-align: left;
}
#c56 {
	clear: both;
	margin: 30px 0 0 0;
	padding:    ;
}
#c56 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c56 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c57 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c28 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c28 h2,
#c28 div {
	text-align: left;
}
#c30 {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding:    ;
}
#c30 h3,
#c30 div {
	text-align: left;
}
#c29 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c29 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c29 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c29 > div:nth-of-type(1) img {
	width: 640px;
}
#c29 > div:nth-of-type(2) img {
	width: 640px;
}
#c29 > div:nth-of-type(3) img {
	width: 640px;
}
#c31 {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding:    ;
}
#c31 h3,
#c31 div {
	text-align: left;
}
#c35 {
	clear: both;
	background-color: #04047c;
	margin: 40px 0 0 0;
	padding: 50px 40px 10px 50px;
}
#c35 h3,
#c35 div {
	text-align: center;
}
#c37 {
	clear: both;
	background-color: #04047c;
	margin:    ;
	padding: 0 40px 0 50px;
}
#c36 {
	background-color: #04047c;
	margin:    ;
	padding: 30px 40px 10px 50px;
	float: left;
}
#c36 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c36 ul li { margin-right: 10px; }
#c36 ul li:last-child { margin-right: 0; }
#c38 {
	clear: both;
	background-color: #04047c;
	margin:    ;
	padding: 50px 40px 50px 50px;
}
#c38 h3,
#c38 div {
	text-align: center;
}
#c39 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c39 h2,
#c39 div {
	text-align: left;
}
#c40 {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding:    ;
}
#c40 h3,
#c40 div {
	text-align: left;
}
#c41 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c41 h2,
#c41 div {
	text-align: left;
}
#c42 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c42 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c42 > div:nth-of-type(1) img {
	width: 640px;
}
#c42 > div:nth-of-type(2) img {
	width: 640px;
}
#c42 > div:nth-of-type(3) img {
	width: 640px;
}
#c58 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c58 h2,
#c58 div {
	text-align: center;
}
#c59 {
	clear: both;
	background-image: url(../images/contents-sp/bg03.png);
	margin:    ;
	padding:    ;
}
#c60 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c60 h3,
#c60 div {
	text-align: left;
}
#c61 {
	clear: both;
	margin: 30px 0 0 0;
	padding:    ;
}
#c61 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c61 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c62 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c15 {
}
#c3 {
}
#c4 {
}
#c5 {
}
#c1 {
}
#c11 {
}
#c12 {
}
#c13 {
}
#c16 {
}
#c17 {
}
#c25 {
}
#c25 {
}
#c18 {
}
#c48 {
}
#c48 {
}
#c20 {
}
#c33 {
}
#c52 {
}
#c52 {
}
#c22 {
}
#c34 {
}
#c26 {
}
#c26 {
}
#c32 {
}
#c53 {
}
#c54 {
}
#c55 {
}
#c56 {
	margin: 30px 0 0 0;
}
#c56 {
}
#c57 {
}
#c28 {
}
#c30 {
}
#c29 {
}
#c29 {
}
#c31 {
}
#c35 {
}
#c37 {
}
#c36 {
}
#c38 {
}
#c39 {
}
#c40 {
}
#c41 {
}
#c42 {
}
#c42 {
}
#c58 {
}
#c59 {
}
#c60 {
}
#c61 {
	margin: 30px 0 0 0;
}
#c61 {
}
#c62 {
}
}
@media screen and (max-width: 640px) {
#c15 {
}
#c3 {
}
#c4 {
}
#c5 {
}
#c1 {
}
#c11 {
}
#c12 {
}
#c13 {
}
#c16 {
}
#c17 {
}
#c25 {
}
#c25 {
}
#c18 {
}
#c48 {
}
#c48 {
}
#c20 {
}
#c33 {
}
#c52 {
}
#c52 {
}
#c22 {
}
#c34 {
}
#c26 {
}
#c26 {
}
#c32 {
}
#c53 {
}
#c54 {
}
#c55 {
}
#c56 {
	margin: 30px 0 0 0;
}
#c56 {
}
#c57 {
}
#c28 {
}
#c30 {
}
#c29 {
}
#c29 {
}
#c31 {
}
#c35 {
}
#c37 {
}
#c36 {
	float: none;
}
#c38 {
}
#c39 {
}
#c40 {
}
#c41 {
}
#c42 {
}
#c42 {
}
#c58 {
}
#c59 {
}
#c60 {
}
#c61 {
	margin: 30px 0 0 0;
}
#c61 {
}
#c62 {
}
}