@charset "UTF-8";
#welfare .ptit { padding-bottom: 60px; }
#welfare .sec1 { position: relative; background-size: cover; background-position: center center; background-attachment: fixed; background-image: url("../images/welfare/img_01.jpg"); }
@media screen and (max-width: 584px) { #welfare .sec1 { background-image: none; }
  #welfare .sec1::before { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1; content: ""; background-size: cover; background-position: center center; background-image: url("../images/welfare/img_01.jpg"); } }
#welfare .sec1 .cov { width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background-color: rgba(0, 0, 0, 0); position: absolute; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#welfare .sec1.cs1 .cov { background-color: rgba(0, 0, 0, 0.4); }
#welfare .sec1 .sec1a { position: relative; box-sizing: border-box; height: 100vh; width: 100%; }
#welfare .sec1 .sec1a h2 { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; margin: 0; border: 5px solid #FFFFFF; padding: 50px; text-align: center; font-family: "ff-angie-pro"; font-size: 50px; line-height: 1.5em; max-width: 760px; color: #fff; z-index: 5; }
#welfare .sec1 .sec1a h2 span { display: block; font-size: 20px; font-family: AozoraMincho; color: #fff; }
@media screen and (max-width: 584px) { #welfare .sec1 .sec1a h2 { width: 80%; padding: 20px; font-size: 25px; }
  #welfare .sec1 .sec1a h2 span { font-size: 14px; } }
#welfare .sec2 .secin { padding-top: 25vh; padding-bottom: 25vh; }
@media screen and (max-width: 584px) { #welfare .sec2 .secin { padding-top: 20px; padding-bottom: 20px; } }
#welfare .sec2 ul { width: 100%; max-width: 960px; box-sizing: border-box; position: relative; margin-left: auto; margin-right: auto; 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; }
@media screen and (max-width: 584px) { #welfare .sec2 ul { display: block; } }
#welfare .sec2 ul li { position: relative; background-color: #FDF6F5; box-sizing: border-box; width: 48%; margin-right: 1%; margin-left: 1%; padding: 40px; float: left; font-size: 15px; font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif; }
@media screen and (max-width: 584px) { #welfare .sec2 ul li { width: 100%; margin: 0; margin-bottom: 10px; float: none; padding: 15px; } }
#welfare .sec2 ul li .sec2a { min-height: 240px; position: relative; }
#welfare .sec2 ul li .sec2a::after { width: 80%; height: 1px; content: ""; border-bottom: 1px dotted #ccc; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#welfare .sec2 ul li h3 { font-size: 20px; margin-bottom: 40px; text-align: center; padding-bottom: 10px; position: relative; font-family: 'AozoraMincho'; }
@media screen and (max-width: 584px) { #welfare .sec2 ul li h3 { font-size: 18px; margin-bottom: 0px; } }
#welfare .sec2 ul li h3::after { width: 100px; height: 1px; content: ""; background-color: #D9300A; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#welfare .sec2 ul li h4 { margin: 0; margin-top: 40px; margin-bottom: 15px; font-size: 18px; color: #D9300A; font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif; }
@media screen and (max-width: 584px) { #welfare .sec2 ul li h4 { font-size: 15px; } }
@media screen and (max-width: 584px) { #welfare footer, #welfare .sec2, #welfare .seccontent { z-index: 2; background-color: #fff; } }