@charset "utf-8";


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

.bg2 { background: rgba(0,0,0,0.02);}



.cont01 { padding: 50px 0;}
.cont01 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.cont01 table { border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont01 table thead {}
.cont01 table thead td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; text-align: center; background: #F7F7F7;}
.cont01 table tbody {}
.cont01 table tbody th { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; width: 20%; font-weight: normal; letter-spacing: 0.5rem;}
.cont01 table tbody td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; width: 40%; vertical-align: middle;}


.cont02 { padding: 50px 0;}
.cont02 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.cont02 .box01 { margin: 0 0 100px;}
.cont02 .box01 h5 { font-size: 2.0rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box01 p { margin: 0 0 40px;}
.cont02 .box01 .img { text-align: center; margin: 0 0 10px;}

.cont02 .box02 { margin: 0 0 100px;}
.cont02 .box02 h5 { font-size: 2.0rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box02 ul { margin: 0 0 40px 25px;}
.cont02 .box01 p { margin: 0 0 40px;}
.cont02 .box02 .img { text-align: center; margin: 0 0 10px;}

.cont02 .box03 { margin: 0 0 100px;}
.cont02 .box03 h5 { font-size: 2.0rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box03 p { margin: 0 0 0;}
.cont02 .box03 ul { margin: 0 0 40px 25px;}
.cont02 .box03 .img { text-align: center; margin: 0 auto 10px; width: 500px;}

.cont02 .box04 { margin: 0 0 100px;}
.cont02 .box04 h5 { font-size: 2.0rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box04 table { width: 100%; border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont02 .box04 table th { border-top: solid 1px #0483A0; border-right: solid 1px #FFFFFF; padding: 10px 10px; text-align: center; background: #00375c; color: #FFFFFF; font-weight: normal;}
.cont02 .box04 table th:nth-last-child(1) { border-right: solid 1px #0483A0;}
.cont02 .box04 table td:nth-of-type(n+2) { text-align: center;}
.cont02 .box04 table td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; vertical-align: middle;}

.cont02 .box05 { margin: 0 0 100px;}
.cont02 .box05 h5 { font-size: 2.0rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box05 ul { margin: 0 0 40px 25px;}
.cont02 .box05 .img { text-align: center; margin: 0 0 20px;}

.cont02 .box06 { margin: 0 0 0;}
.cont02 .box06 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.cont02 .box06 h5 { font-size: 1.8rem; margin: 0 0 0;}
.cont02 .box06 p { margin: 10px 0 10px;}
.cont02 .box06 table { width: 100%; border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont02 .box06 table caption { text-align: left; padding: 20px 0 10px;}
.cont02 .box06 table thead {}
.cont02 .box06 table thead th { border-top: solid 1px #0483A0; border-right: solid 1px #FFFFFF; padding: 10px 10px; text-align: center; background: #00375c; color: #FFFFFF; font-weight: normal;}
.cont02 .box06 table thead th:nth-of-type(1) { width: 200px;}
.cont02 .box06 table thead th:nth-of-type(2) { width: 400px;}
.cont02 .box06 table thead th:nth-last-child(1) { border-right: solid 1px #0483A0;}
.cont02 .box06 table tbody {}
.cont02 .box06 table tbody th { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; font-weight: normal;}
.cont02 .box06 table tbody td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; vertical-align: middle;}
.cont02 .box06 ol { list-style: none; counter-reset: item;}
.cont02 .box06 ol li { padding-left: 2.5em; color: #666; font-size: 1.6rem; position: relative;}
.cont02 .box06 ol li::before { content: '※'counter(item); counter-increment: item; position: absolute; top: 0; left: 0; color: #666; font-size: 1.6rem;}



.cont03 { padding: 50px 0;}
.cont03 .box01 h4 { font-size: 2.4rem; margin: 0 0 20px;}

.cont03 .box01 { margin: 0 0 50px;}
.cont03 .box01 .box { display: flex;}
.cont03 .box01 .box .img { width: 200px;}
.cont03 .box01 .box .txt {}
.cont03 .box01 .box .txt table { width: 550px; border-top: solid 1px #999; border-left: solid 1px #999;}
.cont03 .box01 .box .txt table th { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px;}
.cont03 .box01 .box .txt table td { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px; text-align: center;}
.cont03 .box01 ul { list-style: none; margin: 30px 0 0;}
.cont03 .box01 ul li { text-indent: -1em; padding-left: 1em; color: #666; font-size: 1.6rem;}

.cont03 .box02 { margin: 0 0 50px;}
.cont03 .box02 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.cont03 .box02 .box { display: flex;}
.cont03 .box02 .box .img { width: 200px;}
.cont03 .box02 .box .txt {}
.cont03 .box02 .box .txt table { width: 550px; border-top: solid 1px #999; border-left: solid 1px #999;}
.cont03 .box02 .box .txt table th { background: #EEE; border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px;}
.cont03 .box02 .box .txt table td { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px; text-align: center;}
.cont03 .box02 ul { list-style: none; margin: 30px 0 0;}
.cont03 .box02 ul li { text-indent: -1em; padding-left: 1em; color: #666; font-size: 1.6rem;}

.cont03 .box03 { margin: 0 0 50px;}
.cont03 .box03 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.cont03 .box03 ul { list-style: none; margin: 30px 0 0;}
.cont03 .box03 ul li { text-indent: -1em; padding-left: 1em; color: #666; font-size: 1.6rem;}



}

/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

.bg2 { background: rgba(0,0,0,0.02);}



.cont01 { padding: 5% 2%;}
.cont01 h4 { font-size: 2.0rem; margin: 0 0 20px;}
.cont01 table { border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont01 table thead {}
.cont01 table thead td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; text-align: center; background: #F7F7F7;}
.cont01 table tbody {}
.cont01 table tbody th { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; width: 20%; font-weight: normal; letter-spacing: 0.5rem;}
.cont01 table tbody td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; width: 40%; vertical-align: middle;}


.cont02 { padding: 5% 2%;}
.cont02 h4 { font-size: 2.0rem; margin: 0 0 20px;}
.cont02 .box01 { margin: 0 0 50px;}
.cont02 .box01 h5 { font-size: 1.8rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box01 p { margin: 0 0 40px;}
.cont02 .box01 .img { text-align: center; margin: 0 0 10px;}

.cont02 .box02 { margin: 0 0 50px;}
.cont02 .box02 h5 { font-size: 1.8rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box02 ul { margin: 0 0 40px 25px;}
.cont02 .box02 .img { text-align: center; margin: 0 0 10px;}

.cont02 .box03 { margin: 0 0 50px;}
.cont02 .box03 h5 { font-size: 1.8rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box03 p { margin: 0 0 0;}
.cont02 .box03 ul { margin: 0 0 40px 25px;}
.cont02 .box03 .img { text-align: center; margin: 0 0 10px;}


.cont02 .box04 { margin: 0 0 50px;}
.cont02 .box04 h5 { font-size: 1.8rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box04 table { width: auto; border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont02 .box04 table th { border-top: solid 1px #0483A0; border-right: solid 1px #FFFFFF; padding: 10px 10px; text-align: center; background: #00375c; color: #FFFFFF; font-weight: normal;}
.cont02 .box04 table th:nth-of-type(1) { width: 300px;}
.cont02 .box04 table th:nth-last-child(1) { border-right: solid 1px #0483A0;}
.cont02 .box04 table td:nth-of-type(n+2) { text-align: center; width: 90px;}
.cont02 .box04 table td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; vertical-align: middle;}

.cont02 .box05 { margin: 0 0 0;}
.cont02 .box05 h5 { font-size: 1.8rem; margin: 0 0 10px; color: #3e7f94;}
.cont02 .box05 ul { margin: 0 0 40px 25px;}
.cont02 .box05 .img { text-align: center;}

.cont02 .box06 { margin: 0 0 0;}
.cont02 .box06 h4 { font-size: 2.0rem; margin: 0 0 20px;}
.cont02 .box06 h5 { font-size: 1.8rem; margin: 0 0 0;}
.cont02 .box06 p { margin: 10px 0 10px;}
.cont02 .box06 table { width: auto; border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont02 .box06 table caption { text-align: left; padding: 20px 0 10px;}
.cont02 .box06 table thead {}
.cont02 .box06 table thead th { border-top: solid 1px #0483A0; border-right: solid 1px #FFFFFF; padding: 10px 10px; text-align: center; background: #00375c; color: #FFFFFF; font-weight: normal;}
.cont02 .box06 table thead th:nth-of-type(1) { width: 200px;}
.cont02 .box06 table thead th:nth-of-type(2) { width: 400px;}
.cont02 .box06 table thead th:nth-last-child(1) { border-right: solid 1px #0483A0;}
.cont02 .box06 table tbody {}
.cont02 .box06 table tbody th { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; font-weight: normal;}
.cont02 .box06 table tbody td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; vertical-align: middle;}
.cont02 .box06 ol { list-style: none; counter-reset: item;}
.cont02 .box06 ol li { padding-left: 2.5em; color: #666; font-size: 1.6rem; position: relative;}
.cont02 .box06 ol li::before { content: '※'counter(item); counter-increment: item; position: absolute; top: 0; left: 0; color: #666; font-size: 1.6rem;}



.cont03 { padding: 5% 2%;}
.cont03 .box01 { margin: 0 0 50px;}
.cont03 .box01 h4 { font-size: 2.0rem; margin: 0 0 20px;}
.cont03 .box01 .box { display: inherit;}
.cont03 .box01 .box .img { width: 100%; text-align: center;}
.cont03 .box01 .box .txt {}
.cont03 .box01 .box .txt table { width: 100%; border-top: solid 1px #999; border-left: solid 1px #999;}
.cont03 .box01 .box .txt table th { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px;}
.cont03 .box01 .box .txt table td { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px; text-align: center;}
.cont03 .box01 ul { list-style: none; margin: 30px 0 0;}
.cont03 .box01 ul li { text-indent: -1em; padding-left: 1em; color: #666; font-size: 1.6rem;}

.cont03 .box02 { margin: 0 0 50px;}
.cont03 .box02 h4 { font-size: 2.0rem; margin: 0 0 20px;}
.cont03 .box02 .box { display: inherit;}
.cont03 .box02 .box .img { width: 100%; text-align: center;}
.cont03 .box02 .box .txt {}
.cont03 .box02 .box .txt table { width: 100%; border-top: solid 1px #999; border-left: solid 1px #999;}
.cont03 .box02 .box .txt table th { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px;}
.cont03 .box02 .box .txt table td { border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 10px; text-align: center;}
.cont03 .box02 ul { list-style: none; margin: 30px 0 0;}
.cont03 .box02 ul li { text-indent: -1em; padding-left: 1em; color: #666; font-size: 1.6rem;}

.cont03 .box03 { margin: 0 0 50px;}
.cont03 .box03 h4 { font-size: 2.0rem; margin: 0 0 20px;}
.cont03 .box03 ul { list-style: none; margin: 30px 0 0;}
.cont03 .box03 ul li { text-indent: -1em; padding-left: 1em; color: #666; font-size: 1.6rem;}


}