/* style parts --------------------------------------------------*/

.siteHeader { box-shadow: 0 3px 10px rgb(0 0 0 / 16%); }
.wrapper a:link { color:black; }

body { background:#fff; }
img {
/*  max-width: 100%;*/
  width: 100%;
  height: auto;
  vertical-align: top;
}
.wrapper a:hover { color:black; }

[class*="lyt-col"] { width:100%; margin:0 auto; display:flex; flex-wrap:wrap; align-content:stretch; justify-content:space-between; }

.box_mv { max-width:100%; padding: 90px 0 0; text-align:center; background:#F9F9F9; }
.box_mv h1 { text-align: center; font-size:2.5rem; display:inline-block; margin-bottom:0; line-height: 1.3; }
.box_mv h1 span { border-bottom:6px solid #FDE433; padding-bottom:7px; display:block; }
.hdg_info { margin-bottom:10px; }
.box_info { background:#F9F9F9; margin-bottom:60px; }
.box_info .inner { max-width:1080px; margin:0 auto; padding:0 40px 60px; }
.bg_gray { background:#F9F9F9; padding-bottom:50px; }

.wrapper .txt_caption { max-width:470px; margin:0 auto; font-size:1.25rem; margin-bottom:30px; }
.txt_caption a { font-size:1.625rem; text-decoration: none; padding-bottom:5px; border-bottom:none; font-weight:bold; color:black; }
.txt_caption a:hover { opacity:0.5; }

.list-type-1 li { width: 49%; }
.list-type-1 h3 { font-size:1.8rem; }
.list-type-1 h3 span { font-size:1.3rem; }
.list-type-1 a { width: 100%; min-height: 100%; display: block; background: #fff; border-radius:8px; padding:30px 30px 30px 230px; box-shadow: 0px 5px 14px 0px #ccc; position:relative; }
.list-type-1 p { font-size:1rem; margin-top:5px; }
.list-type-1 p span { font-size:0.87rem; margin-top:5px; display:block; }
.list-type-1 img { position:absolute; width:200px; left:20px; top:calc(50% - 60px); }
.list-type-1 a { color:black; }
.list-type-1 a:hover { color:black; opacity:0.7; }

.list-type-1.col3 li { width: 32%; position:relative; }
.list-type-1.col3 a { padding:30px 35px 110px; }
.list-type-1.col3 img { position:absolute; width:140px; margin: auto auto 0; left:0; right: 0; bottom:25px; }


/* hack */
.animation.bow { width: 332px; height: 332px; }
.stories__introduction { width: 332px; margin: 0 auto 80px; }



/** SP *****************************************************************************************************************************************************/

@media screen and (max-width: 1039px){
.box_mv { padding: 40px 0 35px; }
.box_mv h1 { font-size:1.5rem; }
.hdg_info { font-size:1.25rem; }
.box_info { margin-bottom: 40px; }
.box_info .inner { padding:0 20px 30px; }
.wrapper .txt_caption { font-size:0.875rem; margin:0 40px 10px; }
.txt_caption a { font-size:1.125rem; }
.list-type-1 li,
.list-type-1.col3 li { width: 100%; }
.list-type-1 li + li { margin-top:18px; }
.list-type-1 h3 { font-size:1.375rem; margin-bottom:3px; }
.list-type-1 h3 span { font-size:1rem; }
.list-type-1 a { min-height: 110px; border-radius:8px; padding:18px 20px 18px 160px; box-shadow: 0px 5px 14px 0px #ccc; position:relative; }
.list-type-1 p { font-size:0.875rem; }
.list-type-1 p span { font-size:0.75rem; }
.list-type-1 img { width:134px; left:10px; top:calc(50% - 39px); }

.list-type-1.col3 li { width: 100%; }
.list-type-1.col3 li:last-child { margin-top:18px; }
.list-type-1.col3 li + li { margin-top:18px; }
.list-type-1.col3 h3 span { letter-spacing:0; }
.list-type-1.col3 a { min-height: 130px; padding:18px 20px 18px 125px; }
.list-type-1.col3 img { width:110px; left:7px; top:calc(50% - 39px); bottom: initial; right:initial; }
.list-type-1.col3 a:hover { opacity:0.7; }


/* hack */
.animation.bow { width: 154px; height: 154px; }
.stories__introduction { width: 158px; margin: 0 auto; margin-bottom: 0; }
.stories__introduction { padding: 16px 0 20px; }
.stories__tagline--imageTagline { background-image: url(/jushinryo/stories/img/common/image_tagline_black2.svg); }
}