@charset "UTF-8";
#voice article .secin { max-width: 1024px; padding-top: 60px; padding-bottom: 60px; }
#voice article .secin h2 { font-family: 'AozoraMincho'; line-height: 2.2em; letter-spacing: 2.5px; font-size: 25px; margin: 0; }
@media screen and (max-width: 584px) { #voice article .secin h2 { font-size: 22px; line-height: 1.8em; } }
#voice article .secin h3 { text-align: left; font-size: 22px; }
#voice article .secin h3 p { display: inline-block; width: 60px; height: 60px; background-color: #D9300A; color: #fff; text-align: center; font-size: 12px; box-sizing: border-box; padding-top: 4px; padding-left: 4px; margin-right: 16px; vertical-align: middle; }
#voice article .secin h3 p span { font-size: 33px; color: #fff; display: block; padding: 0; margin: 0; margin-top: 4px; }
@media screen and (max-width: 584px) { #voice article .secin h3 { font-size: 18px; line-height: 1.5em; }
  #voice article .secin h3 p { width: 50px; height: 50px; margin-bottom: 20px; vertical-align: top; float: left; display: block; margin-right: 6px; }
  #voice article .secin h3 p span { font-size: 26px; } }
#voice article .secin ul.qaa1 { box-sizing: border-box; position: relative; width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#voice article .secin ul.qaa1.qaa2 li p span { background-color: #F9EAE8; }
#voice article .secin ul.qaa1.qaa2 li p::after { border-right: 14px solid #F9EAE8; }
#voice article .secin ul.qaa1 li { width: 48%; box-sizing: border-box; position: relative; font-size: 0; margin-bottom: 20px; margin-right: 2%; }
#voice article .secin ul.qaa1 li:nth-child(2n) { margin-right: 0; }
#voice article .secin ul.qaa1 li .ico { width: 60px; display: inline-block; box-sizing: border-box; margin-right: 15px; vertical-align: top; }
#voice article .secin ul.qaa1 li .ico img { display: block; vertical-align: bottom; width: 100%; }
#voice article .secin ul.qaa1 li p { width: calc(100% - 80px); display: inline-block; position: relative; height: 100%; }
#voice article .secin ul.qaa1 li p::after { position: absolute; top: 50%; margin: auto; content: ""; vertical-align: middle; left: -20px; box-sizing: border-box; width: 14px; height: 14px; border: 8px solid transparent; border-right: 14px solid #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#voice article .secin ul.qaa1 li p span { font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; z-index: 2; background-color: #fff; position: relative; box-sizing: border-box; display: block; width: 100%; height: 100%; padding: 12px; line-height: 1.6em; font-size: 15px; }
#voice article .secin ul.qaa1 li p::before { position: absolute; width: 100%; height: 100%; left: 5px; top: 5px; content: ""; background-color: #F4C9C1; z-index: 1; }
@media screen and (max-width: 584px) { #voice article .secin ul.qaa1 { display: block; }
  #voice article .secin ul.qaa1 li { width: 100%; }
  #voice article .secin ul.qaa1 li p::after { top: 20px; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } }
#voice article .secin dl.qa1 { font-size: 0; margin-bottom: 16px; }
#voice article .secin dl.qa1.qa2 dt { width: auto; padding-right: 0px; }
#voice article .secin dl.qa1.qa2 dt p { background-color: rgba(255, 255, 255, 0); }
#voice article .secin dl.qa1.qa2 dt p::after { display: none; }
#voice article .secin dl.qa1.qa2 dt p.col2 { color: #D9300A; }
@media screen and (max-width: 584px) { #voice article .secin dl.qa1.qa2 dt { width: 100%; margin-bottom: 0; }
  #voice article .secin dl.qa1.qa2 dt p { text-align: center; font-weight: 700; } }
#voice article .secin dl.qa1.qa2 dd { max-width: 300px; }
#voice article .secin dl.qa1.qa2 dd span { margin-right: 10px; }
#voice article .secin dl.qa1.qa2 dd img { width: calc(100% - 70px); }
#voice article .secin dl.qa1 dt { display: inline-block; vertical-align: middle; width: 70%; box-sizing: border-box; padding-right: 20px; }
#voice article .secin dl.qa1 dt p { background-color: #F4E1DF; padding: 10px; width: 100%; font-size: 16px; line-height: 1.8em; position: relative; font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; }
#voice article .secin dl.qa1 dt p::after { position: absolute; top: 50%; margin: auto; content: ""; right: -28px; box-sizing: border-box; width: 14px; height: 14px; border: 14px solid transparent; border-left: 28px solid #F4E1DF; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 584px) { #voice article .secin dl.qa1 dt { width: 100%; padding-right: 0px; margin-bottom: 20px; }
  #voice article .secin dl.qa1 dt p::after { right: auto; left: 45%; top: auto; bottom: -20px; -webkit-transform: translateX(0) translateY(0) rotate(90deg); -moz-transform: translateX(0) translateY(0) rotate(90deg); -ms-transform: translateX(0) translateY(0) rotate(90deg); transform: translateX(0) translateY(0) rotate(90deg); } }
#voice article .secin dl.qa1 dd { display: inline-block; width: 30%; vertical-align: middle; }
#voice article .secin dl.qa1 dd p span { display: inline-block; width: 60px; text-align: center; vertical-align: middle; font-size: 25px; line-height: 25px; font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif; color: #D9300A; font-weight: 700; letter-spacing: 1px; }
#voice article .secin dl.qa1 dd p img { display: inline-block; width: calc(100% - 60px); vertical-align: middle; }
@media screen and (max-width: 584px) { #voice article .secin dl.qa1 dd { width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; display: block; } }
#voice .sec2 { background-color: #FDF6F5; }
#voice .mainimg { position: relative; width: 100%; margin-top: 60px; border-bottom: 4px solid #D9300A; }
#voice .mainimg .secin { position: absolute; width: 100%; max-width: 1600px; height: 100%; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 14; }
#voice .mainimg .bg { display: block; vertical-align: bottom; width: 100%; position: relative; z-index: 1; }
#voice .mainimg .mainimgc { width: 100%; position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 13; font-size: 32px; font-weight: 200; letter-spacing: 0px; color: #fff; font-family: "ff-angie-pro"; letter-spacing: 6px; }
@media screen and (max-width: 584px) { #voice .mainimg .mainimgc { font-size: 22px; } }
@media screen and (max-width: 584px) { #voice .mainimg { margin-top: 52px; }
  #voice .mainimg .secin { padding: 0; } }
@media screen and (max-width: 584px) { #voice .secin { padding-top: 20px; padding-bottom: 20px; } }