@charset "utf-8";

.cont01,
.cont02{
	width: 580px;
	margin: 0 auto;
}

@media screen and (max-width:750px) {

	.cont01,
	.cont02{
        width: 87%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center; /* 必要ならテキストも中央揃え */
	}
}

.cont01{
	margin-bottom: 73px;
}

@media screen and (max-width:750px) {

	.cont01{
		width: 87%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:750px) {

	table{
		width: 100%;
		display: inline-block;
	}
}

@media screen and (max-width:750px) {

	th{
		width: 31%;
	}
}

@media screen and (max-width:750px) {

	td{
		width: 69%;
		padding-left: 0;
	}
}

.cont02{
	line-height: 1.4;
	margin-bottom: 63px;
}

@media screen and (max-width:750px) {

	.cont02{
		margin-bottom: 30px;
	}
}

.cont02 th {
    font-weight: normal;
    width: 11em;
    -moz-text-align-last: justify;
    text-align-last: justify;
    padding: 10px 1em 0 0;
}

@media screen and (max-width:750px) {

	.cont02 th{
        font-size: 13px;
        width: auto; /* 必要な幅だけにする */
        display: inline-block; /* コンテンツのサイズに合わせる */
        padding: 10px 0;
        font-weight: bold;
        text-align: center; /* テキストを中央揃え */
	}
}

.cont02 td{/*
	width: 76%;*/
}

@media screen and (max-width:750px) {

	.cont02 td{
		font-size: 13px;
		width: 56%;
		display: block;
		width: 100%;
	}
}

.cont03{
	margin: 0 auto 86px;
	width: 674px;
}



@media screen and (max-width:750px) {
	.cont03 {
        width: 87%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center; /* 必要ならテキストも中央揃え */
	}

	iframe{
		width: 100%;
	}
}

/* スマホで横スクロールが発生しないように */
html, body {
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* すべての要素が親要素をはみ出さないように */
* {
    max-width: 100%;
    box-sizing: border-box;
}

/* コンテンツの幅を調整 */
.cont03 {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}

.cont01 {
    max-width: 580px;
    margin: 0 auto;
}

/* テーブルがはみ出さないように */
table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    overflow-x: auto;
}

/* 画像がはみ出さないように */
img {
    max-width: 100%;
    height: auto;
}

/* フレックスボックスの影響を修正 */
footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}