@charset "utf-8";





.header-with-topbar .navbar-top { top: 0; }
.accordion-menu { padding-right: 15px !important; }

.acrs { color: #000; line-height: 150%; }
.acrs * { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
.acrs img { vertical-align: bottom; }

#anchor_01 { padding-top: 60px; margin-top: -60px; }
@media (min-width: 992px) {
.acrs { font-size: 16px; }
.acrs h2 { margin: 0 0 50px 0; font-size: 36px; font-weight: bold; text-align: center; line-height: 150%; }
.acrs h3 { font-size: 30px; font-weight: bold; line-height: 150%; }

.sec_01 { margin: 0 auto; padding: 80px 0; width: 90%; max-width: 740px; }
.sec_01 h3 { margin: 0 0 45px 0; text-align: center; line-height: 120%; }
.sec_01 h3 img { width: 100%; max-width: 404px; }
.sec_01 h3 span { display: block; margin: 10px 0 0 0; font-size: 20px; font-weight: normal; text-align: center; }

.sec_02 { padding: 70px 0; background: #F7F7F7; }
.sec_02 .box { margin: 0 auto; width: 90%; max-width: 1140px; }
.sec_02 h2 { margin-bottom: 30px; color: #00A99D; }
.sec_02 h3 { margin: -20px 0 0 0; text-align: center; }
.sec_02 dl { display: flex; align-items: center; flex-direction: row-reverse; }
.sec_02 dt { width: 37%; text-align: center; }
.sec_02 dt img { width: 90%; max-width: 372px; }
.sec_02 dd { flex: 1; }

.sec_03 { margin: 0 auto; padding: 80px 0 120px 0; width: 90%; max-width: 1140px; }
.sec_03 .box { text-align: center; }
.sec_03 .box img { width: 100%; max-width: 996px; }

.sec_04 { padding: 80px 0; background: #EDF2F2; }
.sec_04 .box { margin: 0 auto; width: 90%; max-width: 1140px; }
.sec_04 h2 { margin: 0 0 40px 0; }
.sec_04 .cell { margin: 15px 0 0 0; }
.sec_04 dl { display: table; width: 100%; }
.sec_04 dt { display: table-cell; padding: 10px; vertical-align: middle; width: 110px; color: #fff; font-size: 40px; font-weight: bold; text-align: center; background:linear-gradient(to bottom left, #a3d165, #54bce8); }
.sec_04 dt span { display: block; margin: 0 0 5px 0; font-size: 20px; text-align: center; }
.sec_04 dd { display: table-cell; vertical-align: middle; background: #fff; }
.sec_04 dd ul { display: flex; align-items: center; padding: 15px 0; }
.sec_04 dd li:first-child { width: 160px; text-align: center; }
.sec_04 dd li:last-child { flex: 1; }
.sec_04 p { margin: 0 0 10px 0; font-size: 24px; font-weight: bold; }

.sec_05 { margin: 0 auto; padding: 80px 0; width: 90%; max-width: 1140px; }
.sec_05 h2 { margin: 0; }
.sec_05 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.sec_05 ul > li { margin: 40px 0 0 0; width: 48%; }
.sec_05 p { margin: 0 0 10px 0; font-size: 24px; font-weight: bold; }
.sec_05 img { width: 100%; }
.sec_05 ol > li { margin: 5px 0 0 1em; list-style-type: decimal; }

.sec_06 { margin: 0 auto; padding: 40px; text-align: center; width: 90%; max-width: 1140px; background: #EDF2F2; border-radius: 10px; }
.sec_06 .box { display: inline-block; }
.sec_06 h2 { margin: 0 0 30px 0; }
.sec_06 dl { display: flex; margin: 30px 0 0 0; }
.sec_06 dd { margin: 0 0 0 25px; text-align: left; }
.sec_06 p { margin: 0 0 10px 0; font-size: 20px; font-weight: bold; }

.sec_07 { margin: 80px 0 0 0; padding: 80px 0; background: #F7F7F7; }
.sec_07 .box { margin: 0 auto; width: 90%; max-width: 1140px; }
.sec_07 h2 { color: #00A99D; text-align: center; }
.sec_07 h3 { margin: 0 0 15px 0; text-align: center; }
.sec_07 p { margin: 0 0 50px 0; font-size: 20px; font-weight: bold;text-align: center; }
.sec_07 dl { background:url(../images/acrs_15.png) repeat-x left top #fff; }
.sec_07 dt { text-align: center; }
.sec_07 dt span { padding: 5px 15px; color: #fff; font-size: 20px; font-weight: bold;border-radius: 20px; background: linear-gradient(to right, #a2d166, #55bce7); }
.sec_07 dd { padding: 30px; text-align: center; }
.sec_07 dd span { display: inline-block; text-align: left; }

.sec_08 { margin: 0 auto; padding: 80px 0; width: 90%; max-width: 1140px; }
.sec_08 .img_box { text-align: center; }
.sec_08 .img_box img { width: 100%; max-width: 718px; }
.sec_08 h3 { margin: 0 0 10px 0; }
.sec_08 .gra_border { padding: 2px; background:linear-gradient(to right, #a3d165, #54bce8); border-radius: 20px; }
.sec_08 .gra_innner { background: #fff; border-radius: 20px; }
.sec_08 .cell_01 { margin: 70px 0 0 0; }
.sec_08 .cell_01 dl { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 0 auto; padding: 30px 0; width: 90%; max-width: 940px; }
.sec_08 .cell_01 dt { width: 55%; text-align: right; }
.sec_08 .cell_01 dt img { width: 100%; max-width: 500px; }
.sec_08 .cell_01 dd { width: 45%; }
.sec_08 .cell_02 { margin: 15px 0 0 0; }
.sec_08 .cell_02 dl { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 0 auto; padding: 30px 0; width: 90%; max-width: 940px; }
.sec_08 .cell_02 dt { width: 30%; text-align: right; }
.sec_08 .cell_02 dt img { width: 100%; max-width: 274px; }
.sec_08 .cell_02 dd { width: 65%; }
.sec_08 .cell_03 { margin: 15px 0 0 0; }
.sec_08 .cell_03 dl { margin: 0 auto; padding: 30px 0; width: 90%; max-width: 940px; }
.sec_08 .cell_03 dd { margin: 35px 0 0 0; }
.sec_08 .cell_03 dd p { margin: 0 0 10px 0; font-size: 20px; font-weight: bold;}
.sec_08 .cell_03 ul { display: flex; }
.sec_08 .cell_03 li { text-align: center; }
.sec_08 .cell_03 img { display: block; margin: 0 0 5px 0; max-width: 100%; }

.sec_09 { padding: 80px 0; background: #F7F7F7; }
.sec_09 h2 { color: #00A99D; }
.sec_09 .box { margin: 0 auto; padding: 40px 0; width: 90%; max-width: 1140px; background: #fff; }
.sec_09 .cell_01 { margin: 0 auto; width: 90%; max-width: 740px; }
.sec_09 h3 { margin: 0 0 15px 0; }
.sec_09 table { width: 100%; border-top: solid 1px #E8E8E8; }
.sec_09 th { padding: 10px 10px 10px 25px; font-weight: normal; text-align: left; border-bottom: solid 1px #E8E8E8; white-space: nowrap; }
.sec_09 td { padding: 10px 10px 10px 80px; border-bottom: solid 1px #E8E8E8; }
.sec_09 dl { display: flex; }
.sec_09 dt { width: 40px; font-weight: normal; }
.sec_09 dd { flex: 1; }
.sec_09 .cell_02 { margin: 30px auto 0 auto; padding: 20px; width: 90%; max-width: 740px; border: solid 1px #E8E8E8; }
.sec_09 .cell_02 p { margin: 0 0 5px 0; font-weight: bold; }

.sec_10 { margin: 0 auto; padding: 80px 0; width: 90%; max-width: 1140px; }
.sec_10 ul { display: flex; flex-wrap: wrap; margin: -20px 0 0 -3.333%; }
.sec_10 li { margin: 20px 0 0 3.333%; width: 30%; }

.sec_11 { padding: 100px 0; color: #fff; background: linear-gradient(to right, #a2d166, #55bce7); }
.sec_11 dl { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 50px 10px; width: 90%; max-width: 1140px; border: solid 3px #fff; }
.sec_11 dt { font-size: 20px; font-weight: bold; }
.sec_11 dd { margin: 0 0 0 50px; font-size: 36px; font-weight: bold; }
.sec_11 a { color: #fff; }

.sec_12 { margin: 80px auto; width: 90%; max-width: 740px; }

.sec_13 { margin: 0 auto 80px auto; width: 90%; max-width: 1140px; }
.sec_13 h2 { text-align: center; }
.sec_13 dl { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
.sec_13 dt { width: 48%; }
.sec_13 dd { width: 48%; text-align: center; }
.sec_13 dd p { margin: 30px 0; text-align: left; }
.sec_13 dd a { display: block; margin: 0 auto; padding: 10px; max-width: 400px; color: #43bebb; font-size: 20px; font-weight: bold; text-align: center; line-height: 120%; border-radius: 20px; border: solid 1px #43bebb; }
.sec_13 dd a:hover { color: #fff; background: #43bebb; }

.slider-typography h1 { padding: 0 5%; font-size: 46px; text-align: center; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
.slider-typography h1 span { display: block; margin: 50px 0 0 0; font-size: 20px; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

footer { padding: 15px; color: #000; font-size: 12px; text-align: center; }
}

@media (max-width: 991px) {
.acrs { font-size: 16px; }
.acrs h2 { margin: 0 0 30px 0; font-size: 28px; font-weight: bold; text-align: center; line-height: 150%; }
.acrs h3 { font-size: 20px; font-weight: bold; line-height: 150%; }

.sec_01 { margin: 50px auto; padding: 0 0 50px 0; width: 90%; text-align: center; }
.sec_01 h3 img { width: 100%; max-width: 404px; }
.sec_01 h3 span { display: block; margin: 10px 0 0 0; font-weight: normal; text-align: center; }

.sec_02 { padding: 50px 0; background: #F7F7F7; }
.sec_02 h2 { color: #00A99D; }
.sec_02 .box { margin: 0 auto; width: 90%; }
.sec_02 h3 { margin: 0 0 15px 0; text-align: center; }
.sec_02 dt { text-align: center; }
.sec_02 dt img { width: 90%; max-width: 264px; }
.sec_02 dd { margin: 15px 0 0 0; }
.sec_02 p { margin: 50px 0 0 0; text-align: center; }
.sec_02 p img { width: 100%; max-width: 1139px; }
.sec_02 .pc { display: none; }

.sec_03 { margin: 0 auto; padding: 50px 0; width: 90%; }
.sec_03 .box { text-align: center; }
.sec_03 .box img { width: 100%; max-width: 996px; }

.sec_04 { padding: 50px 0; background: #EDF2F2; }
.sec_04 .box { margin: 0 auto; width: 90%; }
.sec_04 h2 { margin: 0 0 20px 0; }
.sec_04 .cell { margin: 15px 0 0 0; }
.sec_04 dl { display: table; width: 100%; }
.sec_04 dt { display: table-cell; padding: 10px; vertical-align: middle; width: 70px; color: #fff; font-size: 30px; font-weight: bold; text-align: center; background:linear-gradient(to bottom left, #a3d165, #54bce8); }
.sec_04 dt span { display: block; margin: 0 0 5px 0; font-size: 18px; text-align: center; }
.sec_04 dd { display: table-cell; vertical-align: middle; background: #fff; }
.sec_04 dd ul { padding: 15px; }
.sec_04 dd li:first-child { text-align: center; }
.sec_04 dd li:last-child { margin: 15px 0 0 0; }
.sec_04 p { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; }

.sec_05 { margin: 0 auto; padding: 50px 0; width: 90%; }
.sec_05 h2 { margin: 0; }
.sec_05 ul > li { margin: 30px 0 0 0; }
.sec_05 p { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; }
.sec_05 img { width: 100%; max-width: 535px; }
.sec_05 ol > li { margin: 5px 0 0 1em; list-style-type: decimal; }

.sec_06 { margin: 0 auto; padding: 30px 15px; width: 90%; text-align: center; background: #EDF2F2; border-radius: 10px; }
.sec_06 h2 { margin: 0 0 20px 0; }
.sec_06 dl { margin: 20px 0 0 0; }
.sec_06 dd { margin: 15px 0 0 0; text-align: left; }
.sec_06 p { margin: 0 0 10px 0; font-size: 20px; font-weight: bold; }

.sec_07 { padding: 50px 0; background: #F7F7F7; }
.sec_07 .box { margin: 0 auto; width: 90%; }
.sec_07 h2 { color: #00A99D; text-align: center; }
.sec_07 h3 { margin: 0 0 15px 0; text-align: center; }
.sec_07 p { margin: 0 0 30px 0; font-size: 18px; font-weight: bold; text-align: center; }
.sec_07 dl { background:url(../images/acrs_15.png) repeat-x left top #fff; }
.sec_07 dt { text-align: center; }
.sec_07 dt span { display: block; margin: 0 auto; padding: 5px 15px; width: 90%; color: #fff; font-size: 18px; font-weight: bold; border-radius: 20px; background: linear-gradient(to right, #a2d166, #55bce7); }
.sec_07 dd { padding: 15px 5%; text-align: center; }
.sec_07 dd span { display: inline-block; text-align: left; }

.sec_08 { margin: 0 auto; padding: 50px 0; width: 90%; }
.sec_08 .img_box { text-align: center; }
.sec_08 .img_box img { width: 100%; max-width: 718px; }
.sec_08 h3 { margin: 0 0 10px 0; font-size: 18px; }
.sec_08 .gra_border { padding: 2px; background:linear-gradient(to right, #a3d165, #54bce8); border-radius: 20px; }
.sec_08 .gra_innner { background: #fff; border-radius: 20px; }
.sec_08 .cell_01 { margin: 50px 0 0 0; }
.sec_08 .cell_01 dl { margin: 0 auto; padding: 30px 0; width: 90%; }
.sec_08 .cell_01 dt { text-align: center; }
.sec_08 .cell_01 dt img { width: 100%; max-width: 500px; }
.sec_08 .cell_01 dd { margin: 15px 0 0 0; }
.sec_08 .cell_02 { margin: 15px 0 0 0; }
.sec_08 .cell_02 dl { margin: 0 auto; padding: 30px 0; width: 90%; }
.sec_08 .cell_02 dt { text-align: center; }
.sec_08 .cell_02 dt img { width: 100%; max-width: 274px; }
.sec_08 .cell_02 dd { margin: 15px 0 0 0; }
.sec_08 .cell_03 { margin: 15px 0 0 0; }
.sec_08 .cell_03 dl { margin: 0 auto; padding: 30px 0; width: 90%; }
.sec_08 .cell_03 dd { margin: 20px 0 0 0; }
.sec_08 .cell_03 dd p { font-size: 18px; font-weight: bold; }
.sec_08 .cell_03 ul { display: flex; flex-wrap: wrap; }
.sec_08 .cell_03 li { margin: 10px 0 0 0; width: 50%; font-size: 12px; text-align: center; }
.sec_08 .cell_03 img { display: block; max-width: 100%; }

.sec_09 { padding: 50px 0; background: #F7F7F7; }
.sec_09 h2 { color: #00A99D; }
.sec_09 .box { margin: 0 auto; padding: 40px 0; width: 90%; background: #fff; }
.sec_09 .cell_01 { margin: 0 auto; width: 90%; }
.sec_09 h3 { margin: 0 0 15px 0; }
.sec_09 table { width: 100%; border-top: solid 1px #E8E8E8; }
.sec_09 th { display: block; padding: 10px 10px 0 10px; font-weight: bold; text-align: left; }
.sec_09 td { display: block; padding: 10px 10px 10px 10px; border-bottom: solid 1px #E8E8E8; }
.sec_09 dl { display: flex; }
.sec_09 dt { width: 40px; font-weight: normal; }
.sec_09 dd { flex: 1; }
.sec_09 .cell_02 { margin: 30px auto 0 auto; padding: 20px; width: 90%; border: solid 1px #E8E8E8; }

.sec_10 { margin: 50px auto; width: 90%; }
.sec_10 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: -20px 0 0 0; }
.sec_10 li { margin: 20px 0 0 0; width: 48%; max-width: 364px; }
.sec_10 img { width: 100%; }

.sec_11 { padding: 50px 0; color: #fff; background: linear-gradient(to right, #a2d166, #55bce7); }
.sec_11 dl { margin: 0 auto; padding: 20px 10px; width: 90%; border: solid 3px #fff; }
.sec_11 dt { font-weight: bold; text-align: center; }
.sec_11 dd { margin: 15px 0 0 0; font-size: 28px; font-weight: bold; text-align: center; }
.sec_11 a { color: #fff; }

.sec_12 { margin: 50px auto; width: 90%; }
.sec_12 .pc { display: none; }

.sec_13 { margin: 0 auto 50px auto; width: 90%; }
.sec_13 h2 { text-align: center; }
.sec_13 dt { margin: 30px 0 0 0; text-align: center; }
.sec_13 dd { margin: 30px 0 0 0; text-align: center; }
.sec_13 dd p { margin: 30px 0; text-align: left; }
.sec_13 dd a { display: block; margin: 0 auto; padding: 10px; max-width: 400px; color: #43bebb; font-weight: bold; text-align: center; line-height: 120%; border-radius: 20px; border: solid 1px #43bebb; }
.sec_13 dd a:hover { color: #fff; background: #43bebb; }

.slider-typography h1 { padding: 0 5%; font-size: 30px; text-align: center; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
.slider-typography h1 span { display: block; margin: 20px 0 0 0; font-size: 16px; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

footer { padding: 15px; color: #000; font-size: 12px; text-align: center; }
}