/*=============================================================
 about
=============================================================*/
#about #aboutContents { margin-bottom: 30px; }
@media all and (min-width: 600px) { #about #aboutContents { margin-bottom: 60px; } }
#about .mod_head02 { margin-bottom: 15px; }
@media all and (min-width: 600px) { #about .mod_head02 { margin-bottom: 32px; } }
#about .aboutHd { margin: 15px 15px 20px; border: 15px solid #f6f6f6; border-radius: 10px; padding:30px; }
#about .aboutHd h2 { font-weight: bold; text-align:center; font-size: 2.5rem; margin-bottom: 10px; }
@media all and (min-width: 600px) { #about .aboutHd { margin: 0 0 50px; } }
.aboutWrap { margin-bottom: 25px; background: no-repeat center top; background-size: 100% 138.5px; }
.aboutWrap .box { padding: 80px 15px 0; }
.aboutWrap .box .inner { display: block; position: relative; box-sizing: border-box; padding: 18px 22px; border: 4px solid; border-radius: 8px; background: #fff; text-decoration: none; -webkit-transition: opacity .35s; transition: opacity .35s; }
.aboutWrap .box .inner:hover { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.aboutWrap .box .inner:before { position: absolute; right: -3px; bottom: 0; border: 5px solid transparent; border-top: 5px solid; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; }
.aboutWrap .box .tit { line-height: 1; margin-bottom: 15px; font-weight: bold; font-size: 27.2px; font-size: 1.7rem; }
.aboutWrap.is_strong { background-image: url(../img/about/about_bg01_sp.png); }
.aboutWrap.is_strong .box .inner { border-color: #e20; }
.aboutWrap.is_strong .box .inner:before { border-top-color: #e20; }
.aboutWrap.is_strong .box .tit { color: #e20; }
.aboutWrap.is_flow { background-image: url(../img/about/about_bg02_sp.png); }
.aboutWrap.is_flow .box .inner { border-color: #4991a7; }
.aboutWrap.is_flow .box .inner:before { border-top-color: #4991a7; }
.aboutWrap.is_flow .box .tit { color: #4991a7; }
.aboutWrap.is_staff { background-image: url(../img/about/about_bg03_sp.png); }
.aboutWrap.is_staff .box .inner { border-color: #3a8c07; }
.aboutWrap.is_staff .box .inner:before { border-top-color: #3a8c07; }
.aboutWrap.is_staff .box .tit { color: #3a8c07; }
@media all and (min-width: 600px) { .aboutWrap { margin-bottom: 20px; background-size: cover; }  .aboutWrap .box { padding: 30px; }  .aboutWrap .box .inner { width: 420px; padding: 26px 28px 24px; border-width: 6px; }  .aboutWrap .box .inner:before { right: -5px; border-width: 10px; }  .aboutWrap .box .inner .tit { font-size: 2.5rem; }  .aboutWrap.is_strong { background-image: url(../img/about/about_bg01_pc.png); }  .aboutWrap.is_flow { background-image: url(../img/about/about_bg02_pc.png); }  .aboutWrap.is_staff { background-image: url(../img/about/about_bg03_pc.png); } }
#about .mod_cvBox01 { margin-top: 38px; }
/*# sourceMappingURL=maps/about.css.map */