@charset "utf-8";
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 768px) {
.bg2 {
background: rgba(0, 0, 0, 0.02);
}
.btn {
text-align: center;
margin: 50px 0 0;
}
.btn a {
display: inline-block;
background: #1e86bb;
color: #FFF;
padding: 10px 50px;
border: none;
}
.cont01 {
padding: 50px 0;
}
.cont01 .attention h5 {
font-size: 1.4rem;
background: #333;
padding: 5px 20px;
color: #FFF;
margin: 0 0 10px;
}
.cont01 .attention ul {
margin: 0 0 0 25px;
font-size: 1.4rem;
color: #666;
}
.cont01 .attention ul li {}

.cont01 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 20px;
}

.cont02 {
padding: 50px 0;
}
.cont02 .box01 {
margin: 0 0 50px;
}
.cont02 .box01 table {
border-bottom: solid 1px #0483A0;
border-left: solid 1px #0483A0;
margin: 0 0;
font-size: 1.6rem;
}
.cont02 .box01 table thead {}
.cont02 .box01 table thead td {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
text-align: center;
background: #00375c;
color: #FFFFFF;
}
.cont02 .box01 table tbody {}
.cont02 .box01 table tbody th {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
width: 70%;
font-weight: normal;
text-align: left;
}
.cont02 .box01 table tbody td {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
vertical-align: middle;
text-align: center;
width: 15%;
}
.cont02 .box01 table tbody td.bg_c {
background: #cae6f8;
}
.cont02 .box01 table tr:nth-child(2n+2) {
background: rgba(0, 0, 0, 0.02);
}
.cont02 .box01 .txt {
font-size: 1.6rem;
margin: 20px 0;
}
.cont02 .box01 .txt ul {
margin: 0 0 0 25px;
}
.cont02 .box01 .img {
text-align: center;
}
.cont02 .box01 .img img {
margin: 30px 0;
}
.cont02 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 10px;
}
.cont02 .img {
text-align: center;
margin: 20px 0 0;
}
.cont02 .box02 {
margin: 0 0 50px;
}
.cont02 .box03 {
margin: 0 0 50px;
}
.cont02 .box03 {
margin: 0 0 50px;
}
.cont02 .box04 {
margin: 0 0 50px;
}
.cont02 .box05 {
margin: 0 0 50px;
}
.cont02 .box06 {
margin: 0 0 50px;
}
.cont02 .box06 h5 {
margin: 30px 0 10px;
font-size: 1.8rem;
}
.cont02 .box06 table {
border-bottom: solid 1px #0483A0;
border-left: solid 1px #0483A0;
margin: 0 0;
font-size: 1.6rem;
}
.cont02 .box06 table thead {}
.cont02 .box06 table thead th {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
text-align: center;
background: #F7F7F7;
}
.cont02 .box06 table tbody {}
.cont02 .box06 table tbody td {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
vertical-align: middle;
}
.cont02 .box06 table tbody td:nth-child(1) {
width: 35%;
}
.cont02 .box06 table tbody td:nth-child(2) {
width: 20%;
text-align: center;
}
.cont02 .box06 table tbody td:nth-child(3) {
width: 5%;
color: #F00;
text-align: center;
}
.cont02 .box06 table tbody td:nth-child(4) {
width: 30%;
}
.cont02 h5 {
font-size: 2.0rem;
margin: 0 0 20px;
padding-left: 15px;
box-sizing: border-box;
position: relative;
}
.cont02 h5::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 3px;
background: #096D97;
}
.cont02 h5::after {
content: "";
position: absolute;
top: 0;
left: 5px;
bottom: 0;
width: 1px;
background: #096D97;
}
.cont02 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont03 {
padding: 50px 0;
}
.cont04 {
padding: 50px 0;
}
.cont04 .box {
margin: 50px 0;
}
.cont04 .box:nth-last-child(1) {
margin-bottom: 0;
}
.cont04 .box h4 {
font-size: 2.0rem;
margin: 0 0 20px;
}
.cont04 .box h4 img {
margin: 0 0 0 20px;
vertical-align: middle;
}
.cont04 .box .inner {
display: flex;
justify-content: space-between;
}
.cont04 .box .inner .txt {
width: 950px;
}
.cont04 .box .inner .img {
width: 200px;
margin: 0 0 0 0;
}
.cont05 {
padding: 50px 0;
}
.cont05 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont06 {
padding: 50px 0;
}
.cont06 .box01 {
margin: 0 0 50px;
}
.cont06 .box02 {
margin: 0 0 50px;
}
.cont06 .box03 {
margin: 0 0 50px;
}
.cont06 .box04 {
margin: 0 0 50px;
}
.cont06 .box05 {
margin: 0 0 0;
}
.cont06 h4 {
font-size: 2.0rem;
margin: 0 0 20px;
}
.cont06 h5 {
font-size: 2.0rem;
color: #0487A5;
margin: 30px 0 10px;
}
.cont06 .img {
text-align: center;
margin: 10px 0 30px;
}
.cont06 .box_table {
display: flex;
justify-content: center;
margin: 30px 100px 40px;
}
.cont06 .box_table table {
border-bottom: solid 1px #0483A0;
font-size: 1.6rem;
margin: 0 100px 0 0;
}
.cont06 .box_table table caption {
text-align: left;
font-weight: bold;
color: #0487A5;
font-size: 1.8rem;
margin: 0 0 10px;
}
.cont06 .box_table table caption::before {
content: "●";
color: #0487A5;
font-size: 1.8rem;
}
.cont06 .box_table table:nth-last-child(1) {
margin-right: 0;
}
.cont06 .box_table table thead {}
.cont06 .box_table table thead th {
border-top: solid 1px #0483A0;
padding: 10px 10px;
text-align: center;
background: #F7F7F7;
}
.cont06 .box_table table tbody {}
.cont06 .box_table table tbody td {
border-top: solid 1px #0483A0;
padding: 10px 10px;
vertical-align: middle;
text-align: center;
}
.cont06 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont07 {
padding: 50px 0;
}
.cont07 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 20px;
}
.cont07 p {
margin: 0 0 30px;
}
.cont07 .img {
text-align: center;
margin: 10px 0 30px;
}
.cont08 {
padding: 50px 0;
}
.cont08 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 30px 0 10px;
}
.cont08 .img {
text-align: center;
margin: 20px 0 0;
}
.cont08 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont09 {
padding: 50px 0;
}
.cont09 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 10px;
}
.cont09 p:nth-of-type(1) {
margin: 0 0 50px;
}
.cont09 h5 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 10px;
}
.cont09 ul {
margin: 0 0 20px 0;
list-style: disc;
}
.cont09 ul.card_list {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.cont09 ul.card_list li {
width: 170px;
margin: 0 20px 20px 0;
font-size: 1.4rem;
}
.cont09 ul.card_list li img {
display: block;
margin: 0 0 5px;
}
.cont09 ul:nth-of-type(2) {
margin: 0 0 0 25px;
}
.cont09 ul:nth-of-type(2) li {
font-size: 1.6rem;
}
.cont09 p:nth-last-of-type(1) {
font-weight: bold;
margin: 0 0 10px;
}
.cont09 .s_ttl {
font-weight: bold;
font-size: 1.8rem;
margin: 0 0 10px;
}
.cont09 .list_txt {
margin: 0 0 20px 25px !important;
list-style: disc;
}
.cont09 .list_txt li {
font-size: 1.6rem;
}
/*.cont02 { padding: 50px 0;}
.cont02 .box { margin-bottom: 50px;}
.cont02 .box h4 { font-size: 2.0rem; margin: 0 0 10px;}
.cont02 .box h4 img { margin: 0 0 0 20px;}
.cont02 .box .inner { display: flex; justify-content: space-between;}
.cont02 .box .inner .txt { width: 900px;}
.cont02 .box .inner .img { margin: 0 0 0 0; width: 200px;}
.cont02 .box .inner .img img { width: 100%;}





.cont03 { padding: 50px 0;}
.cont03 .img { text-align: center; margin: 0 0 50px;}
.cont03 .img:last-child { margin-bottom: 0;}





.cont04 { padding: 50px 0;}
.cont04 h4 { font-size: 2.4rem; color: #10768E; margin: 0 0 10px;}
.cont04 h5 { font-size: 2.0rem; color: #10768E; margin: 0 0 10px;}
.cont04 table { width: 100%;}
.cont04 table caption { text-align: left; padding: 20px 0 10px; color: #3e7f94;}
.cont04 table { border-bottom: solid 1px #0483A0; border-left: solid 1px #0483A0; margin: 0 0;}
.cont04 table thead {}
.cont04 table thead td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; text-align: center; background: #F7F7F7;}
.cont04 table tbody {}
.cont04 table tbody th { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; width: 20%; font-weight: normal;}
.cont04 table tbody td { border-top: solid 1px #0483A0; border-right: solid 1px #0483A0; padding: 10px 10px; vertical-align: middle;}
.cont04 table tbody .center { text-align: center;}
.cont04 .attention { margin: 40px 50px 0;}
.cont04 .attention h5 { font-size: 1.4rem; background: #333; padding: 5px 20px; color: #FFF; margin: 0 0 10px;}
.cont04 .attention ul { margin: 0 0 0 25px; font-size: 1.4rem; color: #666;}
.cont04 .attention ul li {}





.cont05 { padding: 50px 0;}
.cont05 .box01 { margin: 0 0 100px;}
.cont05 .box01 h4 { font-size: 2.4rem; color: #10768E; margin: 0 0 10px;}
.cont05 .box01 h5 { font-size: 2.0rem; color: #10768E; margin: 0 0 10px;}
.cont05 .box01 p { margin: 0 0 50px;}
.cont05 .box01 ul { list-style: none; display: flex; justify-content: center; margin: 0 0 50px 25px;}
.cont05 .box01 ul li { margin: 0 0 0 20px;}
.cont05 .box01 ul li a { display: inline-block; padding: 5px 30px; background: #10768E; color: #FFF;}
.cont05 .box01 .inner { display: flex; justify-content: space-between; width: 80%; margin: auto;}
.cont05 .box01 table { font-size: 1.4rem; width: 40%; border-top: solid 1px #10768E;}
.cont05 .box01 table caption { font-size: 1.6rem; padding: 20px 0 10px; text-align: left; color: #10768E;}
.cont05 .box01 table thead td { border-bottom: solid 1px #10768E; font-weight: normal; white-space: nowrap; padding: 10px 20px; background: #EEE;}
.cont05 .box01 table tbody td { border-bottom: solid 1px #10768E; padding: 10px 20px;}

.cont05 .box02 { margin: 0 0 100px;}
.cont05 .box02 h4 { font-size: 2.4rem; color: #10768E; margin: 0 0 10px;}
.cont05 .box02 h5 { font-size: 2.0rem; color: #10768E; margin: 0 0 10px;}
.cont05 .box02 p { margin: 0 0 50px;}
.cont05 .box02 .attention { margin: 40px 50px 50px;}
.cont05 .box02 .attention h5 { font-size: 1.4rem; background: #333; padding: 5px 20px; color: #FFF; margin: 0 0 10px;}
.cont05 .box02 .attention ul { margin: 0 0 0 25px; font-size: 1.4rem; color: #666;}
.cont05 .box02 .attention ul li {}

.cont05 .box03 { margin: 0 0 100px;}
.cont05 .box03 h4 { font-size: 2.4rem; color: #10768E; margin: 0 0 10px;}
.cont05 .box03 h5 { font-size: 2.0rem; color: #10768E; margin: 0 0 10px;}





.cont06 { padding: 50px 0;}
.cont06 h4 { color: #3e7f94; margin: 0 0 5px; font-size: 2.0rem;}
.cont06 .attention { margin: 40px 0 0;}
.cont06 .attention h5 { font-size: 1.4rem; background: #333; padding: 5px 20px; color: #FFF; margin: 0 0 10px;}
.cont06 .attention ul { margin: 0 0 0 25px; font-size: 1.4rem; color: #666;}
.cont06 .attention ul li {}





.cont07 { padding: 50px 0;}





.cont08 { padding: 50px 0;}
.cont08 h4 { font-size: 2.0rem; color: #10768E; margin: 0 0 10px;}
.cont08 p { margin: 0 0 50px;}
.cont08 ul { list-style: none; display: flex; flex-wrap: wrap;}
.cont08 ul li { width: 170px; margin: 0 20px 20px 0; font-size: 1.4rem;}
.cont08 ul li img { display: block; margin: 0 0 5px;}*/
.cont02 .iccard_list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0 0;
padding: 0;
}
.cont02 .iccard_list li {
width: 47%;
}
.iccard_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.iccard_box .img {
width: 260px;
}
.iccard_box .txt_box {
width: calc(100% - 280px);
}
.noritsuki_box {
width: 60%;
margin: 0 auto 30px;
}
}
/*sp*/
@media only screen and (max-width: 767px) {
.bg2 {
background: rgba(0, 0, 0, 0.02);
}
.btn {
text-align: center;
margin: 30px 0 0;
}
.btn a {
display: inline-block;
background: #1e86bb;
color: #FFF;
padding: 10px 50px;
border: none;
}
.cont01 {
padding: 5% 2%;
}
.cont01 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont01 .w1200 .attention h5 {
font-size: 1.4rem;
background: #333;
padding: 5px 20px;
color: #FFF;
margin: 0 0 10px;
}
.cont01 .w1200 .attention ul {
margin: 0 0 0 25px;
font-size: 1.4rem;
color: #666;
}
.cont01 .w1200 .attention ul li {}

.cont01 .w1200 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 30px 0 10px;
}

