@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/

article img {
  max-width: 100%;
}

.yt { position: relative; width: 100%; padding-top: 56.25%; }
.yt iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

 /*******************************************************************/


@media screen and (min-width:751px){/* PC */

section.mi { background: url("../common/image/bg.png") center top repeat-x; }
section.mi h1 { text-align: center; overflow: hidden; }
section.mi div { width: 100%; margin: 20px 0 0 0 ; padding: 0 0; background: #fffbea; text-align: center; }

.c1 { width: 980px; margin: 0 auto; padding: 80px 0; }
.c1 .icon { width: 66px; margin: -33px auto 0 auto; z-index: 99999; }
.c1 .contents { padding: 20px; }
.c1 .child1 { margin: 53px 0 0 0; width: 100%; border: 4px solid #1893c0; border-radius: 20px; background: #f8fcfd; }
.c1 .child1 h3 { padding: 20px 0; border-bottom: 1px dotted #1893c0; text-align: center; }
.c1 .child2 { margin: 53px 0 0 0; width: 100%; border: 4px solid #dc8141; border-radius: 20px; background: #fefbf9; }
.c1 .child2 h3 { padding: 20px 0; border-bottom: 1px dotted #dc8141; text-align: center; }
.c1 .child3 { margin: 53px 0 0 0; width: 100%; border: 4px solid #a0c479; border-radius: 20px; background: #fcfdfb; }
.c1 .child3 h3 { padding: 20px 0; border-bottom: 1px dotted #a0c479; text-align: center; }
.c1 .txt_caution { font-size: 1.2em; font-weight: 700; color: #ff6346; padding: 0 0 0 1em; text-indent: -1em; }
.c1 .txt1 { font-size: 1.2em; font-weight: 700; padding: 0 0 0 1em; text-indent: -1em; }
.c1 .txt1 span { color: #e4b499; }
.c1 .txt1 strong { color: #dc8141; }
.c1 .txt_lead { padding: 0 0 0 1.2em; }
.c1 .txt_lead span { display: inline-block; padding: 0 2em 0 0; }
.c1 .txt_lead2 { font-size: 1.2em; padding: 0 0 0 1.2em; color: #a0c479; }

.c2 { width: 980px; margin: 0 auto; padding: 80px 0 20px 0; }
.c2 .inner { width: 100%; padding: 40px 0 0 0; }
.c2 .tbl1 {}
.c2 .inner .anno { padding: 1em 0 0 0; font-size: 0.85em; line-height: 1.5em; }

.c3 { width: 980px; margin: 0 auto; padding: 80px 0 20px 0; }
.c3 .inner { width: 100%; padding: 40px 0 0 0; }
.c3 .subtitle1 { padding: 0; text-align: center; color: #218cb5; font-weight: 700; font-size: 1.35em; }
.c3 .subtitle1 span { display: block; color: #726150; font-weight: 700; font-size: 0.85em; }
.c3 .subtitle2 { padding: 0; text-align: center; color: #98b776; font-weight: 700; font-size: 1.35em; }
.c3 .subtitle2 span { display: block; color: #726150; font-weight: 700; font-size: 0.85em; }
.c3 .tbl1 { padding: 20px 0 0 0; }
.c3 .graph1 { padding: 20px 0 0 0; text-align: center; }
.c3 .graph2 { padding: 20px 0 0 0; text-align: center; }
.c3 .graph3 { padding: 20px 0 0 0; text-align: center; }

.c4 { width: 980px; margin: 0 auto; padding: 80px 0 20px 0; }
.c4 .inner { width: 100%; padding: 40px 0 0 0; }
.c4 .inner p { padding: 0 0 40px 0; text-align: center; font-weight: 700; font-size: 1.35em; }

.cv { position: relative; width: 980px; margin: 0 auto; }
.cv .cvw1 { text-align: center; }
.cv .cvw1 .txt { padding: 0 0 10px 0; }
.cv .cvw2 { display: flex; width: 100%; margin: 0 auto; padding: 24px 0 0 0; justify-content: space-between; }
.cv .cvw2 div { width: 49%; }
.cv .cvw3 { display: flex; width: 100%; margin: 0 auto; padding: 24px 0 0 0; justify-content: space-between; }
.cv .cvw3 div { width: 32%; }
.cv .cvw4 { text-align: center; }
.cv .cvw4 .txt { padding: 20px 0 10px 0; font-weight: 700; font-size: 1.35em; color: #cb1c1c; }

}/*@media*/

 /*******************************************************************/

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

section.mi { margin: 0; padding: 0; overflow: hidden; }
section.mi h1 { overflow: hidden; }

.c1 { width: 100%; margin: 0 auto; padding: 10.66vw 0 5.33vw 0; }
.c1 .icon { width: 8.8vw; margin: -4.4vw auto 0 auto; z-index: 99999; }
.c1 .contents { padding: 2.66vw; }
.c1 .child1 { margin: 7.06vw auto 0 auto; width: 86.66vw; border: 0.53vw solid #1893c0; border-radius: 2.66vw; background: #f8fcfd; }
.c1 h3 { width: 70vw; margin: 0 auto; }
.c1 .child1 h3 { padding: 2.66vw 0; border-bottom: 1px dotted #1893c0; text-align: center; }
.c1 .child2 { margin: 7.06vw auto 0 auto; width: 86.66vw; border: 0.53vw solid #dc8141; border-radius: 2.66vw; background: #fefbf9; }
.c1 .child2 h3 { padding: 2.66vw 0; border-bottom: 1px dotted #dc8141; text-align: center; }
.c1 .child3 { margin: 7.06vw auto 0 auto; width: 86.66vw; border: 0.53vw solid #a0c479; border-radius: 2.66vw; background: #fcfdfb; }
.c1 .child3 h3 { padding: 2.66vw 0; border-bottom: 1px dotted #a0c479; text-align: center; }
.c1 .txt_caution { font-size: 1.2em; font-weight: 700; color: #ff6346; padding: 0 0 0 1em; text-indent: -1em; }
.c1 .txt1 { font-size: 1.2em; font-weight: 700; padding: 0 0 0 1em; text-indent: -1em; }
.c1 .txt1 span { color: #e4b499; }
.c1 .txt1 strong { color: #dc8141; }
.c1 .txt_lead { padding: 0 0 0 1.2em; }
.c1 .txt_lead span { display: inline-block; padding: 0 2em 0 0; }
.c1 .txt_lead2 { font-size: 1.2em; padding: 0 0 0 1.2em; color: #a0c479; }


.c2 { width: 100%; margin: 0 auto; padding: 10.66vw 0 2.66vw 0; }
.c2 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 5.33vw 0 0 0; }
.c2 .tbl1 { width: 100%; overflow-x: auto; }
.c2 .tbl1 div { width: 150%; }
.c2 .inner .anno { padding: 1em 0 0 0; font-size: 0.85em; line-height: 1.5em; }


.c3 { width: 100%; margin: 0 auto; padding: 10.66vw 0 2.66vw 0; }
.c3 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 5.33vw 0 0 0; }
.c3 .subtitle1 { padding: 0; text-align: center; color: #218cb5; font-weight: 700; font-size: 1.35em; }
.c3 .subtitle1 span { display: block; color: #726150; font-weight: 700; font-size: 0.85em; }
.c3 .subtitle2 { padding: 0; text-align: center; color: #98b776; font-weight: 700; font-size: 1.35em; }
.c3 .subtitle2 span { display: block; color: #726150; font-weight: 700; font-size: 0.85em; }
.c3 .tbl1 { width: 100%; margin: 2.66vw 0 0 0; overflow-x: auto; }
.c3 .tbl1 div { width: 150%; }
.c3 .graph1 { width: 100%; padding: 2.66vw 0; text-align: center; }
.c3 .graph2 { width: 100%; padding: 2.66vw 0 0 0; text-align: center; }
.c3 .graph3 { width: 100%; padding: 2.66vw 0 0 0; text-align: center; }


.c4 { width: 100%; margin: 0 auto; padding: 10.66vw 0 2.66vw 0; }
.c4 .inner { width: 86.66vw; margin: 0 auto; padding: 5.3vw 0 0 0; }
.c4 .inner p { padding: 0 0 5.3vw 0; text-align: center; font-weight: 700; font-size: 1.35em; }



.cv { position: relative; width: 86.66vw; margin: 0 auto; }
.cv .cvw1 { text-align: center; }
.cv .cvw1 .txt { padding: 0 0 1.33vw 0; }
.cv .cvw2 { display: flex; width: 100%; margin: 0 auto; padding: 2.66vw 0 0 0; justify-content: space-between; }
.cv .cvw2 div { width: 49%; }
.cv .cvw3 { display: flex; width: 100%; margin: 0 auto; padding: 2.66vw 0 0 0; justify-content: space-between; }
.cv .cvw3 div { width: 32%; }
.cv .cvw4 { width: 70vw; margin: 0 auto; }
.cv .cvw4 .txt { padding: 2.66vw 0 1.33vw 0; font-weight: 700; font-size: 1em; color: #cb1c1c; text-align: center; }

}/*@media*/