.sub-mv{width:100%;height:400px;display:flex;align-items:center;justify-content:center;background:url("../img/sub-top.jpg");background-size:cover;background-position:bottom;position:relative;z-index:100}.sub-mv h1{font-family:futura-pt,sans-serif;font-size:4vw;font-weight:normal;color:#fff;text-align:center;letter-spacing:2px;line-height:.8}.sub-mv h1 span{font-family:"Yu Mincho","YuMincho",serif;font-size:1.2vw;text-align:center;color:#fff}.credo-com{background:#fff}.credo-content{width:90%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;padding:5% 0;text-align:center}.credo-content .box-top{width:100%;display:flex;justify-content:space-evenly;margin:0 auto}.credo-content .box-top .credo-box{width:30%;display:flex;flex-direction:column}.credo-content .box-top .credo-box p{font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif;font-size:14px;line-height:1.6;color:#33465A}.credo-content .box-top .credo-box .credo-img-box{width:25%;margin:0 auto;border:4px solid #82ccdd;transform:rotate(45deg)}.credo-content .box-top .credo-box .credo-img-box img{width:100%;transform:scale(0.6) rotate(-45deg)}.credo-content .box-midle{width:100%;display:flex;justify-content:space-between;margin:5% 0}.credo-content .box-midle .credo-box{width:30%;display:flex;flex-direction:column}.credo-content .box-midle .credo-box p{font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif;font-size:14px;line-height:1.6;color:#33465A}.credo-content .box-midle .credo-box .credo-img-box{width:25%;margin:0 auto;border:4px solid #82ccdd;transform:rotate(45deg)}.credo-content .box-midle .credo-box .credo-img-box img{width:100%;transform:scale(0.6) rotate(-45deg)}.credo-content .box-bottom{width:100%;display:flex;justify-content:space-evenly;margin:0 auto}.credo-content .box-bottom .credo-box{width:30%;display:flex;flex-direction:column}.credo-content .box-bottom .credo-box p{font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif;font-size:14px;line-height:1.6;color:#33465A}.credo-content .box-bottom .credo-box .credo-img-box{width:25%;margin:0 auto;border:4px solid #82ccdd;transform:rotate(45deg)}.credo-content .box-bottom .credo-box .credo-img-box img{width:100%;transform:scale(0.6) rotate(-45deg)}.credo-ttl{font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif;font-size:20px;font-weight:bold;color:#33465A;margin:10% 0 8%;line-height:1.6}@media (max-width: 768px){.sub-mv{height:300px}.sub-mv h1{font-size:calc(52 / 375 * 100vw)}.sub-mv h1 span{font-size:calc(18 / 375 * 100vw)}.sub-com .sub-wrap{width:90%;padding:10% 5%}.sub-com .sub-wrap h2{font-size:calc(36 / 375 * 100vw)}.credo-content{padding:10% 0}.credo-content .box-top,.credo-content .box-midle,.credo-content .box-bottom{flex-direction:column}.credo-content .box-top .credo-box,.credo-content .box-midle .credo-box,.credo-content .box-bottom .credo-box{width:100%;margin-top:10%}.credo-content .box-top .credo-box h2,.credo-content .box-midle .credo-box h2,.credo-content .box-bottom .credo-box h2{font-size:18px}}