.cont02 {
padding: 5% 2%;
}
.cont02 .box01 {
margin: 0 0 50px;
}
.cont02 .box01 table {
width: auto;
border-bottom: solid 1px #0483A0;
border-left: solid 1px #0483A0;
margin: 0 0;
font-size: 1.6rem;
}
.cont02 .box01 table thead {}
.cont02 .box01 table thead td {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
text-align: center;
background: #F7F7F7;
}
.cont02 .box01 table tbody {}
.cont02 .box01 table tbody th {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
width: 70%;
font-weight: normal;
text-align: left;
}
.cont02 .box01 table tbody td {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
vertical-align: middle;
text-align: center;
width: 15%;
}
.cont02 .box01 table tbody td.bg_c {
background: #cae6f8;
}
.cont02 .box01 .txt {
font-size: 1.6rem;
margin: 20px 0;
}
.cont02 .box01 .txt ul {
margin: 0 0 0 25px;
}
.cont02 .box01 .img {
text-align: center;
}
.cont02 .box01 .img img {
margin: 30px 0;
}
.cont02 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 10px;
}
.cont02 .img {
text-align: center;
margin: 20px 0 0;
}
.cont02 .box02 {
padding: 5% 2%;
}
.cont02 .box03 {
margin: 0 0 50px;
}
.cont02 .box03 {
margin: 0 0 50px;
}
.cont02 .box04 {
margin: 0 0 50px;
}
.cont02 .box05 {
margin: 0 0 50px;
}
.cont02 .box06 {
margin: 0 0 50px;
}
.cont02 .box06 h5 {
margin: 30px 0 10px;
font-size: 1.8rem;
}
.cont02 .box06 table {
width: auto;
border-bottom: solid 1px #0483A0;
border-left: solid 1px #0483A0;
margin: 0 0;
font-size: 1.6rem;
}
.cont02 .box06 table thead {}
.cont02 .box06 table thead th {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
text-align: center;
background: #F7F7F7;
}
.cont02 .box06 table tbody {}
.cont02 .box06 table tbody td {
border-top: solid 1px #0483A0;
border-right: solid 1px #0483A0;
padding: 10px 10px;
vertical-align: middle;
}
.cont02 .box06 table tbody td:nth-child(1) {
width: 35%;
}
.cont02 .box06 table tbody td:nth-child(2) {
width: 20%;
text-align: center;
}
.cont02 .box06 table tbody td:nth-child(3) {
width: 5%;
color: #F00;
text-align: center;
}
.cont02 .box06 table tbody td:nth-child(4) {
width: 30%;
}
.cont02 h5 {
font-size: 1.8rem;
margin: 0 0 20px;
padding-left: 15px;
box-sizing: border-box;
position: relative;
}
.cont02 h5::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 3px;
background: #096D97;
}
.cont02 h5::after {
content: "";
position: absolute;
top: 0;
left: 5px;
bottom: 0;
width: 1px;
background: #096D97;
}
.cont02 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont03 {
padding: 5% 2%;
}
.cont04 {
padding: 5% 2%;
}
.cont04 .box {
margin: 50px 0;
}
.cont04 .box:nth-last-child(1) {
margin-bottom: 0;
}
.cont04 .box h4 {
font-size: 2.0rem;
margin: 0 0 20px;
}
.cont04 .box h4 img {
margin: 0 0 0 20px;
vertical-align: middle;
}
.cont04 .box .inner {
display: flex;
justify-content: space-between;
}
.cont04 .box .inner .txt {
width: 950px;
}
.cont04 .box .inner .img {
width: 200px;
margin: 0 0 0 0;
}
.cont05 {
padding: 5% 2%;
}
.cont05 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont06 {
padding: 5% 2%;
}
.cont06 .box01 {
margin: 0 0 50px;
}
.cont06 .box02 {
margin: 0 0 50px;
}
.cont06 .box03 {
margin: 0 0 50px;
}
.cont06 .box04 {
margin: 0 0 50px;
}
.cont06 .box05 {
margin: 0 0 0;
}
.cont06 h4 {
font-size: 2.0rem;
margin: 0 0 20px;
}
.cont06 h5 {
font-size: 2.0rem;
color: #0487A5;
margin: 30px 0 10px;
}
.cont06 .img {
text-align: center;
margin: 10px 0 30px;
}
.cont06 .box_table {
display: inherit;
justify-content: center;
margin: 30px 0;
}
.cont06 .box_table table {
width: 80%;
border-bottom: solid 1px #0483A0;
font-size: 1.6rem;
margin: 0 auto 20px;
}
.cont06 .box_table table caption {
text-align: left;
font-weight: bold;
color: #0487A5;
font-size: 1.8rem;
margin: 0 0 10px;
}
.cont06 .box_table table caption::before {
content: "●";
color: #0487A5;
font-size: 1.8rem;
}
.cont06 .box_table table:nth-last-child(1) {
margin-right: auto;
}
.cont06 .box_table table thead {}
.cont06 .box_table table thead th {
border-top: solid 1px #0483A0;
padding: 10px 10px;
text-align: center;
background: #F7F7F7;
}
.cont06 .box_table table tbody {}
.cont06 .box_table table tbody td {
border-top: solid 1px #0483A0;
padding: 10px 10px;
vertical-align: middle;
text-align: center;
}
.cont06 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont07 {
padding: 5% 2%;
}
.cont07 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 20px;
}
.cont07 p {
margin: 0 0 30px;
}
.cont07 .img {
text-align: center;
margin: 10px 0 30px;
}
.cont08 {
padding: 5% 2%;
}
.cont08 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 30px 0 10px;
}
.cont08 .img {
text-align: center;
margin: 20px 0 0;
}
.cont08 ul {
margin: 0 0 0 25px;
list-style: disc;
}
.cont09 {
padding: 5% 2%;
}
.cont09 h4 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 10px;
}
.cont09 p:nth-of-type(1) {
margin: 0 0 50px;
}
.cont09 h5 {
font-size: 2.0rem;
color: #0487A5;
margin: 0 0 10px;
}
.cont09 ul {
margin: 0 0 20px 0;
list-style: disc;
}
.cont09 ul.card_list {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.cont09 ul.card_list li {
width: 170px;
margin: 0 20px 20px 0;
font-size: 1.4rem;
}
.cont09 ul.card_list li img {
display: block;
margin: 0 0 5px;
}
.cont09 ul:nth-of-type(2) {
margin: 0 0 0 25px;
}
.cont09 ul:nth-of-type(2) li {
font-size: 1.6rem;
}
.cont09 p:nth-last-of-type(1) {
font-weight: bold;
margin: 0 0 10px;
}
/*.cont08 { padding: 50px 2%;}
.cont08 h4 { font-size: 2.0rem; color: #10768E; margin: 0 0 10px;}
.cont08 p { margin: 0 0 50px;}
.cont08 ul { list-style: none; display: flex; flex-wrap: wrap;}
.cont08 ul li { width: 49%; margin: 0 2% 20px 0; font-size: 1.4rem;}
.cont08 ul li:nth-child(2n+2) { margin-right: 0;}
.cont08 ul li img { display: block; margin: 0 0 5px;}*/
.cont02 .iccard_list {
list-style-type: none;
margin: 20px 0 0;
padding: 0;
}
.cont02 .iccard_list li {
width: 100%;
margin-bottom: 20px;
}
.cont09 .s_ttl {
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 10px;
}
.cont09 .list_txt {
margin: 0 0 30px 25px !important;
list-style: disc;
}
.cont09 .list_txt li {
font-size: 1.6rem;
}
.iccard_box {}
.iccard_box .img {
width: 260px;
margin: 0 auto 20px;
}
.iccard_box .txt_box {
width: 100%;
}
.noritsuki_box {
width: 80%;
margin: 0 auto 30px;
}
.noritsuki_box img {
width: 100%;
margin: 0 0 20px;
}
.noritsuki_box img:last-child {
margin-bottom: 0;
}
}