.blockEditorContainerSumitomo .container-fluid, .blockEditorContainerSumitomo .container { margin-right: auto; margin-left: auto; } .blockEditorContainerSumitomo .container-fluid { padding-right: 2rem; padding-left: 2rem; } .blockEditorContainerSumitomo .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .blockEditorContainerSumitomo .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .blockEditorContainerSumitomo .col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .blockEditorContainerSumitomo .col-xs, .blockEditorContainerSumitomo .col-xs-1, .blockEditorContainerSumitomo .col-xs-2, .blockEditorContainerSumitomo .col-xs-3, .blockEditorContainerSumitomo .col-xs-4, .blockEditorContainerSumitomo .col-xs-5, .blockEditorContainerSumitomo .col-xs-6, .blockEditorContainerSumitomo .col-xs-7, .blockEditorContainerSumitomo .col-xs-8, .blockEditorContainerSumitomo .col-xs-9, .blockEditorContainerSumitomo .col-xs-10, .blockEditorContainerSumitomo .col-xs-11, .blockEditorContainerSumitomo .col-xs-12, .blockEditorContainerSumitomo .col-xs-offset-0, .blockEditorContainerSumitomo .col-xs-offset-1, .blockEditorContainerSumitomo .col-xs-offset-2, .blockEditorContainerSumitomo .col-xs-offset-3, .blockEditorContainerSumitomo .col-xs-offset-4, .blockEditorContainerSumitomo .col-xs-offset-5, .blockEditorContainerSumitomo .col-xs-offset-6, .blockEditorContainerSumitomo .col-xs-offset-7, .blockEditorContainerSumitomo .col-xs-offset-8, .blockEditorContainerSumitomo .col-xs-offset-9, .blockEditorContainerSumitomo .col-xs-offset-10, .blockEditorContainerSumitomo .col-xs-offset-11, .blockEditorContainerSumitomo .col-xs-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .blockEditorContainerSumitomo .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; max-width: 100%; } .blockEditorContainerSumitomo .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; -webkit-flex-basis: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .blockEditorContainerSumitomo .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; -webkit-flex-basis: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .blockEditorContainerSumitomo .col-xs-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .blockEditorContainerSumitomo .col-xs-4 { -ms-flex-preferred-size: 33.33333333%; -webkit-flex-basis: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .blockEditorContainerSumitomo .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; -webkit-flex-basis: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .blockEditorContainerSumitomo .col-xs-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .blockEditorContainerSumitomo .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; -webkit-flex-basis: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .blockEditorContainerSumitomo .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; -webkit-flex-basis: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .blockEditorContainerSumitomo .col-xs-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .blockEditorContainerSumitomo .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; -webkit-flex-basis: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .blockEditorContainerSumitomo .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; -webkit-flex-basis: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .blockEditorContainerSumitomo .col-xs-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .blockEditorContainerSumitomo .col-xs-offset-0 { margin-left: 0; } .blockEditorContainerSumitomo .col-xs-offset-1 { margin-left: 8.33333333%; } .blockEditorContainerSumitomo .col-xs-offset-2 { margin-left: 16.66666667%; } .blockEditorContainerSumitomo .col-xs-offset-3 { margin-left: 25%; } .blockEditorContainerSumitomo .col-xs-offset-4 { margin-left: 33.33333333%; } .blockEditorContainerSumitomo .col-xs-offset-5 { margin-left: 41.66666667%; } .blockEditorContainerSumitomo .col-xs-offset-6 { margin-left: 50%; } .blockEditorContainerSumitomo .col-xs-offset-7 { margin-left: 58.33333333%; } .blockEditorContainerSumitomo .col-xs-offset-8 { margin-left: 66.66666667%; } .blockEditorContainerSumitomo .col-xs-offset-9 { margin-left: 75%; } .blockEditorContainerSumitomo .col-xs-offset-10 { margin-left: 83.33333333%; } .blockEditorContainerSumitomo .col-xs-offset-11 { margin-left: 91.66666667%; } .blockEditorContainerSumitomo .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: start; } .blockEditorContainerSumitomo .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .blockEditorContainerSumitomo .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: end; } .blockEditorContainerSumitomo .top-xs { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .blockEditorContainerSumitomo .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .blockEditorContainerSumitomo .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .blockEditorContainerSumitomo .around-xs { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .blockEditorContainerSumitomo .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .blockEditorContainerSumitomo .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .blockEditorContainerSumitomo .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media only screen and (min-width: 48em) { .blockEditorContainerSumitomo .col-sm, .blockEditorContainerSumitomo .col-sm-1, .blockEditorContainerSumitomo .col-sm-2, .blockEditorContainerSumitomo .col-sm-3, .blockEditorContainerSumitomo .col-sm-4, .blockEditorContainerSumitomo .col-sm-5, .blockEditorContainerSumitomo .col-sm-6, .blockEditorContainerSumitomo .col-sm-7, .blockEditorContainerSumitomo .col-sm-8, .blockEditorContainerSumitomo .col-sm-9, .blockEditorContainerSumitomo .col-sm-10, .blockEditorContainerSumitomo .col-sm-11, .blockEditorContainerSumitomo .col-sm-12, .blockEditorContainerSumitomo .col-sm-offset-0, .blockEditorContainerSumitomo .col-sm-offset-1, .blockEditorContainerSumitomo .col-sm-offset-2, .blockEditorContainerSumitomo .col-sm-offset-3, .blockEditorContainerSumitomo .col-sm-offset-4, .blockEditorContainerSumitomo .col-sm-offset-5, .blockEditorContainerSumitomo .col-sm-offset-6, .blockEditorContainerSumitomo .col-sm-offset-7, .blockEditorContainerSumitomo .col-sm-offset-8, .blockEditorContainerSumitomo .col-sm-offset-9, .blockEditorContainerSumitomo .col-sm-offset-10, .blockEditorContainerSumitomo .col-sm-offset-11, .blockEditorContainerSumitomo .col-sm-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .blockEditorContainerSumitomo .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; max-width: 100%; } .blockEditorContainerSumitomo .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; -webkit-flex-basis: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .blockEditorContainerSumitomo .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; -webkit-flex-basis: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .blockEditorContainerSumitomo .col-sm-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .blockEditorContainerSumitomo .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; -webkit-flex-basis: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .blockEditorContainerSumitomo .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; -webkit-flex-basis: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .blockEditorContainerSumitomo .col-sm-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .blockEditorContainerSumitomo .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; -webkit-flex-basis: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .blockEditorContainerSumitomo .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; -webkit-flex-basis: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .blockEditorContainerSumitomo .col-sm-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .blockEditorContainerSumitomo .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; -webkit-flex-basis: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .blockEditorContainerSumitomo .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; -webkit-flex-basis: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .blockEditorContainerSumitomo .col-sm-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .blockEditorContainerSumitomo .col-sm-offset-0 { margin-left: 0; } .blockEditorContainerSumitomo .col-sm-offset-1 { margin-left: 8.33333333%; } .blockEditorContainerSumitomo .col-sm-offset-2 { margin-left: 16.66666667%; } .blockEditorContainerSumitomo .col-sm-offset-3 { margin-left: 25%; } .blockEditorContainerSumitomo .col-sm-offset-4 { margin-left: 33.33333333%; } .blockEditorContainerSumitomo .col-sm-offset-5 { margin-left: 41.66666667%; } .blockEditorContainerSumitomo .col-sm-offset-6 { margin-left: 50%; } .blockEditorContainerSumitomo .col-sm-offset-7 { margin-left: 58.33333333%; } .blockEditorContainerSumitomo .col-sm-offset-8 { margin-left: 66.66666667%; } .blockEditorContainerSumitomo .col-sm-offset-9 { margin-left: 75%; } .blockEditorContainerSumitomo .col-sm-offset-10 { margin-left: 83.33333333%; } .blockEditorContainerSumitomo .col-sm-offset-11 { margin-left: 91.66666667%; } .blockEditorContainerSumitomo .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: start; } .blockEditorContainerSumitomo .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .blockEditorContainerSumitomo .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: end; } .blockEditorContainerSumitomo .top-sm { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .blockEditorContainerSumitomo .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .blockEditorContainerSumitomo .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .blockEditorContainerSumitomo .around-sm { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .blockEditorContainerSumitomo .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .blockEditorContainerSumitomo .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .blockEditorContainerSumitomo .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } @media only screen and (min-width: 64em) { .blockEditorContainerSumitomo .col-md, .blockEditorContainerSumitomo .col-md-1, .blockEditorContainerSumitomo .col-md-2, .blockEditorContainerSumitomo .col-md-3, .blockEditorContainerSumitomo .col-md-4, .blockEditorContainerSumitomo .col-md-5, .blockEditorContainerSumitomo .col-md-6, .blockEditorContainerSumitomo .col-md-7, .blockEditorContainerSumitomo .col-md-8, .blockEditorContainerSumitomo .col-md-9, .blockEditorContainerSumitomo .col-md-10, .blockEditorContainerSumitomo .col-md-11, .blockEditorContainerSumitomo .col-md-12, .blockEditorContainerSumitomo .col-md-offset-0, .blockEditorContainerSumitomo .col-md-offset-1, .blockEditorContainerSumitomo .col-md-offset-2, .blockEditorContainerSumitomo .col-md-offset-3, .blockEditorContainerSumitomo .col-md-offset-4, .blockEditorContainerSumitomo .col-md-offset-5, .blockEditorContainerSumitomo .col-md-offset-6, .blockEditorContainerSumitomo .col-md-offset-7, .blockEditorContainerSumitomo .col-md-offset-8, .blockEditorContainerSumitomo .col-md-offset-9, .blockEditorContainerSumitomo .col-md-offset-10, .blockEditorContainerSumitomo .col-md-offset-11, .blockEditorContainerSumitomo .col-md-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .blockEditorContainerSumitomo .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; max-width: 100%; } .blockEditorContainerSumitomo .col-md-1 { -ms-flex-preferred-size: 8.33333333%; -webkit-flex-basis: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .blockEditorContainerSumitomo .col-md-2 { -ms-flex-preferred-size: 16.66666667%; -webkit-flex-basis: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .blockEditorContainerSumitomo .col-md-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .blockEditorContainerSumitomo .col-md-4 { -ms-flex-preferred-size: 33.33333333%; -webkit-flex-basis: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .blockEditorContainerSumitomo .col-md-5 { -ms-flex-preferred-size: 41.66666667%; -webkit-flex-basis: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .blockEditorContainerSumitomo .col-md-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .blockEditorContainerSumitomo .col-md-7 { -ms-flex-preferred-size: 58.33333333%; -webkit-flex-basis: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .blockEditorContainerSumitomo .col-md-8 { -ms-flex-preferred-size: 66.66666667%; -webkit-flex-basis: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .blockEditorContainerSumitomo .col-md-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .blockEditorContainerSumitomo .col-md-10 { -ms-flex-preferred-size: 83.33333333%; -webkit-flex-basis: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .blockEditorContainerSumitomo .col-md-11 { -ms-flex-preferred-size: 91.66666667%; -webkit-flex-basis: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .blockEditorContainerSumitomo .col-md-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .blockEditorContainerSumitomo .col-md-offset-0 { margin-left: 0; } .blockEditorContainerSumitomo .col-md-offset-1 { margin-left: 8.33333333%; } .blockEditorContainerSumitomo .col-md-offset-2 { margin-left: 16.66666667%; } .blockEditorContainerSumitomo .col-md-offset-3 { margin-left: 25%; } .blockEditorContainerSumitomo .col-md-offset-4 { margin-left: 33.33333333%; } .blockEditorContainerSumitomo .col-md-offset-5 { margin-left: 41.66666667%; } .blockEditorContainerSumitomo .col-md-offset-6 { margin-left: 50%; } .blockEditorContainerSumitomo .col-md-offset-7 { margin-left: 58.33333333%; } .blockEditorContainerSumitomo .col-md-offset-8 { margin-left: 66.66666667%; } .blockEditorContainerSumitomo .col-md-offset-9 { margin-left: 75%; } .blockEditorContainerSumitomo .col-md-offset-10 { margin-left: 83.33333333%; } .blockEditorContainerSumitomo .col-md-offset-11 { margin-left: 91.66666667%; } .blockEditorContainerSumitomo .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: start; } .blockEditorContainerSumitomo .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .blockEditorContainerSumitomo .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: end; } .blockEditorContainerSumitomo .top-md { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .blockEditorContainerSumitomo .middle-md { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .blockEditorContainerSumitomo .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .blockEditorContainerSumitomo .around-md { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .blockEditorContainerSumitomo .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .blockEditorContainerSumitomo .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .blockEditorContainerSumitomo .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } @media only screen and (min-width: 75em) { .blockEditorContainerSumitomo .col-lg, .blockEditorContainerSumitomo .col-lg-1, .blockEditorContainerSumitomo .col-lg-2, .blockEditorContainerSumitomo .col-lg-3, .blockEditorContainerSumitomo .col-lg-4, .blockEditorContainerSumitomo .col-lg-5, .blockEditorContainerSumitomo .col-lg-6, .blockEditorContainerSumitomo .col-lg-7, .blockEditorContainerSumitomo .col-lg-8, .blockEditorContainerSumitomo .col-lg-9, .blockEditorContainerSumitomo .col-lg-10, .blockEditorContainerSumitomo .col-lg-11, .blockEditorContainerSumitomo .col-lg-12, .blockEditorContainerSumitomo .col-lg-offset-0, .blockEditorContainerSumitomo .col-lg-offset-1, .blockEditorContainerSumitomo .col-lg-offset-2, .blockEditorContainerSumitomo .col-lg-offset-3, .blockEditorContainerSumitomo .col-lg-offset-4, .blockEditorContainerSumitomo .col-lg-offset-5, .blockEditorContainerSumitomo .col-lg-offset-6, .blockEditorContainerSumitomo .col-lg-offset-7, .blockEditorContainerSumitomo .col-lg-offset-8, .blockEditorContainerSumitomo .col-lg-offset-9, .blockEditorContainerSumitomo .col-lg-offset-10, .blockEditorContainerSumitomo .col-lg-offset-11, .blockEditorContainerSumitomo .col-lg-offset-12 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .blockEditorContainerSumitomo .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; max-width: 100%; } .blockEditorContainerSumitomo .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; -webkit-flex-basis: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .blockEditorContainerSumitomo .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; -webkit-flex-basis: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .blockEditorContainerSumitomo .col-lg-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .blockEditorContainerSumitomo .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; -webkit-flex-basis: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .blockEditorContainerSumitomo .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; -webkit-flex-basis: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .blockEditorContainerSumitomo .col-lg-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .blockEditorContainerSumitomo .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; -webkit-flex-basis: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .blockEditorContainerSumitomo .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; -webkit-flex-basis: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .blockEditorContainerSumitomo .col-lg-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .blockEditorContainerSumitomo .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; -webkit-flex-basis: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .blockEditorContainerSumitomo .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; -webkit-flex-basis: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .blockEditorContainerSumitomo .col-lg-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .blockEditorContainerSumitomo .col-lg-offset-0 { margin-left: 0; } .blockEditorContainerSumitomo .col-lg-offset-1 { margin-left: 8.33333333%; } .blockEditorContainerSumitomo .col-lg-offset-2 { margin-left: 16.66666667%; } .blockEditorContainerSumitomo .col-lg-offset-3 { margin-left: 25%; } .blockEditorContainerSumitomo .col-lg-offset-4 { margin-left: 33.33333333%; } .blockEditorContainerSumitomo .col-lg-offset-5 { margin-left: 41.66666667%; } .blockEditorContainerSumitomo .col-lg-offset-6 { margin-left: 50%; } .blockEditorContainerSumitomo .col-lg-offset-7 { margin-left: 58.33333333%; } .blockEditorContainerSumitomo .col-lg-offset-8 { margin-left: 66.66666667%; } .blockEditorContainerSumitomo .col-lg-offset-9 { margin-left: 75%; } .blockEditorContainerSumitomo .col-lg-offset-10 { margin-left: 83.33333333%; } .blockEditorContainerSumitomo .col-lg-offset-11 { margin-left: 91.66666667%; } .blockEditorContainerSumitomo .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: start; } .blockEditorContainerSumitomo .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .blockEditorContainerSumitomo .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; text-align: end; } .blockEditorContainerSumitomo .top-lg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .blockEditorContainerSumitomo .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .blockEditorContainerSumitomo .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .blockEditorContainerSumitomo .around-lg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .blockEditorContainerSumitomo .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .blockEditorContainerSumitomo .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .blockEditorContainerSumitomo .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } /*********************************************** Header Container ************************************************/ .sumitomo .topPage .onlineshop a { padding-right: 20px !important; } @media screen and (max-width: 1105px) { .sumitomo .topPage .onlineshop a { padding-right: 10px !important; } } @media screen and (max-width: 1260px) { .sumitomo .topPage .onlineshop a strong { font-size: 14px !important; } } @media screen and (max-width: 1105px) { .sumitomo .topPage .onlineshop a strong { font-size: 12px !important; } } .sumitomo .topPage .purchase { display: block; } .sumitomo .topPage .header22 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } @media screen and (max-width: 991px) { .sumitomo .topPage .header22 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } } .sumitomo .topPage .header2 h1 { display: block; } .sumitomo .header2 h1 { display: none; } .sumitomo .header22 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .sumitomo .headerFlex .right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .sumitomo .purchase { display: none; } .sumitomo .headerNew { display: none; } @media screen and (max-width: 991px) { .sumitomo .headerNew { display: block !important; } } .sumitomo .headerFlex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 991px) { .sumitomo .headerFlex { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 991px) { .sumitomo .header1 { display: none; } } @media screen and (max-width: 991px) { .sumitomo .header3 { display: none; } } @media screen and (max-width: 1140px) { .sumitomo .header3 ul li a span { background-size: auto 35px; } } @media screen and (max-width: 991px) { .sumitomo .header2 { padding-bottom: 1rem; } } @media screen and (max-width: 991px) { .sumitomo .header2 { display: none; } } @media screen and (max-width: 1300px) { .sumitomo .header2 .headerFlex .logo a img:last-child { width: 200px !important; } } @media screen and (max-width: 1146px) { .sumitomo .header2 .headerFlex .logo a img:last-child { max-width: 200px; } } .sumitomo .header2 .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 991px) { .sumitomo .header2 .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 991px) { .sumitomo .header2 .onlineshop:last-child a { padding-right: 0 !important; } } .sumitomo .header2 > p { display: none; } .sumitomo .header22 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 991px) { .sumitomo .header22 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 991px) { .sumitomo .header21 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 1177px) { .sumitomo .header21 a { font-size: 12px !important; width: 110px !important; } .sumitomo .header21 a:last-child { width: 70px !important; } } @media screen and (max-width: 1105px) { .sumitomo .header21 a { margin-left: 10px !important; } .sumitomo .header21 a:last-child { margin-left: 5px !important; } } .sumitomo .purchase a { background: url(../../shared/img/icon_purchase.png) left center no-repeat !important; padding-right: 15px !important; background-size: 29px !important; } .sumitomo .purchase span { color: #54aa1f !important; } .sumitomo .purchase strong { color: #221613 !important; } @media screen and (max-width: 1024px) { .sumitomo .information .tabs .tab-selector-1, .sumitomo .information .tabs .tab-label-1 { display: block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 669px !important; } .sumitomo .information .tabs input#tab-2 { left: 0; margin-top: 60px; } .sumitomo .information .tabs input#tab-3 { left: 169px; margin-top: 60px; } .sumitomo .information .tabs input#tab-4 { left: 336px; margin-top: 60px; } .sumitomo .information .tabs input#tab-5 { left: 504px; margin-top: 60px; } .sumitomo .information .tabs input#tab-5 + label { background-color: rgba(24, 113, 237, 0.25); color: #1871ed; } .sumitomo .information .tabs input#tab-5:hover + label { background-color: rgba(24, 113, 237, 0.55); color: #1871ed; } .sumitomo #triangle-bottomright-blue { width: 0; height: 0; border-bottom: 7px solid #1871ed; border-left: 7px solid transparent; position: absolute; bottom: 0; right: 0; } .sumitomo .information .tabs input#tab-5:checked + label { color: #fff; background: #1871ed; } .sumitomo .information .tag-bg-blue { background: #1871ed; } .sumitomo .information .tabs input.tab-selector-5:checked ~ .content .content-item-5 { z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; } .sumitomo .information .tabs label:after { content: none; } .sumitomo .information .tabs .tab-label-1 { margin-bottom: 2px; } .sumitomo .headerNew { -webkit-box-shadow: 1px -6px 20px #000000; box-shadow: 1px -6px 20px #000000; height: 120px !important; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .sumitomo .headerNew { height: 100px !important; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo .headerNew { height: 80px !important; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew { height: 60px !important; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew > div { -webkit-box-shadow: 1px -6px 20px #000000; box-shadow: 1px -6px 20px #000000; z-index: 9; } .sumitomo .headerNew .gm { background-color: #ffffff; border-top: 0; margin-top: 1rem; padding-bottom: 0; margin-bottom: 5rem; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew .gm { margin-top: 0; margin-bottom: 3rem; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew .gm ul { margin: 1rem 1.5rem 0; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew .gm ul { margin-top: 0; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew .gm ul li { width: calc(50% - 0.5rem) !important; -webkit-box-flex: 0 !important; -webkit-flex: none !important; -ms-flex: none !important; flex: none !important; text-align: center !important; margin: 0 !important; -webkit-box-shadow: 0 0 10px 0 #e4e4e4; box-shadow: 0 0 10px 0 #e4e4e4; } .sumitomo .headerNew .gm ul li:nth-child(odd) { margin-right: 1rem; } .sumitomo .headerNew .gm ul li:nth-of-type(1) { border-bottom: 7px solid #df1f67; } .sumitomo .headerNew .gm ul li:nth-of-type(2) { border-bottom: 7px solid #2d6eb6; } .sumitomo .headerNew .gm ul li:nth-of-type(3) { -webkit-box-shadow: 0 10px 10px 0 #e4e4e4; box-shadow: 0 10px 10px 0 #e4e4e4; border-bottom: 7px solid #12902c; } .sumitomo .headerNew .gm ul li:nth-of-type(4) { -webkit-box-shadow: 0 10px 10px 0 #e4e4e4; box-shadow: 0 10px 10px 0 #e4e4e4; border-bottom: 7px solid #ed6710; } .sumitomo .headerNew .gm ul li:nth-of-type(5) { -webkit-box-shadow: 0 10px 10px 0 #e4e4e4; box-shadow: 0 10px 10px 0 #e4e4e4; border-bottom: 7px solid #4a3c94; } .sumitomo .headerNew .gm ul li:nth-of-type(6) { -webkit-box-shadow: 0 10px 10px 0 #e4e4e4; box-shadow: 0 10px 10px 0 #e4e4e4; border-bottom: 7px solid #a6181e; } .sumitomo .headerNew .gm ul li:nth-of-type(7) { -webkit-box-shadow: 0 5px 10px 0 #e4e4e4; box-shadow: 0 5px 10px 0 #e4e4e4; border-bottom: 7px solid #239200; } .sumitomo .headerNew .gm ul li:nth-of-type(8) { -webkit-box-shadow: 0 5px 10px 0 #e4e4e4; box-shadow: 0 5px 10px 0 #e4e4e4; border-bottom: 7px solid #646663; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew .gm ul li { height: 100px; } .sumitomo .headerNew .gm ul li:nth-of-type(1) { border-bottom: 4px solid #df1f67; } .sumitomo .headerNew .gm ul li:nth-of-type(2) { border-bottom: 4px solid #2d6eb6; } .sumitomo .headerNew .gm ul li:nth-of-type(3) { border-bottom: 4px solid #12902c; } .sumitomo .headerNew .gm ul li:nth-of-type(4) { border-bottom: 4px solid #ed6710; } .sumitomo .headerNew .gm ul li:nth-of-type(5) { border-bottom: 4px solid #4a3c94; } .sumitomo .headerNew .gm ul li:nth-of-type(6) { border-bottom: 4px solid #a6181e; } .sumitomo .headerNew .gm ul li:nth-of-type(7) { border-bottom: 4px solid #239200; } .sumitomo .headerNew .gm ul li:nth-of-type(8) { border-bottom: 4px solid #646663; } } @media screen and (max-width: 1024px) and (max-width: 991px) { .sumitomo .headerNew .gm ul li img { max-height: 90%; max-width: 90%; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew .gm ul li img { max-height: 100%; height: 70%; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew > div > span img { width: 100%; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .sumitomo .headerNew > div > span img { max-width: 500px; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew > div { background-color: #ffffff !important; height: 120px !important; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .sumitomo .headerNew > div { height: 100px !important; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo .headerNew > div { height: 80px !important; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew > div { height: 60px !important; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew > div > span { margin: 15px 0 20px !important; width: 580px !important; height: auto !important; left: 3rem; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo .headerNew > div > span { left: 1.5rem; width: 400px !important; margin: 10px 0 20px !important; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew > div > span { width: 300px !important; } } @media screen and (max-width: 1024px) and (max-width: 375px) { .sumitomo .headerNew > div > span { width: 270px !important; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew > div { background-color: #ffffff !important; height: 120px !important; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .sumitomo .headerNew > div { height: 100px !important; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo .headerNew > div { height: 80px !important; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew > div { height: 60px !important; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew > div button, .sumitomo .headerNew.on > div button { background: none !important; } .sumitomo .headerNew > div button { background-image: url(../../shared_sp/img_nav/menuHamburger.png) !important; background-repeat: no-repeat !important; background-size: contain !important; width: 65px !important; height: 75px !important; right: 3rem; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .sumitomo .headerNew > div button { width: 45px !important; height: 55px !important; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo .headerNew > div button { right: 1.5rem; width: 40px !important; height: 50px !important; top: 12px; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew > div button { right: 1.5rem; width: 30px !important; height: 40px !important; top: 12px; } } @media screen and (max-width: 1024px) { .sumitomo .headerNew.on > div button { background-image: url(../../shared_sp/img_nav/menuHamburger_close.png) !important; background-repeat: no-repeat !important; background-size: contain !important; width: 65px !important; height: 75px !important; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .sumitomo .headerNew.on > div button { width: 45px !important; height: 55px !important; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo .headerNew.on > div button { width: 40px !important; height: 50px !important; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo .headerNew.on > div button { width: 30px !important; height: 40px !important; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 nav { max-height: 100%; padding-bottom: 10rem; border-top: 0; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo header div.header1 nav { padding-bottom: 8rem; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo header div.header1 nav { padding-bottom: 6rem; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 nav div.gm { border-top: 0; } .sumitomo header div.header1 .contents { border-top: 0; padding: 0 !important; margin-bottom: 5rem; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo header div.header1 .contents { margin-bottom: 3rem; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 .contents .cont { margin-top: 4rem; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo header div.header1 .contents .cont { margin: 0 15px; margin-top: 3rem; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 .contents .cont li { width: 100% !important; margin: 0 !important; } .sumitomo header div.header1 .contents .cont li a { border: 0; border-top: 1px solid #b3b3b3; border-radius: 0; } .sumitomo header div.header1 .contents .cont li a span { font-weight: 500; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo header div.header1 .contents .cont li a span { font-size: 14px !important; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo header div.header1 .contents .cont li a { background-size: 30px !important; background-position: 10px center !important; line-height: 70px !important; padding-left: 55px !important; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 .contents .cont li:last-child a { border-bottom: 1px solid #b3b3b3; } .sumitomo header div.header1 .close { padding: 0; } .sumitomo header div.header1 .close button { width: 100%; font-weight: 500; font-size: 20px; } } @media screen and (max-width: 1024px) and (max-width: 767px) { .sumitomo header div.header1 .close button { font-size: 16px; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 nav div.contents ul.cont li a span { font-size: 20px; } } @media screen and (max-width: 1024px) and (max-width: 600px) { .sumitomo header div.header1 nav div.contents ul.cont li a span { font-size: 16px; } } @media screen and (max-width: 1024px) { .sumitomo header div.header1 nav div.gm ul li { width: 50%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 12px -6px 0; } .sumitomo header div.header1 nav div.contents ul.ban li { width: 50%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 12px -6px 0; } .sumitomo header div.header1 nav div.contents ul.ban li img { width: 100%; height: auto; } .sumitomo header div.header1 nav div.contents ul.cont li { width: 50%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 12px -6px 0; } } @media screen and (max-width: 1024px) and (max-width: 480px) { .sumitomo header div.header1 nav div.contents ul.cont li { width: 100%; margin: 12px 0 0; } } .sumitomo .megamenu { width: 100%; max-width: 1318px; z-index: 9999; } @media screen and (max-width: 991px) { .sumitomo .megamenu { display: none; } } .sumitomo .megamenu nav { width: 100%; max-width: 1218px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav { position: relative; margin: 0 5rem; left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: auto; } } @media screen and (max-width: 1024px) { .sumitomo .megamenu nav { margin: 0 3rem; } } @media screen and (max-width: 767px) { .sumitomo .megamenu nav { margin: 0 2.2rem; } } .sumitomo .megamenu nav .dbd { -webkit-box-align: space-between !important; -webkit-align-items: space-between !important; -ms-flex-align: space-between !important; align-items: space-between !important; } .sumitomo .megamenu nav:nth-child(5) .flex .left a .name { font-size: 14px; } .sumitomo .megamenu nav:nth-child(5) .flex .right { width: calc(100% - 204px); padding-left: 2rem; } .sumitomo .megamenu nav:nth-child(5) .flex .right > div { width: calc((100% / 6) - 4.2px); } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(5) .flex .right > div a p { font-size: 10px; } } @media screen and (max-width: 1113px) { .sumitomo .megamenu nav:nth-child(5) .flex .right a strong { font-size: 12px; } } .sumitomo .megamenu nav:nth-child(3) .flex .left a { height: 99%; } .sumitomo .megamenu nav:nth-child(3) .flex .right { width: calc(100% - 204px); padding-left: 2rem; } .sumitomo .megamenu nav:nth-child(3) .flex .right > div { width: calc(50% - 10px); } .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 { margin: 5px -2.5px; } .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div { width: 50%; padding: 0 2.5px; } .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div .fx-center { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div .fx-center .photo { margin-right: 5px; } @media screen and (max-width: 1100px) { .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div .fx-center .photo { width: 55px; } } .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div .fx-center .text { width: auto; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } @media screen and (max-width: 1279px) { .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div .fx-center .text strong { font-size: 12px; } .sumitomo .megamenu nav:nth-child(3) .flex .right > div div.lv2 > div .fx-center .text p { font-size: 10px; } } .sumitomo .megamenu nav:nth-child(3) .flex .right:after { left: 20px; } .sumitomo .megamenu nav:nth-child(4) .left a .name { font-size: 13px; } .sumitomo .megamenu nav:nth-child(4) .rightFlex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% - 204px); padding-left: 2rem; } .sumitomo .megamenu nav:nth-child(4) .rightFlex .right { margin-left: 20px; width: calc(100% / 4); } .sumitomo .megamenu nav:nth-child(4) .rightFlex .right:first-child { margin-left: 0; } @media screen and (max-width: 1110px) { .sumitomo .megamenu nav:nth-child(4) .rightFlex .right a strong { font-size: 15px; } } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .left { width: 150px !important; } } .sumitomo .megamenu nav:nth-child(2) .left a { height: 93%; } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .left a { height: 100%; } } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .right { width: 130px !important; } } .sumitomo .megamenu nav:nth-child(2) .center { width: calc(100% - 354px); padding: 0 15px; } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .center { width: calc(100% - 280px); } .sumitomo .megamenu nav:nth-child(2) .center h2 { font-size: 14px; } } @media screen and (max-width: 1318px) and (max-width: 1046px) { .sumitomo .megamenu nav:nth-child(2) .center h2 { font-size: 12px; } } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .center h2 span { font-size: 12px; } } @media screen and (max-width: 1318px) and (max-width: 1046px) { .sumitomo .megamenu nav:nth-child(2) .center h2 span { font-size: 10px; } } .sumitomo .megamenu nav:nth-child(2) .center div.lv2 > div { width: 32%; } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .center div.lv2 > div h3 { font-size: 12px; } } @media screen and (max-width: 1046px) { .sumitomo .megamenu nav:nth-child(2) .center div.lv2 > div h3 { font-size: 10px; } } .sumitomo .megamenu nav:nth-child(2) .center div.lv2 > div div.lv3 > div { width: calc(50% - 2.5px); } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(2) .center div.lv2 > div div.lv3 > div strong { font-size: 10px; } .sumitomo .megamenu nav:nth-child(2) .center div.lv2 > div div.lv3 > div strong span { font-size: 8px; } } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(1) .left { width: 200px; } } .sumitomo .megamenu nav:nth-child(1) .right { width: calc(100% - 281px); padding-left: 2rem; } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(1) .right { width: calc(100% - 200px); } } .sumitomo .megamenu nav:nth-child(1) .right > div { width: calc(100% / 7 - 5px); } .sumitomo .megamenu nav:nth-child(1) .right > div:first-child { width: calc(5 * (100% / 7 - 5px)) !important; } .sumitomo .megamenu nav:nth-child(1) .right > div:first-child > div.lv2 > div, .sumitomo .megamenu nav:nth-child(1) .right > div:first-child > div.lv2 > a { width: calc(100% / 5 - 5px); } .sumitomo .megamenu nav:nth-child(1) .right > div:nth-child(2), .sumitomo .megamenu nav:nth-child(1) .right > div:nth-child(3) { width: calc(100% / 7 + 5px); } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(1) .right > div:nth-child(2) div > a, .sumitomo .megamenu nav:nth-child(1) .right > div:nth-child(3) div > a { font-size: 6px; } } @media screen and (max-width: 1318px) { .sumitomo .megamenu nav:nth-child(1) .right > div div.lv2 > div a { font-size: 6px; } } .sumitomo .megamenu.cont1 nav:nth-of-type(1) { height: auto; } .sumitomo .megamenu.cont2 nav:nth-of-type(2) { height: auto !important; } .sumitomo .megamenu.cont3 nav:nth-of-type(3) { height: auto; } .sumitomo .megamenu.cont4 nav:nth-of-type(4) { height: auto; } .sumitomo .megamenu.cont5 nav:nth-of-type(5) { height: auto; } .sumitomo .megamenu.cont1 nav:nth-of-type(1):hover { height: auto; } .sumitomo .sumitomo div.megamenu nav:nth-of-type(2):hover { height: auto !important; } .sumitomo .megamenu.cont3 nav:nth-of-type(3):hover { height: auto; } .sumitomo .megamenu.cont4 nav:nth-of-type(4):hover { height: auto; } .sumitomo .megamenu.cont5 nav:nth-of-type(5):hover { height: auto; } /*********************************************** Footer Container ************************************************/ .sumitomo footer { z-index: 1 !important; } @media screen and (max-width: 1024px) { .sumitomo footer { margin-top: 12rem !important; } } @media screen and (max-width: 767px) { .sumitomo footer { margin-top: 7rem !important; } } @media screen and (max-width: 991px) { .sumitomo footer .boxPc { display: none; } } .sumitomo footer .boxSp { display: none; } @media screen and (max-width: 991px) { .sumitomo footer .boxSp { display: inline-block; } } @media screen and (max-width: 991px) { .sumitomo footer nav ul li a { line-height: 45px; } } @media screen and (max-width: 767px) { .sumitomo footer nav ul li a { line-height: 40px; border: 1px solid #d2d2d2; } } @media screen and (max-width: 480px) { .sumitomo footer nav ul li a { font-size: 12px; line-height: 30px; } } .sumitomo footer .btnScroll { position: relative; margin: 0 auto; max-width: 1218px; } @media screen and (max-width: 1318px) { .sumitomo footer .btnScroll { margin: 0 5rem; } } @media screen and (max-width: 1024px) { .sumitomo footer .btnScroll { margin: 0 3rem; } } @media screen and (max-width: 767px) { .sumitomo footer .btnScroll { margin: 0 1.5rem; } } .sumitomo footer .btnScroll .scrl { margin-right: 0; right: 0; } @media screen and (max-width: 1024px) { .sumitomo footer .btnScroll .scrl:hover { background: #005532 url(../../shared_sp/img/arrow.png) center center no-repeat; opacity: 0.7; } } @media screen and (max-width: 767px) { .sumitomo footer .btnScroll .scrl { width: 35px; height: 35px; top: -40px; background-size: 20px; } .sumitomo footer .btnScroll .scrl:hover { background-size: 20px; } } .sumitomo footer nav ul { margin: 0 5rem; } @media screen and (max-width: 1024px) { .sumitomo footer nav ul { margin: 0 3rem; } } @media screen and (max-width: 767px) { .sumitomo footer nav ul { margin: 0 1.5rem; } } @media screen and (max-width: 991px) { .sumitomo footer nav ul li { width: 50%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 10px -5px 0; } } @media screen and (max-width: 991px) and (max-width: 1024px) { .sumitomo footer nav ul li::before { content: ''; } } .sumitomo footer .logo { width: auto; text-align: center; } @media screen and (max-width: 991px) { .sumitomo footer .logo { margin: 0 -5px; } } @media screen and (max-width: 1024px) { .sumitomo footer .logo { margin: 3rem 3rem; } } @media screen and (max-width: 767px) { .sumitomo footer .logo { margin: 3rem 1.5rem; } } .sumitomo footer .logo span { width: calc(50% - 15px); max-width: 50%; margin: 0; } .sumitomo footer .logo span:last-child { margin-left: 30px; } .sumitomo footer .logo span img { width: 100%; } @media screen and (max-width: 375px) { .sumitomo footer small { font-size: 10px; } } .sumitomo .contentsnav { width: 100% !important; } @media screen and (max-width: 991px) { .sumitomo .contentsnav { display: none; } } @media screen and (max-width: 767px) { .sumitomo .contentsnav { width: calc(100% + 3rem) !important; margin-left: -1.5rem !important; margin-right: -1.5rem !important; } } .sumitomo .contentsnav nav { width: 100% !important; max-width: 960px; margin: 0 auto; } @media screen and (max-width: 767px) { .sumitomo .contentsnav nav { margin: 0 1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .contentsnav .contents1 { margin: -0.5rem !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .sumitomo .contentsnav .contents1 li { width: 50% !important; padding: 0.5rem !important; } } @media screen and (max-width: 767px) { .sumitomo .contentsnav .contents1 li img { width: 100%; } } .sumitomo .contentsnav .contents2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 16px -5px 0 !important; } @media screen and (max-width: 767px) { .sumitomo .contentsnav .contents2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sumitomo .contentsnav .contents2 li { width: calc(100% / 5) !important; } .sumitomo .contentsnav .contents2 li:first-child { width: calc(2 * (100% / 5)) !important; } @media screen and (max-width: 1160px) { .sumitomo .contentsnav .contents2 li a span { font-size: 12px !important; } } @media screen and (max-width: 1065px) { .sumitomo .contentsnav .contents2 li a span { font-size: 10px !important; } } @media screen and (max-width: 767px) { .sumitomo .contentsnav .contents2 li { padding-bottom: 10px !important; width: 50% !important; } .sumitomo .contentsnav .contents2 li:first-child { width: 50% !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(1) { background: url(../../shared/img_contents/5.png) 20px center no-repeat !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(2) { background: url(../../shared/img_contents/2.png) 20px center no-repeat !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(3) { background: url(../../shared/img_contents/4.png) 20px center no-repeat !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(4) { background: url(../../shared/img_contents/1.png) 20px center no-repeat !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(5) { background: url(../../shared/img_contents/6.png) 20px center no-repeat !important; } .sumitomo .contentsnav .contents2 li a { padding-left: 6.5rem; text-decoration: none !important; } .sumitomo .contentsnav .contents2 li a span { position: relative !important; left: 0 !important; top: 50% !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; text-align: left !important; font-size: 20px !important; font-weight: 700 !important; } } @media screen and (max-width: 575px) { .sumitomo .contentsnav .contents2 li a span { font-size: 16px !important; } } @media screen and (max-width: 480px) { .sumitomo .contentsnav .contents2 li a { height: 58px !important; } .sumitomo .contentsnav .contents2 li a span { font-size: 12px !important; } } @media screen and (max-width: 375px) { .sumitomo .contentsnav .contents2 li:nth-of-type(1) { background: url(../../shared/img_contents/5.png) 15px 17px no-repeat !important; background-size: 30px !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(2) { background: url(../../shared/img_contents/2.png) 15px 12px no-repeat !important; background-size: 30px !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(3) { background: url(../../shared/img_contents/4.png) 15px 15px no-repeat !important; background-size: 30px !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(4) { background: url(../../shared/img_contents/1.png) 15px 15px no-repeat !important; background-size: 30px !important; } .sumitomo .contentsnav .contents2 li:nth-of-type(5) { background: url(../../shared/img_contents/6.png) 15px 17px no-repeat !important; background-size: 30px !important; } .sumitomo .contentsnav .contents2 li a { padding-left: 4.5rem; } .sumitomo .contentsnav .contents2 li a span { font-size: 10px !important; } } .sumitomo { /* .boxTextPs { position: absolute; bottom: 7px; left: 0; padding: 0 5px; } .boxTextPs p { font-size: 12px; line-height: 17px; font-weight: 500; } .imgCont { text-align: center; } */ /*div.megamenu nav:nth-of-type(2) div.center div.lv2 > div div.lv3 > div { margin-top: 20px; }*/ /* div.megamenu nav:nth-of-type(2) div.center div.lv2 { margin-top: 20px; height: calc(100% - 40px); } div.megamenu nav:nth-of-type(2) div.center div.lv2 .lv3 { margin-top: 20px; height: calc(100% - 30px); } */ /*div.megamenu nav:nth-of-type(2) div.center h2 { padding: 30px 20px; }*/ /* div.megamenu.cont2 nav:nth-of-type(2) { padding-bottom: 2rem; } */ /* div.megamenu nav div.flex { height: calc(100% - 31px); } */ /* div.megamenu nav div.photo img { padding: 0; } .bgImg { background-image: url(https://analyze.engei.world/assets/img/common/bg_top.jpg); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; margin-top: 5px; } .bgImg:hover { opacity: 0.7; } div.megamenu nav:nth-of-type(2) div.right .bgImg h2 { background-color: unset !important; margin-top: 0 !important; padding: 4px 0; background-image: url(https://analyze.engei.world/assets/img/common/pic_leaf.png); background-position: center; background-size: contain; background-repeat: repeat-x; } div.megamenu nav:nth-of-type(2) div.right .bgImg a { background-color: unset !important; padding: 0px 12px 12px; } div.megamenu nav:nth-of-type(2) div.right .bgImg a div.photo { border: 2px solid #41d89e; height: 103px !important; } div.megamenu nav:nth-of-type(2) div.right a div.photo { height: 165px !important; } div.megamenu nav:nth-of-type(2) div.right a strong { margin-top: 10px !important; } div.megamenu.cont2 nav:nth-of-type(2) { height: 54.5rem !important; } div.megamenu nav:nth-of-type(2) div.center div.lv2>div div.lv3>div a div.photo { height: 167px; } div.megamenu nav:nth-of-type(2) div.center div.lv2>div div.lv3>div a div.photo.photo2 { height: 150px; } div.megamenu nav:nth-of-type(2):hover { height: 54.5rem !important; } */ } .sumitomo div.megamenu nav:nth-of-type(1) div.right > div > div.lv2 > a strong { display: block; width: calc(100% / 5 - 5px * 4 / 5); text-align: center; padding: 30px 0 0 0; font-weight: bold; font-size: 2rem; width: 119px; height: 194px; } .sumitomo div.megamenu nav:nth-of-type(1) div.right > div:nth-of-type(1) { width: calc(5 * (100% / 7 - 5px * 7 / 7) + 5px * 4); background: rgba(223, 31, 103, 0.1) url(../../img/megamenu_bg1.png) 5px 60px no-repeat; padding: 5px; } .sumitomo div.megamenu.cont2 nav:nth-of-type(2) { height: 40.6rem; } .sumitomo div.megamenu nav:nth-of-type(2):hover { height: 40.6rem !important; } .sumitomo div.megamenu nav:nth-of-type(2) div.right a div.photo { height: 168px; } .sumitomo div.megamenu nav:nth-of-type(2) div.right { width: 160px; } .sumitomo .imgHover:hover { opacity: 0.7; } .sumitomo main.top .flex_column > section.information { /* height: 152px; */ } .sumitomo .information .tabs .tab-selector-1, .sumitomo .information .tabs .tab-label-1 { display: block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 369px !important; } .sumitomo .information .tabs input#tab-2 { left: 0; margin-top: 35px; } .sumitomo .information .tabs input#tab-3 { left: 93px; margin-top: 35px; } .sumitomo .information .tabs input#tab-4 { left: 186px; margin-top: 35px; } .sumitomo .information .tabs input#tab-5 { left: 279px; margin-top: 35px; } .sumitomo .information .tabs input#tab-5 + label { background-color: rgba(24, 113, 237, 0.25); color: #1871ed; } .sumitomo .information .tabs input#tab-5:hover + label { background-color: rgba(24, 113, 237, 0.55); color: #1871ed; } .sumitomo #triangle-bottomright-blue { width: 0; height: 0; border-bottom: 7px solid #1871ed; border-left: 7px solid transparent; position: absolute; bottom: 0; right: 0; } .sumitomo .information .tabs input#tab-5:checked + label { color: #fff; background: #1871ed; } .sumitomo .information .tag-bg-blue { background: #1871ed; } .sumitomo .information .tabs input.tab-selector-5:checked ~ .content .content-item-5 { z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; } .sumitomo .information .tabs label:after { z-index: 10; } .sumitomo .bottomtext { padding-top: 5rem; } .sumitomo .top { margin: 0; } .sumitomo .top > p { padding: 0; margin: 0; } @media screen and (max-width: 1315px) { .sumitomo .topPage .header2 .headerFlex .logo a img { width: 200px !important; } } @media screen and (max-width: 1270px) { .sumitomo .topPage .header2 .headerFlex .logo a img { width: 180px !important; } } .sumitomo .topPage .header2 > p { display: block; } .sumitomo .topPage .middlecontainer { margin-top: 0; } @media screen and (max-width: 767px) { .sumitomo .topPage .contentsnav { margin-top: 0; } } @media screen and (min-width: 992px) { .sumitomo .topPage .middlecontainer { margin-top: 0; } } .sumitomo .topPage .swiper-container { margin: 0; } @media screen and (max-width: 991px) { .sumitomo .topPage .swiper-container { margin: 0 -3rem; } } @media screen and (max-width: 767px) { .sumitomo .topPage .swiper-container { margin: 1rem -1.5rem 0; } } .sumitomo .topPage .swiper-container .swiper-slide img { width: 100%; } .sumitomo .topPage .mainmenu { background-color: #ffffff; border-top: 0; margin-top: 1rem; padding-bottom: 0; } @media screen and (max-width: 480px) { .sumitomo .topPage .mainmenu { margin-top: 0; } } .sumitomo .topPage .mainmenu ul { margin-top: 1rem; } @media screen and (max-width: 480px) { .sumitomo .topPage .mainmenu ul { margin-top: 0; } } .sumitomo .topPage .mainmenu ul li { width: calc(50% - 0.5rem); -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; text-align: center; margin-top: 0; -webkit-box-shadow: 0 0 10px 0 #e4e4e4; box-shadow: 0 0 10px 0 #e4e4e4; } .sumitomo .topPage .mainmenu ul li:nth-child(odd) { margin-right: 1rem; } .sumitomo .topPage .mainmenu ul li:nth-of-type(3) { -webkit-box-shadow: 0 10px 10px 0 #e4e4e4; box-shadow: 0 10px 10px 0 #e4e4e4; } .sumitomo .topPage .mainmenu ul li:nth-of-type(4) { -webkit-box-shadow: 0 10px 10px 0 #e4e4e4; box-shadow: 0 10px 10px 0 #e4e4e4; } .sumitomo .topPage .mainmenu ul li:nth-of-type(5) { -webkit-box-shadow: 0 5px 10px 0 #e4e4e4; box-shadow: 0 5px 10px 0 #e4e4e4; } .sumitomo .topPage .mainmenu ul li:nth-of-type(6) { -webkit-box-shadow: 0 5px 10px 0 #e4e4e4; box-shadow: 0 5px 10px 0 #e4e4e4; } @media screen and (max-width: 480px) { .sumitomo .topPage .mainmenu ul li { height: 100px; } .sumitomo .topPage .mainmenu ul li:nth-of-type(1) { border-bottom: 4px solid #df1f67; } .sumitomo .topPage .mainmenu ul li:nth-of-type(2) { border-bottom: 4px solid #2d6eb6; } .sumitomo .topPage .mainmenu ul li:nth-of-type(3) { border-bottom: 4px solid #12902c; } .sumitomo .topPage .mainmenu ul li:nth-of-type(4) { border-bottom: 4px solid #ed6710; } .sumitomo .topPage .mainmenu ul li:nth-of-type(5) { border-bottom: 4px solid #4a3c94; } .sumitomo .topPage .mainmenu ul li:nth-of-type(6) { border-bottom: 4px solid #a6181e; } } @media screen and (max-width: 767px) { .sumitomo .topPage .mainmenu ul li img { max-width: 90%; } } @media screen and (max-width: 480px) { .sumitomo .topPage .mainmenu ul li img { height: 70%; } } .sumitomo .topPage .ban.bannerTop { margin-top: 5rem; } @media screen and (max-width: 480px) { .sumitomo .topPage .ban.bannerTop { margin-top: 3rem; } } .sumitomo .topPage .ban.bannerTop .banNew { margin: -1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banNew { margin: -1rem; } } .sumitomo .topPage .ban.bannerTop .banNew a { display: block; } .sumitomo .topPage .ban.bannerTop .banNew-item { width: 33.3%; padding: 1.5rem; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banNew-item { padding: 1rem; } } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banNew-item { width: 100%; } } .sumitomo .topPage .ban.bannerTop .banNew-item img { width: 100%; } .sumitomo .topPage .ban.bannerTop .banNew-item .imgLg { position: relative; } .sumitomo .topPage .ban.bannerTop .banNew-item .imgSm { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90%; } .sumitomo .topPage .ban.bannerTop .banNew-item .listBan { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sumitomo .topPage .ban.bannerTop .banNew-item .listBan li { margin: 0; } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banNew-item .listBan li { margin-bottom: 2rem; } .sumitomo .topPage .ban.bannerTop .banNew-item .listBan li:last-child { margin-bottom: 0; } } @media screen and (max-width: 480px) { .sumitomo .topPage .ban.bannerTop .banNew-item .listBan li { margin-bottom: 1rem; } } .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo { position: relative; } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo { margin-top: 3rem; } } @media screen and (max-width: 480px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo { margin-top: 1rem; } } .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video { position: absolute; top: 55%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 218px; width: 100%; } @media screen and (max-width: 1320px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 200px; } } @media screen and (max-width: 1200px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 180px; } } @media screen and (max-width: 1100px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 170px; } } @media screen and (max-width: 1035px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 145px; } } @media screen and (max-width: 850px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 130px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 390px; } } @media screen and (max-width: 720px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 360px; } } @media screen and (max-width: 667px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 320px; } } @media screen and (max-width: 610px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 290px; } } @media screen and (max-width: 540px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 250px; } } @media screen and (max-width: 460px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 220px; } } @media screen and (max-width: 420px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 200px; } } @media screen and (max-width: 375px) { .sumitomo .topPage .ban.bannerTop .banNew-item .banVideo .video iframe { height: 165px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banTop { display: none; } } .sumitomo .topPage .ban.bannerTop .banTop ul { margin: -1.5rem; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banTop ul { margin: -1rem; } } .sumitomo .topPage .ban.bannerTop .banTop ul li { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 25%; padding: 1.5rem; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banTop ul li { padding: 1rem; } } .sumitomo .topPage .ban.bannerTop .banTop ul li:last-child { margin-right: 0; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banBottom { margin-top: 1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banBottom { margin-top: 2rem; } } .sumitomo .topPage .ban.bannerTop .banBottom ul { margin: -1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banBottom ul { margin: -1rem; } } .sumitomo .topPage .ban.bannerTop .banBottom ul li { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 33.3%; padding: 1.5rem; margin: 0; } @media screen and (max-width: 991px) { .sumitomo .topPage .ban.bannerTop .banBottom ul li { padding: 1rem; } } @media screen and (max-width: 767px) { .sumitomo .topPage .ban.bannerTop .banBottom ul li { width: 100%; } .sumitomo .topPage .ban.bannerTop .banBottom ul li img { width: 100%; } } .sumitomo .topPage .ban.bannerTop .banBottom ul li:last-child { margin-right: 0; } .sumitomo .topPage .boxSocial .w802 { width: 68.5% !important; padding-right: 3rem; } @media screen and (max-width: 1024px) { .sumitomo .topPage .boxSocial .w802 { width: 100% !important; padding-right: 0; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w802 .pickup h2 span { border-radius: 7px; } } @media screen and (max-width: 480px) { .sumitomo .topPage .boxSocial .w802 .pickup h2 { font-size: 18px; padding-left: 10px; } .sumitomo .topPage .boxSocial .w802 .pickup h2 span { font-size: 16px; } } @media screen and (max-width: 375px) { .sumitomo .topPage .boxSocial .w802 .pickup h2 span { font-size: 14px; } } .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container { width: calc(100% - 9rem); } .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide img { width: auto; } .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide h3 { height: auto; } .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .text { width: calc(100% - 156px); } @media screen and (max-width: 1310px) { .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .text { width: calc(100% - 100px); } } .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .text p { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .text { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } } .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .photo { width: 156px; } @media screen and (max-width: 1310px) { .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .photo { width: 100px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w802 .pickup .swiper-container .swiper-slide .photo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; } } @media screen and (max-width: 991px) { .sumitomo .topPage .boxSocial .w802 .pickup .swiper-button-next { right: 0; } } @media screen and (max-width: 991px) { .sumitomo .topPage .boxSocial .w802 .pickup .swiper-button-prev { left: 0; } } .sumitomo .topPage .boxSocial .w802 .ban { margin-top: 2rem; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w802 .ban { margin-top: 3rem; } } .sumitomo .topPage .boxSocial .w802 .ban ul { margin: 0 -1rem; } .sumitomo .topPage .boxSocial .w802 .ban ul li { width: 50%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0 1rem; margin-top: 0; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w802 .ban ul li { width: 100%; } } .sumitomo .topPage .boxSocial .w802 .ban ul li img { width: 100%; } .sumitomo .topPage .boxSocial .w386 { width: 31.5% !important; } @media screen and (max-width: 1024px) { .sumitomo .topPage .boxSocial .w386 { width: 100% !important; margin-bottom: 2rem; } } .sumitomo .topPage .boxSocial .w386 iframe { height: 364px; } @media screen and (max-width: 991px) { .sumitomo .topPage .boxSocial .w386 iframe { height: 300px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 iframe { display: none; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information { border-top: 0; position: relative; } .sumitomo .topPage .boxSocial .w386 .information::before { content: ''; position: absolute; bottom: -4px; left: -1.6rem; width: calc(100% + 3.2rem); height: 4px; background-color: #669900; } } .sumitomo .topPage .boxSocial .w386 .information .tabs .tab-label-1 { font-size: 16px !important; } @media screen and (max-width: 991px) { .sumitomo .topPage .boxSocial .w386 .information .tabs .tab-label-1 { font-size: 14px !important; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .tabs { padding-top: 1px; } } .sumitomo .topPage .boxSocial .w386 .information .tabs input, .sumitomo .topPage .boxSocial .w386 .information .tabs label { width: calc(25% - 2.25px); } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .tabs input, .sumitomo .topPage .boxSocial .w386 .information .tabs label { width: calc(25% - 1.5px); } } @media screen and (max-width: 991px) { .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-label-1, .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-label-2, .sumitomo .topPage .boxSocial .w386 .information .tabs label.tab-label-1, .sumitomo .topPage .boxSocial .w386 .information .tabs label.tab-label-2 { margin-bottom: 3px; } } .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-label-5, .sumitomo .topPage .boxSocial .w386 .information .tabs label.tab-label-5 { margin-right: 0; } @media screen and (max-width: 991px) { .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-label-3, .sumitomo .topPage .boxSocial .w386 .information .tabs label.tab-label-3 { margin-right: 0; } } .sumitomo .topPage .boxSocial .w386 .information .tabs .tab-selector-1, .sumitomo .topPage .boxSocial .w386 .information .tabs .tab-label-1 { width: 100% !important; } .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-selector-3 { left: 25% !important; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-selector-3 { width: calc(25% - 1.5px); left: 25% !important; } } .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-selector-4 { left: 50% !important; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-selector-4 { left: 50% !important; margin-top: 35px !important; } } .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-selector-5 { left: 75% !important; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .tabs input.tab-selector-5 { left: 75% !important; margin-top: 35px !important; } } @media screen and (max-width: 1210px) { .sumitomo .topPage .boxSocial .w386 .information .tabs label { font-size: 10px; } } @media screen and (max-width: 1125px) { .sumitomo .topPage .boxSocial .w386 .information .tabs label { font-size: 8px; } } @media screen and (max-width: 1024px) { .sumitomo .topPage .boxSocial .w386 .information .tabs label { font-size: 14px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .tabs label { font-size: 10px; } } @media screen and (max-width: 480px) { .sumitomo .topPage .boxSocial .w386 .information .tabs label { font-size: 8px; } } .sumitomo .topPage .boxSocial .w386 .information .tabs .content-item { width: 100%; } .sumitomo .topPage .boxSocial .w386 .information .tabs .content-item tbody { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .content .content-item { width: 100%; } } @media screen and (max-width: 1100px) { .sumitomo .topPage .boxSocial .w386 .information .content tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .content tr { display: block; } } @media screen and (max-width: 480px) { .sumitomo .topPage .boxSocial .w386 .information .content tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sumitomo .topPage .boxSocial .w386 .information .content tr td:first-child { width: 73px; } @media screen and (max-width: 1100px) { .sumitomo .topPage .boxSocial .w386 .information .content tr td:first-child { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .sumitomo .topPage .boxSocial .w386 .information .content tr td:nth-child(2) { width: 78px; } @media screen and (max-width: 1100px) { .sumitomo .topPage .boxSocial .w386 .information .content tr td:last-child { width: 100%; padding-left: 0; margin-top: 5px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information .content tr td:last-child { width: calc(100% - 151px); padding-left: 5px; } } @media screen and (max-width: 480px) { .sumitomo .topPage .boxSocial .w386 .information .content tr td:last-child { width: 100%; padding-left: 0; margin-top: 5px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information h2 { margin: 0 -1.5rem; } } @media screen and (max-width: 1265px) { .sumitomo .topPage .boxSocial .w386 .information h2 a { font-size: 16px; background-size: 20px !important; padding: 0 0 0 35px; } } @media screen and (max-width: 1111px) { .sumitomo .topPage .boxSocial .w386 .information h2 a { font-size: 12px; } } @media screen and (max-width: 1024px) { .sumitomo .topPage .boxSocial .w386 .information h2 a { font-size: 16px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information h2 a { font-size: 16px; line-height: 1.2; padding-top: 4px; height: auto; padding: 0.8rem 0 0.5rem 4rem; } } @media screen and (max-width: 480px) { .sumitomo .topPage .boxSocial .w386 .information h2 a { font-size: 14px; } } @media screen and (max-width: 1111px) { .sumitomo .topPage .boxSocial .w386 .information h2 a span { font-size: 10px; } } @media screen and (max-width: 1024px) { .sumitomo .topPage .boxSocial .w386 .information h2 a span { font-size: 16px; } } @media screen and (max-width: 767px) { .sumitomo .topPage .boxSocial .w386 .information h2 a span { font-size: 16px; } } @media screen and (max-width: 480px) { .sumitomo .topPage .boxSocial .w386 .information h2 a span { font-size: 12px; } } .sumitomo .sliderNew { /* slide-box */ /* slide */ /* slide-navigation */ /* slick */ } @media screen and (max-width: 991px) { .sumitomo .sliderNew { margin-top: 10rem; } } @media screen and (max-width: 767px) { .sumitomo .sliderNew { margin-top: 8rem; } } @media screen and (max-width: 480px) { .sumitomo .sliderNew { margin-top: 6rem; } } .sumitomo .sliderNew .sp_none { display: none; } .sumitomo .sliderNew .pc_none { display: block; } .sumitomo .sliderNew .slide-box { position: relative; margin: 0; padding: 0; } .sumitomo .sliderNew .slide { position: relative; margin: 0; padding: 0; } .sumitomo .sliderNew .slide .item { position: relative; height: 100%; } .sumitomo .sliderNew .slide .item a { display: block; } .sumitomo .sliderNew .slide .item::before { display: block; padding-top: 32%; content: ''; } .sumitomo .sliderNew .slide .item .image { position: relative; overflow: hidden; } .sumitomo .sliderNew .slide .item img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; } .sumitomo .sliderNew .slide > .slick-list, .sumitomo .sliderNew .slide > .slick-list > .slick-track, .sumitomo .sliderNew .slide > .slick-list > .slick-track > .slick-slide > div { position: relative; height: 100%; } .sumitomo .sliderNew .slide-navigation { line-height: 0; position: relative; margin: 0; padding: 0; } .sumitomo .sliderNew .slide-navigation .item { position: relative; cursor: pointer; } .sumitomo .sliderNew .slide-navigation .item .image { position: relative; overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; } .sumitomo .sliderNew .slide-navigation .item .image::before { display: block; padding-top: 32%; content: ''; } .sumitomo .sliderNew .slide-navigation .item .image::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; opacity: 0.5; background: #000; } .sumitomo .sliderNew .slide-navigation .slick-current .image::after { opacity: 0; } .sumitomo .sliderNew .slide-navigation .item .image { position: relative; overflow: hidden; } .sumitomo .sliderNew .slide-navigation .item .image img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; } .sumitomo .sliderNew .slick-prev:before, .sumitomo .sliderNew .slick-next:before { font-family: 'slick'; font-size: 32px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sumitomo .sliderNew .slick-vertical .slick-slide { border: 0 solid transparent; } .sumitomo .sliderNew .slick-arrow { z-index: 999; } .sumitomo .sliderNew .slick-prev { top: 25px; bottom: 0; left: 35px; right: auto; margin: auto; } .sumitomo .sliderNew .slick-next { top: 25px; bottom: 0; left: auto; right: 43px; margin: auto; } @media screen and (max-width: 767px) { .sumitomo .sliderNew .hedar_bg { background: url("../imges/header_sp.png"); background-position: center; height: 78px; } .sumitomo .sliderNew .sp_none { display: block; } .sumitomo .sliderNew .pc_none { display: none; } .sumitomo .sliderNew .slide-navigation { width: 100%; } .sumitomo .sliderNew .slide-navigation .item .image::before { padding-top: 50%; } .sumitomo .sliderNew .slide .item::before { display: block; padding-top: 76.5%; content: ''; } .sumitomo .sliderNew .slide-navigation .item .image::before { display: block; padding-top: 77%; content: ''; } .sumitomo .sliderNew .slick-prev { top: 15px; bottom: 0; left: 7px; right: auto; margin: auto; } .sumitomo .sliderNew .slick-next { top: 15px; bottom: 0; left: auto; right: 20px; margin: auto; } } .sumitomo .socialSp { margin-top: 3rem; display: none; } @media screen and (max-width: 1024px) { .sumitomo .socialSp { display: block; text-align: center; } } .sumitomo .socialSp iframe { height: 353px; width: 100%; } @media screen and (max-width: 767px) { .sumitomo .socialSp iframe { width: 386px; } } @media screen and (max-width: 480px) { .sumitomo .socialSp iframe { width: 345px; } } @media screen and (max-width: 375px) { .sumitomo .socialSp iframe { width: 100%; } } .sumitomo .textHead { font-size: 30px; font-weight: 700; margin: 0 auto; display: inline-block; color: #3f3f3f; letter-spacing: 15px; position: relative; } @media screen and (max-width: 480px) { .sumitomo .textHead { font-size: 15px; letter-spacing: 10px; } } .sumitomo .textHead::before { content: ''; position: absolute; background-color: #817f7f; width: 50px; height: 3px; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 480px) { .sumitomo .textHead::before { width: 30px; height: 2px; } } .sumitomo .social-fb { min-height: 350px; } @media screen and (max-width: 991px) { .sumitomo .social-fb { min-height: 500px; } } @media screen and (max-width: 480px) { .sumitomo .social-fb { height: 350px; min-height: 350px; } } .sumitomo .social-fb .fb-page { width: 100%; } .sumitomo .social-fb span { width: 100% !important; } @media screen and (max-width: 1024px) { .sumitomo .social-fb span { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .sumitomo .social-fb iframe { width: 100% !important; } @media screen and (max-width: 1024px) { .sumitomo .social-fb iframe { max-width: 500px !important; } } @media screen and (max-width: 1024px) and (-ms-high-contrast: active), screen and (max-width: 1024px) and (-ms-high-contrast: none) { .sumitomo .social-fb iframe { position: relative !important; } } @media screen and (max-width: 480px) { .sumitomo .social-fb iframe { height: 350px !important; } } .sumitomo .pageInfo .information-page-container .list-news-tab .item .content p strong { font-weight: normal; } .sumitomo .pageInfo .information-page-container .list-news-tab .item .content p span strong { font-weight: bold; } .sumitomo .pageInfo .information-page-container .heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .sumitomo .pageInfo .information-page-container .heading { background-size: 50px; padding: 15px 0; } } @media screen and (max-width: 375px) { .sumitomo .pageInfo .information-page-container .heading { background-size: 40px; } } @media screen and (max-width: 375px) { .sumitomo .pageInfo .information-page-container .heading h1 { padding-left: 70px; } } @media screen and (max-width: 374px) { .sumitomo .pageInfo .information-page-container .heading h1 { font-size: 1.6rem; } } @media screen and (max-width: 480px) { .sumitomo .pageInfo .information-page-container .tabs_list .tab-link { font-size: 1.1rem; padding: 13px 2px; } } @media screen and (max-width: 375px) { .sumitomo .pageInfo .information-page-container .tabs_list .tab-link { font-size: 1.1rem; padding: 13px 2px; } } @media screen and (max-width: 374px) { .sumitomo .pageInfo .information-page-container .tabs_list .tab-link { font-size: 0.9rem; padding: 9px 2px; } .sumitomo .pageInfo .information-page-container .tabs_list .tab-link.tab-selector-2::before { height: 10px; border-bottom: 10px solid #7fcb80; border-left: 10px solid transparent; } .sumitomo .pageInfo .information-page-container .tabs_list .tab-link.tab-selector-3::before { height: 10px; border-bottom: 10px solid #efaf57; border-left: 10px solid transparent; } .sumitomo .pageInfo .information-page-container .tabs_list .tab-link.tab-selector-4::before { height: 10px; border-bottom: 10px solid #e1807e; border-left: 10px solid transparent; } .sumitomo .pageInfo .information-page-container .tabs_list .tab-link.tab-selector-5::before { height: 10px; border-bottom: 10px solid #1871ed; border-left: 10px solid transparent; } } @media screen and (max-width: 480px) { .sumitomo .pageInfo .information-page-container .list-news-tab .info-news-post .date { font-size: 1.2rem; } } @media screen and (max-width: 767px) { .sumitomo .pageInfo .information-page-container .list-news-tab .info-news-post .label-cat { font-size: 1.4rem; } } @media screen and (max-width: 480px) { .sumitomo .pageInfo .information-page-container .list-news-tab .info-news-post .label-cat { font-size: 1.2rem; } } @media screen and (max-width: 374px) { .sumitomo .pageInfo .information-page-container .list-news-tab .info-news-post .label-cat { font-size: 1.1rem; } } @media screen and (max-width: 374px) { .sumitomo .pageInfo .information-page-container .list-news-tab .info-news-post .label-cat.blue-bg { padding: 5px; } } @media screen and (max-width: 374px) { .sumitomo .pageInfo .information-page-container .list-news-tab .info-news-post .label-cat.red-bg { padding: 5px; } } main.fertilizer section a figure figcaption { padding: 0; background: none; } main.fertilizer .bottomtext { padding-top: 0; } @media screen and (max-width: 767px) { main.fertilizer .bottomtext { padding-top: 5rem; } } @media screen and (max-width: 767px) { main.fertilizer h1 + p { margin-top: 1.5rem; padding-bottom: 0; } } @media screen and (max-width: 767px) { main.fertilizer .title { background: transparent; border-bottom: 0; padding-bottom: 0; } } main.fertilizer .title div.title1 { margin: 0; text-align: left; } @media screen and (max-width: 767px) { main.fertilizer .title div.title1 { padding: 0; text-align: center; } } @media screen and (max-width: 767px) { main.fertilizer .title div.title1 img { max-width: 200px; width: 100%; } } @media screen and (max-width: 767px) { main.fertilizer .header { margin: 1.5rem -2.2rem 0; } } main.fertilizer section h2 { margin-left: 0; margin-right: 0; padding: 17px 22px 14px 17px; } @media screen and (max-width: 767px) { main.fertilizer section h2 { border-bottom: 2px solid #ed6710; padding: 12px 15px 8px 15px; margin-left: -15px; margin-right: -15px; } } @media screen and (max-width: 767px) { main.fertilizer section h3 { border-left: 12px solid #ed6710; } } @media screen and (max-width: 767px) { main.fertilizer section h3 span { border-bottom: 2px solid #ed6710; } } main.fertilizer section .intro ul { margin: -0.75rem; } @media screen and (max-width: 767px) { main.fertilizer section .intro ul { margin: -1.5rem -0.75rem; } } @media screen and (max-width: 374px) { main.fertilizer section .intro ul { margin: -1rem -0.5rem; } } main.fertilizer section .intro ul li { width: 25%; padding: 0.75rem; } @media screen and (max-width: 767px) { main.fertilizer section .intro ul li { width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; } } @media screen and (max-width: 767px) { main.fertilizer section .intro ul li { padding: 1.5rem 0.75rem; } } @media screen and (max-width: 374px) { main.fertilizer section .intro ul li { padding: 1rem 0.5rem; } } main.fertilizer section .intro ul li a { width: 100%; } @media screen and (max-width: 767px) { main.fertilizer section .intro ul li a { border: solid 1px; } } main.fertilizer section .intro ul li a figure figcaption { max-width: 90%; margin: 0 auto; } main.fertilizer section .intro ul li a figure figcaption span { min-width: 130px; padding: 0.75rem 1rem; line-height: 1.4; } @media screen and (max-width: 374px) { main.fertilizer section .intro ul li a figure figcaption span { font-size: 1.3rem; padding: 0.75rem 0.5rem; min-width: 122px; } } main.fertilizer section .intro ul li a figure figcaption span:before { vertical-align: bottom; } @media screen and (max-width: 1279px) { main.fertilizer section .intro ul li a figure figcaption span br { display: none; } } main.fertilizer section div.bg_orange { background-color: transparent; } @media screen and (max-width: 767px) { main.fertilizer section div.bg_orange { padding: 2rem; background-color: rgba(237, 103, 16, 0.05); } } main.fertilizer section div.products h4 { border-bottom: 0 !important; } @media screen and (max-width: 767px) { main.fertilizer section div.products h4 { border-bottom: 1px solid #ed6710 !important; margin-top: 1.5rem; line-height: 1.4; } } main.fertilizer section div.products div.link a { min-width: 220px; } main.fertilizer section div.products div.link a:before { background-size: 20px; background-position: center; } main.fertilizer section div.products ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } main.fertilizer section div.products ul li { width: 20%; } @media screen and (max-width: 1024px) { main.fertilizer section div.products ul li { width: 33.333%; } } @media screen and (max-width: 767px) { main.fertilizer section div.products ul li { width: 50%; } } main.fertilizer section div.products ul li a figure { text-align: center; } main.fertilizer section div.products ul li a figure figcaption { background: url(../../shared_sp/img/icon_arrow_link_32.png) 0 3px no-repeat; background-size: 15px; text-align: center; display: inline-block; } main.fertilizer section div.products ul li a figure div.photo { min-height: 150px; margin-bottom: 0.5rem; } main.fertilizer section .tidbits { border: 0; } @media screen and (max-width: 767px) { main.fertilizer section .tidbits { padding: 2rem; border: 1px solid rgba(237, 103, 16, 0.2); } } main.fertilizer section .tidbits h4 { background-size: 30px; padding: 0 0 0 35px; margin-top: 0; } @media screen and (max-width: 767px) { main.fertilizer section .tidbits h4 { margin: 0; } } @media screen and (max-width: 767px) { main.fertilizer section .tidbits p { margin: 0; } } .sumitomo.pageWizut { /* main.wizut section.product div.block:nth-of-type(2) div.flex > div.item { background: url(/wizut/img/frame_1.png) center center no-repeat; } main.wizut section.product div.block:nth-of-type(1) div.flex > div.item { background: url(/wizut/img/frame_4.png) center center no-repeat; } */ } .sumitomo.pageWizut .wizut01 { /* background: url(../../wizut/img/iconwizut01.png) left bottom no-repeat; */ background-position: 0px 10px; position: relative; font-size: 0; /* padding-bottom: 6px; */ border-bottom: 5px solid #999999; margin-top: 0px; margin-bottom: 20px; background-color: rgba(153, 153, 153, 0.1); } .sumitomo.pageWizut .wizut01 .wizut1 { display: inline-block; vertical-align: baseline; /* padding: 0 0 0 80px; */ position: relative; margin: 0; top: 5px; } .sumitomo.pageWizut .wizut01 .wizut1 span { font-family: HiraKakuPro; color: #000000; font-size: 1.2rem; display: block; white-space: nowrap; position: absolute; top: 0; left: 100px; line-height: 1.5; } .sumitomo.pageWizut .wizut01 .wizut1 strong { display: block; font-size: 3rem; line-height: 55px; padding-top: 15px; font-weight: 700; margin-top: 15px; /* margin-left: 20px; */ } .sumitomo.pageWizut .wizut01 .wizut02 { /* border-left: 1px dotted #999999; */ display: inline-block; vertical-align: baseline; font-size: 3rem; /* line-height: 65px; */ /* padding: 15px 0 0 25px; */ font-weight: 700; /* margin-left: 10px; */ padding-left: 15px; line-height: 55px; padding-top: 5px; } @media screen and (max-width: 767px) { .sumitomo.pageWizut .wizut01 .wizut02 { line-height: 1.4; font-size: 2.5rem; } } .sumitomo.pageWizut h1 + p { padding-bottom: 3rem; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(2) { border-color: #ffa7ff; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(2) h2 { /* background: url(/wizut/img/tit_1.png) left center no-repeat; */ /* text-shadow: #740074 0px 0px 5px; */ background: none; text-shadow: none; color: black; background-color: #e2f0d9; border-color: #00683794; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(3) { border-color: #67cced; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(3) h2 { /* background: url(/wizut/img/tit_3.png) left center no-repeat; */ /* text-shadow: #04181e 0px 0px 5px; */ background: none; text-shadow: none; color: black; background-color: #fff2cc; border-color: #f1b40099; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(1) { border-color: #8ace46; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(1) h2 { /* background: url(/wizut/img/tit_4.png) left center no-repeat; */ /* text-shadow: black 0px 0px 5px; */ background: none; text-shadow: none; color: black; background-color: #dae3f3; border-color: #2d6eb6; } .sumitomo.pageWizut main.wizut section.product div.block h2 { font-size: 2rem; height: auto; padding: 0.8rem 1rem 0.3rem 1rem; /* margin-bottom: 15px; */ margin-bottom: 16px; border-bottom: 2px solid; font-weight: 700; } @media only screen and (max-width: 1024px) { .sumitomo.pageWizut main.wizut section.product div.block h2 { font-size: 1.6rem; margin-bottom: 10px; border-bottom: 2px solid; font-weight: 700; line-height: 1; padding: 20px; } } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product div.block h2 { padding: 10px; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item { background: none !important; } .sumitomo.pageWizut main.wizut section.product div.block { border: none; border-radius: 0; margin-top: 30px; padding: 0; background-color: inherit; } .sumitomo.pageWizut main.wizut section.product { /* padding: 20px 50px 40px 50px; */ padding: 40px; margin-top: -1px; } @media only screen and (max-width: 1024px) { .sumitomo.pageWizut main.wizut section.product { margin-top: -1px; padding: 30px; background-color: #f2dfdd; } } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product { padding: 5px 15px 30px 15px; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item { background: none; width: calc(100% / 3); height: 100%; margin: 0; padding: 0 8px; text-align: center; } @media only screen and (max-width: 1024px) { .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item { width: calc(100% / 2); margin-bottom: 8px; padding: 0 8px 0 0; } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item:nth-child(2n) { padding-right: 0; } } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item { width: calc(100% / 2); } } @media only screen and (max-width: 480px) { .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item { width: 100%; padding-right: 0; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item .wrapper { border: 1px solid #00000057; min-height: 330px; position: relative; padding-bottom: 50px; background-color: #fff; padding: 0 5px 50px 5px; } .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(1) div.flex > div.item .wrapper { min-height: 355px; } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product div.block:nth-of-type(1) div.flex > div.item .wrapper { min-height: 330px; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item p { font-size: 1.4rem; text-align: center; font-weight: 400; } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item p { font-size: 1.1rem; text-align: center; font-weight: 400; padding: 0 0.3rem; line-height: 1.7rem; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item a { /* background-color: #ffe699; */ /* padding: 0.8rem 1rem 0.6rem 1rem; */ /* padding: 1rem 2.5rem 0.6rem 2.5rem; */ /* border-radius: 5px; */ text-decoration: none; position: absolute; /* bottom: 10px; */ bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 160px; /* box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 70%); */ /* background-image: linear-gradient(45deg, #ffc1079e 0%, #ff8b5fab 100%); box-shadow: 0px 2px 2px rgb(0 0 0 / 29%); border-bottom: solid 3px #c586689e; width: 100%; max-width: 130px; */ } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item a span { color: black; font-weight: 700; font-size: 1.4rem; } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item div.photo { height: auto; line-height: normal; padding-top: 15px; } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item h3 { background: none !important; font-weight: 700; text-align: center; line-height: 43px; height: 45px; } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item h3 { line-height: 1; padding-top: 15px; padding-bottom: 10px; height: auto; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item h3 span { font-size: 1.6rem; white-space: normal; line-height: 1.4; } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item h3 span { font-size: 1.4rem; line-height: 1.5em; vertical-align: top; } } .sumitomo.pageWizut main.wizut section.product div.block div.flex > div.item div.photo img { height: 150px; } .sumitomo.pageWizut main.wizut .header { background: url("../../wizut/img/header_01.png") center bottom no-repeat; z-index: -1; height: 330px; } @media only screen and (max-width: 1279px) { .sumitomo.pageWizut main.wizut .header { height: 300px; background-size: auto 300px; } } @media only screen and (max-width: 1024px) { .sumitomo.pageWizut main.wizut .header { height: 250px; background-size: auto 250px; } } @media only screen and (max-width: 767px) { .sumitomo.pageWizut main.wizut .header { height: 175px; background-size: auto 175px; } } @media only screen and (max-width: 480px) { .sumitomo.pageWizut main.wizut .header { height: 130px; background-size: auto 130px; } } @media only screen and (max-width: 374px) { .sumitomo.pageWizut main.wizut .header { height: 110px; background-size: auto 110px; } } .sumitomo.pageWizut .middlecontainer main { margin-top: 20px; } main.weed section a figure figcaption { padding: 0; background: none; max-width: 90%; margin: 0 auto; } .dropmenu-parent { border: solid 3px #177122; border-radius: 10px; padding-bottom: 10px; position: relative; height: 120px; } .dropmenu-inner { width: 60%; /*top: 0;*/ /*bottom: 0;*/ /*left: 0;*/ /*right: 0;*/ /*position: absolute;*/ padding-top: 5px; margin: auto; } footer { z-index: 0; } .dropmenu { *zoom: 1; list-style-type: none; margin: 5px auto 30px; padding: 0; } .dropmenu:before, .dropmenu:after { content: ''; display: table; } .dropmenu:after { clear: both; } .dropmenu li { position: relative; width: 30%; min-width: 250px; float: left; margin: 0; padding: 0; text-align: center; } @media screen and (max-width: 1024px) { .dropmenu li { width: 80% !important; } } @media screen and (max-width: 767px) { .dropmenu li { width: 100% !important; } } .dropmenu li ul li { width: 100% !important; } .dropmenu li a { display: block; margin: 0; margin-left: 2px; padding: 10px 10px 8px; background: #1b5d2c; color: #fff; font-size: 14px; line-height: 1.4; text-decoration: none; } @media screen and (max-width: 767px) { .dropmenu li a { padding: 10px 15px 8px; } } .dropmenu li ul { list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; } .dropmenu li ul li { width: 100%; } .dropmenu li ul li a { padding: 13px 15px; border-top: 1px solid #24632c; background: #60a36a; text-align: left; } .dropmenu li:hover > a { background: #3c7f3c; } .dropmenu li a:hover { background: #52a33f; } #normal li ul { display: none; } #normal li:hover ul { display: block; } #dropmenu li ul li { overflow: hidden; height: 0; -webkit-transition: 0.2s; transition: 0.2s; } #dropmenu li:hover ul li { overflow: visible; height: 38px; } .bottomtext { padding-top: 5rem; } main.weed .title { width: 100%; } @media screen and (max-width: 767px) { main.weed .title { background: transparent; border-bottom: 0; padding-bottom: 0; } } main.weed .title div.title1 { margin: 0; text-align: left; } @media screen and (max-width: 767px) { main.weed .title div.title1 { padding: 0; text-align: center; } } @media screen and (max-width: 767px) { main.weed .title div.title1 img { max-width: 200px; width: 100%; } } @media screen and (max-width: 767px) { main.weed .header { margin: 1.5rem -2.2rem 0; } } main.weed h1 + p { padding-bottom: 0rem; } @media screen and (max-width: 767px) { main.weed h1 + p { margin-top: 1.5rem; } } main.weed section.weed .intro { width: 100%; } @media screen and (max-width: 767px) { main.weed section.weed .intro { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } main.weed section.weed .intro ul { margin: -0.75rem; } @media screen and (max-width: 767px) { main.weed section.weed .intro ul { margin: -1.5rem -0.5rem; } } @media screen and (max-width: 374px) { main.weed section.weed .intro ul { margin: -1rem -0.5rem; } } main.weed section.weed .intro ul li { width: 25%; padding: 0.75rem; } @media screen and (max-width: 767px) { main.weed section.weed .intro ul li { width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; } } @media screen and (max-width: 767px) { main.weed section.weed .intro ul li { padding: 1.5rem 0.5rem; } } @media screen and (max-width: 374px) { main.weed section.weed .intro ul li { padding: 1rem 0.5rem; } } main.weed section.weed .intro ul li a { width: 100%; } @media screen and (max-width: 767px) { main.weed section.weed .intro ul li a { border: solid 1px; } } main.weed section.weed .intro ul li a figure figcaption span { min-width: 130px; padding: 0.75rem 1rem; line-height: 1.4; } @media screen and (max-width: 767px) { main.weed section.weed .intro ul li a figure figcaption span { font-size: 1.2rem; } } @media screen and (max-width: 374px) { main.weed section.weed .intro ul li a figure figcaption span { padding: 0.75rem 0.5rem; min-width: 122px; } } main.weed section.weed .intro ul li a figure figcaption span:before { vertical-align: top; } @media screen and (max-width: 1279px) { main.weed section.weed .intro ul li a figure figcaption span br { display: none; } } main.weed section.weed .w100p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { main.weed section.weed .w100p .row20 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .row20 .w40p { width: 100% !important; margin-bottom: 2rem; text-align: center; } main.weed section.weed .w100p .row20 .w40p img { max-width: 200px; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .row20 .w60p { width: 100% !important; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .row20 .w60p p { margin-bottom: 0; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .row20 .w60p .dropmenu { display: none; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .img_name img { max-width: 250px; } } main.weed section.weed .w100p .weed_banner { width: 100%; } @media screen and (max-width: 1024px) { main.weed section.weed .w100p .weed_banner { margin: 4rem 0rem !important; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .weed_banner { margin: 3rem 0rem 1rem !important; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 1024px) { main.weed section.weed .w100p .weed_banner strong { font-size: 2rem !important; } } @media screen and (max-width: 767px) { main.weed section.weed .w100p .weed_banner strong { line-height: 1.4 !important; font-size: 1.5rem !important; } } @media screen and (min-width: 768px) { main.weed section > strong { display: block !important; height: auto !important; } } @media screen and (max-width: 767px) { main.weed section > strong { font-size: 2rem; margin-bottom: 15px; } } main.weed section h2 { margin-left: 0; margin-right: 0; padding: 17px 22px 14px 17px; } @media screen and (max-width: 1024px) { main.weed section h2 { font-size: 2rem; } } @media screen and (max-width: 767px) { main.weed section h2 { border-bottom: 2px solid #12902c; padding: 12px 15px 8px 15px; margin-left: -15px; margin-right: -15px; font-size: 1.7rem; } } main.weed section h2.weed { border-bottom: 3px solid #006837; } @media screen and (max-width: 767px) { main.weed section h2.weed { border-bottom: 3px solid #12902c; padding: 10px 45px 8px 50px; line-height: 1.4; background-size: 35px; } } @media screen and (max-width: 374px) { main.weed section h2.weed { font-size: 1.5rem; } } main.weed section h2.togglev:after { display: none; content: ''; background-image: url(../../weed/shared_sp/img/arrow.png); width: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; right: 15px; } @media screen and (max-width: 767px) { main.weed section h2.togglev:after { display: block; } } main.weed section h2.togglev.on:after { content: ''; background-image: url(../../weed/shared_sp/img/arrow_close.png); width: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; } main.weed section h2.spray { border-bottom: 3px solid #006837; } @media screen and (max-width: 767px) { main.weed section h2.spray { border-bottom: 3px solid #12902c; padding: 15px 15px 12px 15px; padding-left: 50px; background: rgba(18, 144, 44, 0.2) url(../../weed/shared_sp/img/icon_herbicide.png) 15px center no-repeat; background-size: 25px; } } main.weed section h3 { border-left: 12px solid #006837; } @media screen and (max-width: 767px) { main.weed section h3 { border-left: 12px solid #12902c; } } main.weed section h3 span { border-bottom: 3px solid #006837; } @media screen and (max-width: 767px) { main.weed section h3 span { border-bottom: 2px solid #12902c; } } main.weed section div.products div.link { display: none; } @media screen and (max-width: 767px) { main.weed section div.products div.link { position: inherit; display: block; } } main.weed section div.products div.link a { min-width: 220px; color: #1356a2; padding: 0.5rem 1.5em; line-height: 1.4; } main.weed section div.products div.link a:before { background-size: 20px; background-position: center; } main.weed section div.products ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } main.weed section div.products ul li { width: 20%; } @media screen and (max-width: 1279px) { main.weed section div.products ul li { width: 33.333%; } } @media screen and (max-width: 767px) { main.weed section div.products ul li { width: 50%; } } main.weed section div.products ul li a figure { text-align: center; } main.weed section div.products ul li a figure figcaption { background: url(../../shared_sp/img/icon_arrow_link_32.png) 0 3px no-repeat; background-size: 15px; text-align: center; display: inline-block; } main.weed section div.products ul li a figure div.photo { min-height: 150px; margin-bottom: 0.5rem; } @media screen and (max-width: 767px) { main.weed div.bg_green { padding: 2rem; } } main.weed div.bg_green div.products h4 { color: #006837; border-bottom: 1px solid #006837 !important; } @media screen and (max-width: 767px) { main.weed div.bg_green div.products h4 { color: #12902c; border-bottom: 1px solid #12902c !important; margin-top: 1.5rem; line-height: 1.4; } } @media screen and (max-width: 767px) { main.weed section.rank strong { margin-top: 1.5rem; } } main.weed section.rank ol { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } main.weed section.rank ol li { width: 20% !important; } @media screen and (max-width: 1279px) { main.weed section.rank ol li { width: 33.333% !important; } } @media screen and (max-width: 767px) { main.weed section.rank ol li { width: 50% !important; } } main.weed section.rank ol li a figure div.photo { min-height: 150px; } main.weed section.rank ol li a figure div.photo div { height: 100% !important; } main.weed section.rank ol li a figure figcaption { background-size: 15px; } main { width: 100%; } .sumitomo main.about { margin-top: 20px; } @media screen and (max-width: 991px) { .sumitomo main.about { margin-top: 0; } } .sumitomo main.about #gardening h1 { text-align: left; } @media screen and (max-width: 767px) { .sumitomo main.about #gardening h1 { text-align: center; padding-left: 0; } } .sumitomo main.about #gardening p { padding-top: 1.5rem; } .sumitomo main.about h1 + p { padding-bottom: 0; } .sumitomo main.about #engei_site h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 17px 15px 10px; font-size: 2.4rem; margin-bottom: 20px; font-weight: bold; } @media screen and (max-width: 767px) { .sumitomo main.about #engei_site h2 { font-size: 1.5rem; line-height: 1.4; padding: 10px 15px 5px; } } @media screen and (max-width: 991px) { .sumitomo main.about #engei_site .boxL { float: none; width: 100%; } } @media screen and (max-width: 991px) { .sumitomo main.about #engei_site .boxR { float: none; width: auto; } } .sumitomo main.about #engei_site .boxR img { margin-bottom: 0; } .sumitomo main.about #c_engei h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 17px 15px 10px; font-size: 2.4rem; margin-bottom: 20px; font-weight: bold; } .sumitomo main.about #c_engei h3 { padding-top: 20px; } @media screen and (max-width: 991px) { .sumitomo main.about #c_engei h3 { padding-top: 10px; } } @media screen and (max-width: 767px) { .sumitomo main.about #c_engei h3 { padding-top: 0; } } .sumitomo main.about #c_engei h3 img { margin: 0 auto 45px; display: block; } @media screen and (max-width: 991px) { .sumitomo main.about #c_engei h3 img { margin: 0 auto 30px; } } @media screen and (max-width: 767px) { .sumitomo main.about #c_engei h3 img { margin: 0 auto 20px; max-width: 200px; } } .sumitomo main.about #about_domain h2 { padding: 0; margin-bottom: 0; } .sumitomo main.about #about_domain h2 img { text-align: left; margin-bottom: 35px; display: block; } @media screen and (max-width: 767px) { .sumitomo main.about #about_domain h2 img { margin-bottom: 20px; } } .sumitomo main.about #about_domain h3 { padding: 0.3em 0 0.1em 0.4em; font-size: 2rem; margin-bottom: 1.2em; } @media screen and (max-width: 991px) { .sumitomo main.about #about_domain .about_Box .boxL { float: none; width: 100%; } } @media screen and (max-width: 991px) { .sumitomo main.about #about_domain .about_Box .boxR { float: none; width: 100%; } } .sumitomo main.about #about_domain .about_Box .boxR .wizut { background: url(../../company/images/about_wizut.png) no-repeat right top; padding-right: 60px; } @media screen and (max-width: 991px) { .sumitomo main.about #about_domain .about_Box .boxR .wizut { padding-bottom: 30px; } } @media screen and (max-width: 480px) { .sumitomo main.about #about_domain .about_Box .boxR .wizut { padding-bottom: 10px; } } @media screen and (min-width: 768px) { .sumitomo main.about #about_domain .about_Box .boxR .wizut .title_colorOre { font-size: 1.8rem; } } .sumitomo main.about #about_domain .wizut p { width: 100%; margin-bottom: 1.4em; } .sumitomo main.about #about_rd h2 { padding: 0; margin-bottom: 0; } .sumitomo main.about #about_rd h2 img { text-align: left; margin-bottom: 35px; display: block; } @media screen and (max-width: 767px) { .sumitomo main.about #about_rd h2 img { margin-bottom: 20px; } } .sumitomo main.about #about_rd h3 { padding: 0.3em 0 0.1em 0.4em; font-size: 2rem; margin-bottom: 1.2em; } @media screen and (max-width: 991px) { .sumitomo main.about #about_rd .about_Box .boxL { float: none; width: 100%; } } @media screen and (max-width: 991px) { .sumitomo main.about #about_rd .about_Box .boxR { float: none; width: auto; } } .sumitomo main.about #about_products { margin-bottom: 0; } .sumitomo main.about #about_products h2 { padding: 0; margin-bottom: 0; } .sumitomo main.about #about_products h2 img { text-align: left; margin-bottom: 35px; display: block; } @media screen and (max-width: 767px) { .sumitomo main.about #about_products h2 img { margin-bottom: 20px; } } .sumitomo main.about #about_products h3 { padding: 0.3em 0 0.1em 0.4em; font-size: 2rem; margin-bottom: 1.2em; } @media screen and (max-width: 991px) { .sumitomo main.about #about_products .about_Box .boxL { float: none; width: 100%; } } @media screen and (max-width: 991px) { .sumitomo main.about #about_products .about_Box .boxR { float: none; width: 100%; } } .sumitomo main.about .bottomtext { padding-top: 5rem; } .sumitomo.pageMovie h1 + p { padding-top: 1.5em; padding-bottom: 0; } @media screen and (max-width: 991px) { .sumitomo.pageMovie h1 + p { padding-top: 30px; } } .sumitomo.pageMovie main.movie .title { background: url(../../movie/shared/img/icon.png) left top no-repeat; background-position: 10px 20px; position: relative; padding-bottom: 6px; border-bottom: 5px solid #00622d; } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie .title { background-position: 10px 10px; } } .sumitomo.pageMovie main.movie .title div.title1 { margin-top: 20px; } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie .title div.title1 { display: inline-block; vertical-align: baseline; position: relative; margin: 20px 0; margin-left: 90px; margin-top: 20px; padding-left: 0; } } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie .title div.title1 span { font-family: HiraKakuPro; color: #000000; font-size: 1.2rem; display: block; white-space: nowrap; position: absolute; top: 0; left: 0; } } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie .title div.title1 strong { display: block; font-size: 2rem; line-height: 2rem; padding-top: 25px; font-weight: 700; } } .sumitomo.pageMovie main.movie section.list > ul > li { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } .sumitomo.pageMovie main.movie section.list > ul > li div.row div.right figure figcaption { margin-left: 10px; } .sumitomo.pageMovie main.movie section.list > ul > li div.row div.right div.link { margin-left: 10px; } .sumitomo.pageMovie main.movie section.navi .navi_buttom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .sumitomo.pageMovie main.movie section.navi .navi_buttom .btn { background: #006837; padding: 15px 20px; font-weight: 700; color: #fff; font-size: 1.8rem; text-decoration: none; border-radius: 10px; cursor: pointer; } .sumitomo.pageMovie main.movie section.navi .navi_buttom .btn:hover { opacity: 0.8; } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.navi { padding-bottom: 2rem; } } .sumitomo.pageMovie main.movie section.navi ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo.pageMovie main.movie section.navi ul li { width: 20%; padding: 1px; float: none; } @media screen and (max-width: 1290px) { .sumitomo.pageMovie main.movie section.navi ul li { width: 25%; } } @media screen and (max-width: 1078px) { .sumitomo.pageMovie main.movie section.navi ul li { width: calc(100% / 3); } } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie section.navi ul li { width: calc(100% / 3); } } @media screen and (max-width: 480px) { .sumitomo.pageMovie main.movie section.navi ul li { width: calc(100% / 2); } } .sumitomo.pageMovie main.movie section.navi ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie section.navi ul li a { background-color: rgba(0, 98, 45, 0.1); height: auto; line-height: 65px; font-size: 0; color: #000; } } .sumitomo.pageMovie main.movie section.navi ul li a i { margin-right: 5px; width: 50px; } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie section.navi ul li a i { margin-right: 5px; } } .sumitomo.pageMovie main.movie section.navi ul li a div { width: 100%; max-width: calc(100% - 55px); } .sumitomo.pageMovie main.movie section.navi ul li a div span { line-height: 1.2; } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list { margin-top: 1rem; overflow: initial; padding-top: 0; } } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list h2 { font-size: 1.7rem; font-weight: 700; background-color: rgba(0, 98, 45, 0.1); padding: 13px 22px 12px 17px; border-bottom: 3px solid #00622d; } } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie section.list h2 { margin-left: -22px; margin-right: -22px; } } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list h3 { font-size: 1.7rem; margin-top: 2rem; font-weight: 700; line-height: 1.2; border-left: 6px solid #00622d; padding: 0 0 0 1rem; } } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list ul { margin-top: 2rem; margin-bottom: 0; } } .sumitomo.pageMovie main.movie section.list ul li { width: 100%; max-width: 50%; } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list ul li { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; padding: 0; width: 100%; max-width: 100%; } .sumitomo.pageMovie main.movie section.list ul li::after { display: none !important; } .sumitomo.pageMovie main.movie section.list ul li::before { display: none !important; } } .sumitomo.pageMovie main.movie section.list ul li .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list ul li .row { margin-top: 2rem; margin-bottom: 2rem; } } @media screen and (max-width: 991px) { .sumitomo.pageMovie main.movie section.list ul li .row .w262 { padding-right: 30px; width: calc(100% - 172px) !important; } } @media screen and (max-width: 480px) { .sumitomo.pageMovie main.movie section.list ul li .row .w262 { width: 65% !important; padding-right: 15px; } } .sumitomo.pageMovie main.movie section.list ul li .row .w262 .modal { max-width: 262px; } @media screen and (max-width: 480px) { .sumitomo.pageMovie main.movie section.list ul li .row .w172 { width: 35% !important; } } @media screen and (max-width: 767px) { .sumitomo.pageMovie main.movie section.list ul li .row .right .link a { font-size: 1.2rem; padding: 7.5px 7.5px 7.5px 25px; background: url(../../shared/img/icon_arrow_link_16.png) 5.5px 7.5px no-repeat #daedde; } } @media screen and (max-width: 480px) { .sumitomo.pageMovie main.movie section.list ul li .row .right .link a { font-size: 1rem; } } @media screen and (max-width: 767px) { .sumitomo { /* line 20, movie.scss */ /* line 22, movie.scss */ /* line 29, movie.scss */ /* line 32, movie.scss */ /* line 35, movie.scss */ /* line 40, movie.scss */ /* line 44, movie.scss */ /* line 50, movie.scss */ } .sumitomo main.movie .caution { margin-top: 10px; font-size: 1.4rem; line-height: 28px; background: url("/cultivation/shared/img/caution.png") left top no-repeat; padding: 0 0 0 40px; } .sumitomo main.movie section.navi ul { margin: 0 -1px; } .sumitomo main.movie section.navi ul li a:hover { opacity: 0.7; } .sumitomo main.movie section.navi ul li a i { display: inline-block; width: 33%; text-align: center; } .sumitomo main.movie section.navi ul li a i img { vertical-align: middle; display: inline-block; } .sumitomo main.movie section.navi ul li a div { max-width: 66%; display: inline-block; vertical-align: middle; } .sumitomo main.movie section.navi ul li a div span { display: block; font-size: 0.8rem; line-height: 1; font-weight: 400; } .sumitomo main.movie section.navi ul li a div b { display: block; font-weight: 700; font-size: 1rem; line-height: 1; } } .sumitomo main.knowledge { margin-top: 20px; } @media screen and (max-width: 991px) { .sumitomo main.knowledge { margin-top: 0; } } .sumitomo main.knowledge h1 + p { padding-top: 1.5em; margin-top: 0; padding-bottom: 0; } .sumitomo main.knowledge h2 + p { margin-top: 0; } @media screen and (min-width: 768px) { .sumitomo main.knowledge .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 991px) { .sumitomo main.knowledge .title { padding-bottom: 15px; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge .title { border-bottom: 0; padding-bottom: 0; background: none; } } .sumitomo main.knowledge .title .title1 { margin: 0 !important; text-align: left !important; } @media screen and (min-width: 768px) { .sumitomo main.knowledge .title .title1 { white-space: nowrap; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge .title .title1 { padding: 0; text-align: center !important; margin-bottom: 15px !important; } } @media screen and (max-width: 991px) { .sumitomo main.knowledge .title .title1 span { font-size: 1rem; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge .title .title1 span { left: 0; } } .sumitomo main.knowledge .title .title1 strong { display: block; font-size: 3rem; line-height: 65px; padding-top: 15px; font-weight: 700; } @media screen and (max-width: 991px) { .sumitomo main.knowledge .title .title1 strong { font-size: 2rem; line-height: 4rem; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge .title .title1 strong { line-height: 2rem; padding-top: 25px; } } .sumitomo main.knowledge .title .title2 { border-left: 1px dotted #ed6710 !important; display: inline-block !important; vertical-align: baseline !important; font-size: 3rem !important; line-height: 1.4 !important; padding: 28px 0 0 25px !important; font-weight: 700 !important; margin-left: 25px !important; background-color: inherit !important; color: #000 !important; margin-right: 0; } @media screen and (max-width: 991px) { .sumitomo main.knowledge .title .title2 { font-size: 2rem !important; margin-left: 30px !important; padding-top: 22px !important; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge .title .title2 { text-align: left !important; margin: 0 -22px !important; padding: 15px 22px 10px 22px !important; color: #fff !important; font-weight: 700 !important; background-color: #ed6710 !important; display: block !important; border-left: none !important; font-size: 2.2rem !important; } } .sumitomo main.knowledge .header img { width: 100%; } .sumitomo main.knowledge section.list { margin-top: 0; } @media screen and (max-width: 991px) { .sumitomo main.knowledge section.list { margin-top: 1rem; padding-top: 0; } } .sumitomo main.knowledge section.list ul.listWrapper li { width: calc(100% / 3 - 15px); } @media screen and (max-width: 1279px) { .sumitomo main.knowledge section.list ul.listWrapper li { width: calc(100% / 3 - 9px); margin-top: 12px; } } @media screen and (max-width: 991px) { .sumitomo main.knowledge section.list ul.listWrapper li { width: calc(100% / 2 - 10px); margin-top: 20px; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge section.list ul.listWrapper li { width: 100%; background: none; border-top: 0; padding: 0; } } .sumitomo main.knowledge section.list ul.listWrapper li h2 { background: none; padding: 0; border-bottom: 0; margin-left: 0; margin-right: 0; font-size: 2.2rem; } @media screen and (max-width: 1279px) { .sumitomo main.knowledge section.list ul.listWrapper li h2 { font-size: 2rem; } } @media screen and (max-width: 991px) { .sumitomo main.knowledge section.list ul.listWrapper li h2 { line-height: 2.5rem; } } @media screen and (max-width: 767px) { .sumitomo main.knowledge section.list ul.listWrapper li h2 { font-size: 1.7rem; font-weight: 700; background-color: rgba(237, 103, 16, 0.2); padding: 17px 22px 10px 17px; border-bottom: 3px solid #ed6710; margin-left: -22px; margin-right: -22px; text-align: left; } } @media screen and (max-width: 991px) { .sumitomo main.knowledge section.list ul.listWrapper li h2 span { font-size: inherit; } } .sumitomo main.knowledge section.list ul.listWrapper li a { background: #fff url("../../shared/img/icon_arrow_link_16.png") 7px 7px no-repeat !important; } .sumitomo main.knowledge section.list ul.listWrapper li ul { margin-bottom: 0; } .sumitomo main.knowledge section.list ul.listWrapper li ul li { width: 100%; margin-top: 5px; } @media screen and (max-width: 480px) { .sumitomo main.knowledge section.list ul.listWrapper li .photo img { width: 60%; } } .sumitomo .middlecontainer.basicsDetail { margin-top: 0; } @media screen and (max-width: 991px) { .sumitomo .middlecontainer.basicsDetail { margin-top: 12rem; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail { margin-top: 10rem; } } @media screen and (max-width: 480px) { .sumitomo .middlecontainer.basicsDetail { margin-top: 8rem; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail h1 + p { padding-top: 3.5em; } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .title { padding-bottom: 35px; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .title { padding-bottom: 10px; } } @media screen and (max-width: 374px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .title strong { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .title .title1 { margin-bottom: 30px !important; } } @media screen and (min-width: 768px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .returnBtn { position: inherit; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -40px; padding-right: 30px; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .returnBtn { top: 45px; right: 15px; float: right; position: absolute; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .returnBtn a { padding-top: 6px; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .returnBtn a { font-size: 13px !important; width: 210px !important; min-height: 25px !important; } } @media screen and (max-width: 374px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .returnBtn a { width: 190px !important; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .button { position: inherit; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 768px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle .button { padding-top: 10px; padding-right: 30px; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle p { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; padding-top: 0; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .boxTitle p { padding-top: 10px; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail { margin-top: 0; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail { margin-top: 1rem; padding-top: 0; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail h2 { margin-right: 0; margin-left: 0; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail h2 { margin-left: -22px; margin-right: -22px; font-size: 1.7rem; border-bottom: 3px solid #ed6710; padding: 15px 20px; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail h3 { font-size: 1.7rem; margin-top: 2rem; line-height: 1.2; border-left: 14px solid #ed6710; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail h3 span { font-size: 1.7rem; line-height: 2.5rem; border-bottom: 3px solid #ed6710; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail h4 { padding-left: 0; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail section.detail h4 { padding-left: 1rem; font-size: 1.7rem; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .detail b { font-weight: bold; } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button { text-align: right; position: absolute; top: 140px; right: 350px; } @media screen and (max-width: 1279px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button { top: 175px; right: 305px; } } @media screen and (max-width: 991px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button { top: 145px; right: 70px; } } @media screen and (max-width: 830px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button { top: 155px; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button { text-align: right; right: 15px; top: 120px; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button li { display: inline-block; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button li { width: 100%; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button_inner a { font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; color: #f15b26; line-height: 3em; } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button_inner a { line-height: 2em; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button_inner:nth-child(1)::after { content: '|'; font-size: 18px; color: #f15b26; padding-left: 0.5em; } } @media screen and (max-width: 767px) { .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button_inner:last-child::before { content: none; } } .sumitomo .middlecontainer.basicsDetail main.knowledgeDetail .button_inner a:hover { text-decoration: underline; } .sumitomo .pageMyroses { /* Box Movie */ } .sumitomo .pageMyroses .video { background-color: #fdfad3; padding: 30px 0; text-align: center; width: 100%; margin: 20px auto; } .sumitomo .pageMyroses .video strong { display: block; font-weight: bold; font-size: 20px; padding-bottom: 20px; } .sumitomo .pageMyroses .video ul { list-style: none; margin: 20px 0 0 0; } .sumitomo .pageMyroses .video ul li { list-style: none; display: inline-block; margin: 0 10px; } .sumitomo .pageMyroses li { line-height: 1.2; } .sumitomo .pageMyroses .movie_icon:before { content: "\f03d"; padding: 0 0.4em 0 0; font-family: FontAwesome; } .sumitomo .pageMyroses .myroses01 { background: url(../../myrose/img/icon_myrose.png) left center no-repeat; border-bottom: 5px solid #9f9147; padding-bottom: 20px; margin-bottom: 20px; } @media screen and (max-width: 991px) { .sumitomo .pageMyroses .myroses01 { background-size: 50px; } } .sumitomo .pageMyroses .myroses01 .myroses02 { font-size: 3rem; line-height: 1.4; font-weight: bold; display: block; position: relative; margin-left: 75px; top: 15px; } @media screen and (max-width: 991px) { .sumitomo .pageMyroses .myroses01 .myroses02 { font-size: 2rem; margin-left: 60px; } } .sumitomo .pageMyroses h1 + p { padding-bottom: 1em; } .sumitomo .pageMyroses #tmp_contents { width: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose { margin: 0 auto; width: 100%; background-size: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_ttl h2 { background: none; margin: 0; padding: 0; z-index: 1; position: relative; clear: both; border: none; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_ttl h2 img { width: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt { background-size: 100%; } @media screen and (max-width: 1024px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt { margin-top: 0; } } @media screen and (max-width: 991px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt { padding: 0 20px; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr { margin: 0 0 20px 0; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr ul li { float: none; margin: 20px 0 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50%; padding: 0 1rem; margin-top: 0; margin: 0 auto; margin-top: 20px; } @media screen and (max-width: 1024px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr ul li { width: 100%; padding: 0; margin-bottom: 1rem; } } @media screen and (max-width: 991px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr ul li iframe { width: 100%; height: 400px; padding: 0 10px; } } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr ul li iframe { height: 200px; } } @media screen and (max-width: 374px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_bnr ul li iframe { height: 150px; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r { margin: 0 auto; width: 100%; max-width: 690px; } @media screen and (max-width: 375px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_ttl .blue { font-size: 100%; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box { background-size: 100%; } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box { background-size: 100% 100%; padding: 15px 0 0px 0; margin-bottom: 15px; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika { width: 100%; max-width: 324px; } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika { max-width: 100%; padding: 0 10px; } } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika p img { width: 150px; } } @media screen and (max-width: 375px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika p img { width: 115px; } } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika p a { clear: both; } } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika .benika_photo a img { width: 110px; } } @media screen and (max-width: 375px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .benika .benika_photo a img { width: 90px; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box { width: calc(100% - 324px); } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .sankau { text-align: center; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .sankau img { display: block; margin: 0 auto; } } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box2 { border: none; padding: 0; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box2 table { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box2 table tbody tr td { border: 1px solid #fcc800; padding: 5px; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box2 table tbody tr td:nth-child(3) { display: none; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .benika_box .gachu_box2 table p { line-height: 1.2; } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r div > img { display: none; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt { margin: 0 0 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro { float: none; width: 100%; max-width: calc(50% - 7px); margin: 0 14px 13px 0; background-size: 100%; height: 100%; border-radius: 5px; } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro { max-width: 100%; margin-right: 0; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro:nth-child(2n) { margin-right: 0; } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt .rose_pro_img a img { width: 90px; } } @media screen and (max-width: 374px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt .rose_pro_img a img { width: 70px; } } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt p { line-height: 1; } } @media screen and (max-width: 767px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt p a { clear: both; width: 100%; display: block; } } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt p img { max-width: 155px; } } @media screen and (max-width: 374px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt p img { max-width: 114px; } } @media screen and (max-width: 374px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .rose_pro_r .rose_pro_cnt .box_rose_pro .box_rose_pro_cnt p:nth-child(3) { width: calc(100% - 70px); float: right; text-align: left; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .box_rose_pro .box_rose_pro_ttl p { background-size: 100% 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .box_rose_pro .box_rose_pro_cnt { border-radius: 5px; background-size: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .box_rose_pro .box_rose_pro_cnt p a { font-size: 11.25px; } @media screen and (min-width: 1024px) and (max-width: 1100px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .box_rose_pro .box_rose_pro_cnt p img { max-width: 159px; } } @media screen and (max-width: 1024px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .box_rose_pro .box_rose_pro_cnt p img { max-width: 162px; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .box_rose_pro .box_rose_pro_cnt .rose_pro_read { line-height: 1.2 !important; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0; } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box { width: 100%; max-width: 50%; margin-right: 18px; background-size: 100%; height: 100%; } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box { max-width: 100%; margin-right: 0; margin-bottom: 18px; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box:last-child { margin-right: 0; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt { background-size: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt .rose_box_photo { width: 50%; } @media screen and (max-width: 991px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt .rose_box_photo { width: 100%; } } @media screen and (max-width: 375px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt .rose_box_photo img { width: 100%; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt ul { width: calc(50% - 25px); } @media screen and (max-width: 1024px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt ul { width: calc(100% - 25px); } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_cnt .rose_box_kanshu img { max-width: 186px; width: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box .rose_box_bottom { background-size: 100%; } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box_img { width: 100%; max-width: 50%; } @media screen and (max-width: 480px) { .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box_img { max-width: 100%; } } .sumitomo .pageMyroses #tmp_contents #tmp_wrap_rose #tmp_rose_cnt .wrap_rose_box .rose_box_img ul { margin-left: 0px; } .sumitomo .pageMyroses .rose_box_bottom { padding: 0 0 38px; } .sumitomo .pageMyroses .boxMovie { max-width: 930px; margin: 0 auto; } .sumitomo .pageMyroses .boxMovie__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; } .sumitomo .pageMyroses .boxMovie__img { max-width: 300px; margin: 0; } .sumitomo .pageMyroses .boxMovie__ttl { max-width: calc(100% - 300px); margin: 0; font-weight: 700; font-size: 22px; padding-left: 2rem; padding-top: 1rem; } .sumitomo .pageMyroses .boxMovie__banner { margin-bottom: 2rem; } .sumitomo .pageMyroses .listSocial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .pageMyroses .listSocial__bn { width: 250px; margin: 0; } .sumitomo .pageMyroses .listSocial__video { width: calc(100% - 250px); padding-left: 4rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .sumitomo .pageMyroses .listSocial__video video { width: 448px; margin: 0; } .sumitomo .pageMyroses .listSocial__video iframe { width: 448px; margin: 0; height: 72%; } .sumitomo .pageMyroses .listSocial__video .boxImg { padding-left: 1rem; width: calc(100% - 448px); } .sumitomo .pageMyroses .listSocial__video .boxImg img { margin-bottom: 1rem; } .sumitomo .pageMyroses .listSocial__video .boxImg img:last-child { margin-bottom: 0; } .sumitomo .pageMyroses .listSocial__video .videoTitle { /* width: 90%; */ margin: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .sumitomo .pageMyroses .boxMovie__txt { text-align: center; margin-bottom: 2rem; } .sumitomo .pageMyroses .boxMovie__ctn { /* border: 5px solid pink; */ /* border-radius: 30px; */ padding: 3rem 7rem; margin-bottom: 7rem; background-image: url(/myrose/img/pic_bgBorderTl.png), url(/myrose/img/pic_bgBorderTr.png), url(/myrose/img/pic_bgBorderBl.png), url(/myrose/img/pic_bgBorderBr.png); background-repeat: no-repeat; background-size: 80px; background-position: top left, top right, bottom left, bottom right; } .sumitomo .pageMyroses .ctnMovie__ttl { font-weight: 700; margin-bottom: 2rem; } .sumitomo .pageMyroses .ctnMovie__ttl p { font-size: 20px; } .sumitomo .pageMyroses .ctnMovie__ctn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.5rem; } .sumitomo .pageMyroses .ctnMovie__img { width: 200px; margin: 0; margin-top: -4rem; } .sumitomo .pageMyroses .ctnMovie__txt { padding-right: 1rem; width: 450px; } .sumitomo .pageMyroses .ctnMovie__text { margin-bottom: 1.5rem; } .sumitomo .pageMyroses .ctnMovie__text:last-child { margin-bottom: 0; } .sumitomo .pageMyroses .boxText { margin-bottom: 3rem; } .sumitomo .pageMyroses .boxText__title { color: #0070c0; margin-bottom: 1rem; font-weight: 700; font-size: 1.6rem; } .sumitomo .pageMyroses .boxText__txt { margin-bottom: 2rem; } .sumitomo .pageMyroses .boxText__txt:last-child { margin-bottom: 0; } .sumitomo .pageMyroses .listSocial__video .videoTitle { margin-bottom: -5px; } .sumitomo .pageMyroses .videoTitle .videoTitle__txt { font-size: 20px; font-weight: 700; text-decoration: none; color: #009fc6; margin-bottom: 0.2rem; } .sumitomo .pageMyroses .videoTitle .videoTitle__txt .date { font-size: 35px; font-family: "Yeseva One", cursive; letter-spacing: 3px; } .sumitomo .pageMyroses .videoTitle .videoTitle__link { font-size: 18px; font-weight: 700; color: #009fc6; } .sumitomo .pageRoseMake #tmp_contents { width: 100%; } .sumitomo .pageRoseMake #tmp_contents h1 { font-size: 25px; } @media screen and (max-width: 374px) { .sumitomo .pageRoseMake #tmp_contents h1 { font-size: 24px; } } .sumitomo .pageRoseMake #base-photo-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 374px) { .sumitomo .pageRoseMake #base-photo-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .sumitomo .pageRoseMake #base-idx-profile p { overflow: hidden; border-radius: 20px; } .sumitomo .pageRoseMake #base-idx-profile p img { width: 690px; max-width: initial; } .sumitomo .pageRoseMake #base-idx-profile .base-text p { overflow: initial; } .sumitomo .company h1 + p { padding-bottom: 1.5em; } .sumitomo .company .bottomtext { padding-top: 5rem; } .sumitomo .company #recruit_point dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sumitomo .company #stake strong.fr-has-csr, .sumitomo .company #stake h4.fr-has-csr { font-size: 1.7rem; } .sumitomo .company #area h3, .sumitomo .company #school h3, .sumitomo .company #user h3, .sumitomo .company #circulation h3 { font-size: 1.8rem; } .sumitomo .company #recruit_point dd { width: calc(100% - 15%); margin-left: 0; } .sumitomo .company #company_nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .company #company_nav ul li { width: calc(25% - 1px); } @media screen and (max-width: 767px) { .sumitomo .company #company_nav ul li { width: calc(50% - 1px); } .sumitomo .company #company_nav ul li a { font-size: 16px; } } @media screen and (max-width: 767px) { .sumitomo .company #company_nav > p { padding-bottom: 5px; } } @media screen and (max-width: 1180px) { .sumitomo .company #company_main .pc { width: 135px; } } .sumitomo .company #company_main .company_snav { position: static; } .sumitomo .company #company_main .company_snav li.statement { border-left: solid 5px #41b13e; } @media screen and (max-width: 1230px) { .sumitomo .company #statement { background-size: 340px !important; } } @media screen and (max-width: 1100px) { .sumitomo .company #statement { background-size: 260px !important; } } @media screen and (max-width: 991px) { .sumitomo .company #statement { background-size: 280px !important; } } @media screen and (max-width: 767px) { .sumitomo .company #statement { padding: 0 3rem; margin-top: 10rem; background-image: none; } .sumitomo .company #statement > img { width: 70%; } .sumitomo .company #statement .author { text-align: right; } .sumitomo .company #statement .author span { font-size: 14px; } .sumitomo .company #statement .statement_box { width: 100%; } .sumitomo .company #statement .statement_box > img { width: 25%; } .sumitomo .company #statement .boxL { width: 100%; } } @media screen and (max-width: 480px) { .sumitomo .company #statement { padding: 0 2rem; } } @media screen and (max-width: 767px) { .sumitomo .company .anniver { text-align: center; } .sumitomo .company .anniver img { width: 100%; } } @media screen and (max-width: 1130px) { .sumitomo .company #domain { background-size: 350px; } .sumitomo .company #domain .mb_340 { margin-top: 238px; } } @media screen and (max-width: 767px) { .sumitomo .company #domain { padding: 2.5rem 3rem; background-size: 450px; } } @media screen and (max-width: 480px) { .sumitomo .company #domain { padding: 2.5rem 2rem; background-size: 300px; } } .sumitomo .company #domain .d-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 1; margin-bottom: 1rem; } @media screen and (max-width: 480px) { .sumitomo .company #domain .boxL { margin-top: 195px; } } @media screen and (max-width: 767px) { .sumitomo .company #domain .boxL, .sumitomo .company #domain .boxR { width: 100%; } .sumitomo .company #domain .boxL img, .sumitomo .company #domain .boxR img { width: 70%; } } @media screen and (max-width: 480px) { .sumitomo .company #domain .boxL img, .sumitomo .company #domain .boxR img { width: 80%; } } @media screen and (max-width: 767px) { .sumitomo .company #research { padding: 0 3rem 3rem; background-size: 300px; } } @media screen and (max-width: 767px) { .sumitomo .company #research > img { width: 50%; } } .sumitomo .company #research h2 { color: #22b6eb; font-size: 24px; font-weight: normal; margin: 1.4em 0 0.6em; } @media screen and (max-width: 767px) { .sumitomo .company #research h2 { font-size: 12px; } } @media screen and (max-width: 767px) { .sumitomo .company #research .box_medium { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo .company #research .boxL, .sumitomo .company #research .boxR { width: 100%; } } .sumitomo .company #research .boxL img, .sumitomo .company #research .boxR img { max-height: 240px; } @media screen and (max-width: 1175px) { .sumitomo .company #research .boxL img, .sumitomo .company #research .boxR img { max-height: 200px; } } @media screen and (max-width: 767px) { .sumitomo .company #research .boxL img, .sumitomo .company #research .boxR img { width: 70%; max-height: none !important; } } @media screen and (max-width: 480px) { .sumitomo .company #research { padding: 0 2rem 3rem; } } .sumitomo .company #support h2 { color: #6554a0; font-size: 24px; font-weight: normal; margin: 1.4em 0 0.6em; } @media screen and (max-width: 767px) { .sumitomo .company #support { background-size: 300px; padding: 4.5rem 3rem 1.5rem; } .sumitomo .company #support h2 { font-size: 12px; } .sumitomo .company #support .box_medium { width: 100%; } .sumitomo .company #support .boxL, .sumitomo .company #support .boxR { width: 100%; } .sumitomo .company #support .boxL img, .sumitomo .company #support .boxR img { width: 70%; } .sumitomo .company #support .boxL .sub_colorP, .sumitomo .company #support .boxR .sub_colorP { border-left: 3px solid #6554a0; } .sumitomo .company #support .boxL .support_btn01 a, .sumitomo .company #support .boxL .support_btn02 a, .sumitomo .company #support .boxR .support_btn01 a, .sumitomo .company #support .boxR .support_btn02 a { padding: 10px 0; } } @media screen and (max-width: 480px) { .sumitomo .company #support { padding: 4.5rem 2rem 1.5rem; } } .sumitomo .company #basicinfo h2, .sumitomo .company #outline h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 15px 15px 10px; font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 767px) { .sumitomo .company #basicinfo h2, .sumitomo .company #outline h2 { padding: 10px 10px 8px; font-size: 1.8rem; } } @media screen and (max-width: 767px) { .sumitomo .company #basicinfo dl dt, .sumitomo .company #outline dl dt { margin-bottom: 1rem; font-size: 16px; } } @media screen and (max-width: 767px) { .sumitomo .company #basicinfo dl dd, .sumitomo .company #outline dl dd { margin-left: 0; } } .sumitomo .company #recruit_detail h2, .sumitomo .company #recruit_cont h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 15px 15px 10px; font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 767px) { .sumitomo .company #recruit_detail h2, .sumitomo .company #recruit_cont h2 { padding: 10px 10px 8px; font-size: 1.8rem; } } .sumitomo .company #recruit_detail > p, .sumitomo .company #recruit_cont > p { padding: 0; margin: 0; } @media screen and (max-width: 767px) { .sumitomo .company #recruit_detail dl dt, .sumitomo .company #recruit_cont dl dt { margin-bottom: 1rem; font-size: 16px; } } @media screen and (max-width: 767px) { .sumitomo .company #recruit_detail dl dd, .sumitomo .company #recruit_cont dl dd { margin-left: 0; } } .sumitomo .company #recruit_point h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 15px 15px 10px; font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 767px) { .sumitomo .company #recruit_point h2 { padding: 10px 10px 8px; font-size: 1.8rem; } } .sumitomo .company #recruit_point > p { padding: 0; margin: 0; } @media screen and (max-width: 767px) { .sumitomo .company #recruit_point dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .company #recruit_point dl dt, .sumitomo .company #recruit_point dl dd { width: 100%; } .sumitomo .company #recruit_point dl dt img, .sumitomo .company #recruit_point dl dd img { width: 100%; } } .sumitomo .company .md { display: none; } @media screen and (max-width: 1150px) { .sumitomo .company .md { display: block; } } @media screen and (max-width: 991px) { .sumitomo .company .md { display: none; } } @media screen and (max-width: 860px) { .sumitomo .company .md { display: block; } } .sumitomo .company #sustainability h2 { padding: 1.5rem 1.5rem 1rem; } @media screen and (max-width: 767px) { .sumitomo .company #sustainability h2 { padding: 1rem 1.5rem; } } .sumitomo .company #sustainability .image-layout ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -0.4rem; } .sumitomo .company #sustainability .image-layout ul li { width: calc(100% / 6); padding: 0.4rem; margin: 0; } .sumitomo .company #sustainability .fr-csr-list-another { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .company #sustainability .fr-csr-list-another li { width: 11%; } @media screen and (max-width: 767px) { .sumitomo .company #sustainability .fr-csr-list-another li { width: calc(100% / 6); } } @media screen and (max-width: 767px) { .sumitomo .company #sustainability .fr-list-big-image { margin-bottom: 0; margin-top: 3rem; } .sumitomo .company #sustainability .fr-list-big-image ul { padding-top: 1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .company #sustainability > p { padding-bottom: 0; } } .sumitomo .company #compliance h1 { padding: 1.5rem 1.5rem 1rem; } @media screen and (max-width: 767px) { .sumitomo .company #compliance h1 { padding: 1rem 1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .company #compliance > p { padding-bottom: 0; } } .sumitomo .company #detail > h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 1.5rem 1.5rem 1rem; font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 767px) { .sumitomo .company #detail > h2 { padding: 1rem 1.5rem; font-size: 1.8rem; } } .sumitomo .company #stake > h2 { background: #ffe7eb; border-bottom: 2px solid #b81c22; padding: 1.5rem 1.5rem 1rem; font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 767px) { .sumitomo .company #stake > h2 { padding: 1rem 1.5rem; font-size: 1.8rem; } } .sumitomo .company #stake .tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .company #stake .tab li { width: calc(25% - 3.75px); } @media screen and (max-width: 767px) { .sumitomo .company #stake .tab li { width: calc(50% - 2.5px); margin-bottom: 5px; margin-right: 0; } .sumitomo .company #stake .tab li:nth-child(odd) { margin-right: 5px; } .sumitomo .company #stake .tab li img { width: 100%; } } @media screen and (max-width: 1260px) { .sumitomo .company #stake #area .boxL h3, .sumitomo .company #stake #area .boxR h3, .sumitomo .company #stake #school .boxL h3, .sumitomo .company #stake #school .boxR h3 { font-size: 14px; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #area .boxL h3, .sumitomo .company #stake #area .boxR h3, .sumitomo .company #stake #school .boxL h3, .sumitomo .company #stake #school .boxR h3 { line-height: 49px; font-size: 12px; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #area .boxL ul li, .sumitomo .company #stake #area .boxR ul li, .sumitomo .company #stake #school .boxL ul li, .sumitomo .company #stake #school .boxR ul li { width: 50px; } } .sumitomo .company #stake #area .boxL .area_text h4 span, .sumitomo .company #stake #area .boxR .area_text h4 span, .sumitomo .company #stake #school .boxL .area_text h4 span, .sumitomo .company #stake #school .boxR .area_text h4 span { line-height: 1.75 !important; } @media screen and (max-width: 1260px) { .sumitomo .company #stake #area .boxL .area_text h4, .sumitomo .company #stake #area .boxR .area_text h4, .sumitomo .company #stake #school .boxL .area_text h4, .sumitomo .company #stake #school .boxR .area_text h4 { font-size: 14px; min-height: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #area .boxL .area_text h4, .sumitomo .company #stake #area .boxR .area_text h4, .sumitomo .company #stake #school .boxL .area_text h4, .sumitomo .company #stake #school .boxR .area_text h4 { line-height: 49px; font-size: 12px; min-height: auto; } .sumitomo .company #stake #area .boxL .area_text h4 span, .sumitomo .company #stake #area .boxR .area_text h4 span, .sumitomo .company #stake #school .boxL .area_text h4 span, .sumitomo .company #stake #school .boxR .area_text h4 span { line-height: 1.7 !important; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #area .boxL .area_text h4 span, .sumitomo .company #stake #area .boxR .area_text h4 span, .sumitomo .company #stake #school .boxL .area_text h4 span, .sumitomo .company #stake #school .boxR .area_text h4 span { line-height: 1.2 !important; } } .sumitomo .company #stake #area .boxR > img, .sumitomo .company #stake #school .boxR > img { padding: 0 2rem; } .sumitomo .company #stake #school .boxR .area_text > div { height: auto !important; } @media screen and (max-width: 1260px) { .sumitomo .company #stake #user .boxL h3, .sumitomo .company #stake #user .boxR h3 { font-size: 14px; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #user .boxL h3, .sumitomo .company #stake #user .boxR h3 { line-height: 6px; font-size: 12px; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #user .boxL h3, .sumitomo .company #stake #user .boxR h3 { margin-bottom: 0 !important; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #user .boxL ul li, .sumitomo .company #stake #user .boxR ul li { width: 50px; } } .sumitomo .company #stake #user .boxL .area_text h4 span, .sumitomo .company #stake #user .boxL .area_text strong span, .sumitomo .company #stake #user .boxR .area_text h4 span, .sumitomo .company #stake #user .boxR .area_text strong span { line-height: 1.75 !important; } @media screen and (max-width: 1260px) { .sumitomo .company #stake #user .boxL .area_text h4, .sumitomo .company #stake #user .boxL .area_text strong, .sumitomo .company #stake #user .boxR .area_text h4, .sumitomo .company #stake #user .boxR .area_text strong { font-size: 14px; min-height: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #user .boxL .area_text h4, .sumitomo .company #stake #user .boxL .area_text strong, .sumitomo .company #stake #user .boxR .area_text h4, .sumitomo .company #stake #user .boxR .area_text strong { line-height: 49px; font-size: 12px; min-height: auto; height: 50px; } .sumitomo .company #stake #user .boxL .area_text h4 span, .sumitomo .company #stake #user .boxL .area_text strong span, .sumitomo .company #stake #user .boxR .area_text h4 span, .sumitomo .company #stake #user .boxR .area_text strong span { line-height: 1.7 !important; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #user .boxL .area_text h4, .sumitomo .company #stake #user .boxL .area_text strong, .sumitomo .company #stake #user .boxR .area_text h4, .sumitomo .company #stake #user .boxR .area_text strong { height: auto; } } @media screen and (max-width: 1260px) { .sumitomo .company #stake #user .boxL .area_text h4 span, .sumitomo .company #stake #user .boxL .area_text strong span, .sumitomo .company #stake #user .boxR .area_text h4 span, .sumitomo .company #stake #user .boxR .area_text strong span { line-height: 1.2 !important; } } .sumitomo .company #stake #user .boxR > img { padding: 0 2rem; } @media screen and (max-width: 1260px) { .sumitomo .company #stake #user .boxL .area_text strong:first-child .fr-csr-icon { top: 0 !important; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #user .boxL .area_text strong:first-child .fr-csr-icon { top: 10px !important; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #user .boxL .area_text > div { max-height: 500px !important; } } @media screen and (max-width: 480px) { .sumitomo .company #stake #user .boxL .area_text > div { max-height: 300px !important; } } .sumitomo .company #stake #circulation .fr-csr-icon { right: 0 !important; } @media screen and (max-width: 767px) { .sumitomo .company #stake #circulation .fr-csr-icon { right: 10px !important; } } @media screen and (max-width: 1260px) { .sumitomo .company #stake #circulation .boxL h3, .sumitomo .company #stake #circulation .boxR h3 { font-size: 14px; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #circulation .boxL h3, .sumitomo .company #stake #circulation .boxR h3 { line-height: 49px; font-size: 12px; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #circulation .boxL ul li, .sumitomo .company #stake #circulation .boxR ul li { width: 50px; } } .sumitomo .company #stake #circulation .boxL .area_text h4 span, .sumitomo .company #stake #circulation .boxL .area_text strong span, .sumitomo .company #stake #circulation .boxR .area_text h4 span, .sumitomo .company #stake #circulation .boxR .area_text strong span { line-height: 1.75 !important; } @media screen and (max-width: 1260px) { .sumitomo .company #stake #circulation .boxL .area_text h4, .sumitomo .company #stake #circulation .boxL .area_text strong, .sumitomo .company #stake #circulation .boxR .area_text h4, .sumitomo .company #stake #circulation .boxR .area_text strong { font-size: 14px; } } @media screen and (max-width: 1135px) { .sumitomo .company #stake #circulation .boxL .area_text h4, .sumitomo .company #stake #circulation .boxL .area_text strong, .sumitomo .company #stake #circulation .boxR .area_text h4, .sumitomo .company #stake #circulation .boxR .area_text strong { line-height: 49px; font-size: 12px; } .sumitomo .company #stake #circulation .boxL .area_text h4 span, .sumitomo .company #stake #circulation .boxL .area_text strong span, .sumitomo .company #stake #circulation .boxR .area_text h4 span, .sumitomo .company #stake #circulation .boxR .area_text strong span { line-height: 1.7 !important; } } .sumitomo .company #stake #area > h2:first-child, .sumitomo .company #stake #school > h2:first-child, .sumitomo .company #stake #user > h2:first-child, .sumitomo .company #stake #circulation > h2:first-child { background: #f3f3f3; border-bottom: 2px solid #c7c7c7; margin-bottom: 0; padding: 17px 15px 10px; } .sumitomo .company #stake #area > p, .sumitomo .company #stake #school > p, .sumitomo .company #stake #user > p, .sumitomo .company #stake #circulation > p { margin: 0; } @media screen and (max-width: 767px) { .sumitomo .company #stake #area h2, .sumitomo .company #stake #school h2, .sumitomo .company #stake #user h2, .sumitomo .company #stake #circulation h2 { padding: 1rem 1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #area h2 img, .sumitomo .company #stake #school h2 img, .sumitomo .company #stake #user h2 img, .sumitomo .company #stake #circulation h2 img { max-height: 25px; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #area h2, .sumitomo .company #stake #school h2, .sumitomo .company #stake #user h2, .sumitomo .company #stake #circulation h2 { padding: 1rem 1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #area h2 img, .sumitomo .company #stake #school h2 img, .sumitomo .company #stake #user h2 img, .sumitomo .company #stake #circulation h2 img { max-height: 25px; } } @media screen and (max-width: 767px) { .sumitomo .company #stake #area, .sumitomo .company #stake #school, .sumitomo .company #stake #user, .sumitomo .company #stake #circulation { margin-top: 1.5rem; } .sumitomo .company #stake #area .boxL, .sumitomo .company #stake #area .boxR, .sumitomo .company #stake #school .boxL, .sumitomo .company #stake #school .boxR, .sumitomo .company #stake #user .boxL, .sumitomo .company #stake #user .boxR, .sumitomo .company #stake #circulation .boxL, .sumitomo .company #stake #circulation .boxR { width: 100%; } .sumitomo .company #stake #area .boxL .area_text > div, .sumitomo .company #stake #area .boxR .area_text > div, .sumitomo .company #stake #school .boxL .area_text > div, .sumitomo .company #stake #school .boxR .area_text > div, .sumitomo .company #stake #user .boxL .area_text > div, .sumitomo .company #stake #user .boxR .area_text > div, .sumitomo .company #stake #circulation .boxL .area_text > div, .sumitomo .company #stake #circulation .boxR .area_text > div { height: auto !important; margin-top: 0 !important; } .sumitomo .company #stake #area h1 img, .sumitomo .company #stake #school h1 img, .sumitomo .company #stake #user h1 img, .sumitomo .company #stake #circulation h1 img { max-height: 25px; } .sumitomo .company #stake #area h3, .sumitomo .company #stake #area h4, .sumitomo .company #stake #area strong, .sumitomo .company #stake #school h3, .sumitomo .company #stake #school h4, .sumitomo .company #stake #school strong, .sumitomo .company #stake #user h3, .sumitomo .company #stake #user h4, .sumitomo .company #stake #user strong, .sumitomo .company #stake #circulation h3, .sumitomo .company #stake #circulation h4, .sumitomo .company #stake #circulation strong { line-height: 40px !important; font-size: 16px !important; padding: 10px 13px !important; margin-bottom: 2rem !important; } .sumitomo .company #stake #area ul, .sumitomo .company #stake #school ul, .sumitomo .company #stake #user ul, .sumitomo .company #stake #circulation ul { right: 10px !important; top: 10px !important; margin: 0 !important; } .sumitomo .company #stake #area ul li, .sumitomo .company #stake #school ul li, .sumitomo .company #stake #user ul li, .sumitomo .company #stake #circulation ul li { width: 40px !important; margin-right: 5px; } .sumitomo .company #stake #area ul li:last-child, .sumitomo .company #stake #school ul li:last-child, .sumitomo .company #stake #user ul li:last-child, .sumitomo .company #stake #circulation ul li:last-child { margin-right: 0; } } @media screen and (max-width: 480px) { .sumitomo .company #stake #area h3, .sumitomo .company #stake #area h4, .sumitomo .company #stake #area strong, .sumitomo .company #stake #school h3, .sumitomo .company #stake #school h4, .sumitomo .company #stake #school strong, .sumitomo .company #stake #user h3, .sumitomo .company #stake #user h4, .sumitomo .company #stake #user strong, .sumitomo .company #stake #circulation h3, .sumitomo .company #stake #circulation h4, .sumitomo .company #stake #circulation strong { line-height: 1 !important; font-size: 14px !important; padding: 10px 13px !important; margin-bottom: 2rem !important; } .sumitomo .company #stake #area ul, .sumitomo .company #stake #school ul, .sumitomo .company #stake #user ul, .sumitomo .company #stake #circulation ul { right: 7px !important; top: 7px !important; margin: 0 !important; } .sumitomo .company #stake #area ul li, .sumitomo .company #stake #school ul li, .sumitomo .company #stake #user ul li, .sumitomo .company #stake #circulation ul li { width: 20px !important; margin-right: 2px; } .sumitomo .company #stake #area ul li:last-child, .sumitomo .company #stake #school ul li:last-child, .sumitomo .company #stake #user ul li:last-child, .sumitomo .company #stake #circulation ul li:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .sumitomo .company .fr-ex-csr { margin-top: 0; } .sumitomo .company .fr-ex-csr .fr-box { max-height: 250px; margin-top: 2rem; padding: 1.5rem; } } .sumitomo .company #circulation h3 { margin-right: -2rem; } .sumitomo main.wizut.np { margin-bottom: 0; } .sumitomo .n_pro_read p { margin-left: 1em; text-indent: -1em; line-height: 1.0; } .sumitomo #tmp_contents table { font-size: 100%; line-height: 1.4; } .sumitomo #tmp_contents table td { text-align: center; vertical-align: top; } .sumitomo .movie_ttlh2 { font-size: 1.5em; } .sumitomo .item_list { font-size: 1.2em; } .sumitomo #tmp_contents { width: 960px; } .sumitomo #tmp_contents .wizut01 { /* background: url(../../wizut/img/iconwizut01.png) left bottom no-repeat; */ background-position: 0px 20px; position: relative; font-size: 0; padding-bottom: 6px; border-bottom: 5px solid #999999; margin-top: 15px; margin-bottom: 20px; background: none; padding-left: 0; background-color: rgba(153, 153, 153, 0.1); padding: 0; } .sumitomo #tmp_contents .wizut01 .wizut1 { display: inline-block; vertical-align: baseline; padding: 0 0 0 80px; position: relative; margin: 0; top: 5px; } .sumitomo #tmp_contents .wizut01 .wizut1 span { font-family: HiraKakuPro; color: #000000; font-size: 1.2rem; display: block; white-space: nowrap; position: absolute; top: 0; left: 80px; line-height: 1.5; } .sumitomo #tmp_contents .wizut01 .wizut1 strong { display: block; font-size: 3.0rem; line-height: 55px; padding-top: 15px; font-weight: 700; margin-top: 15px; } .sumitomo #tmp_contents .wizut01 .wizut02 { /* border-left: 1px dotted #999999; */ display: inline-block; vertical-align: baseline; font-size: 3.0rem; line-height: 55px; padding: 15px 0 0 25px; font-weight: 700; /* margin-left: 10px; */ padding-left: 15px; padding-top: 5px; } @media screen and (max-width: 767px) { .sumitomo main.np { display: block; } } @media screen and (max-width: 767px) { .sumitomo main.np #tmp_contents { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo main.np #tmp_contents .wizut01 .wizut02 { font-size: 1.8rem; line-height: 25px; padding-bottom: 2px; } } .sumitomo main.np #tmp_contents p { padding-bottom: 0; } .sumitomo main.np #tmp_contents table { margin: 0 auto; } @media screen and (max-width: 767px) { .sumitomo main.np #tmp_contents table { width: auto; } } @media screen and (max-width: 767px) { .sumitomo main.np #tmp_contents .btn_detail a img { width: 160px !important; } } @media screen and (max-width: 767px) { .sumitomo main.np #tmp_contents .btn_backtolist { margin-top: 20px; } } @media screen and (max-width: 767px) { .sumitomo main.np #tmp_contents .btn_backtolist a img { width: 160px; } } .sumitomo .resolution-top { /* main.resolution div.intro > ul > li:nth-of-type(2)::before { content: url("/resolution/img/arrow_choice_l.png"); left: 10px; position: absolute; top: 0; bottom: 0; margin: auto; width: 17px; height: 30px; padding: 0; } main.resolution div.intro > ul > li:nth-of-type(2)::after { content: url("/resolution/img/arrow_choice_r.png"); right: 10px; position: absolute; top: 0; bottom: 0; margin: auto; width: 17px; height: 30px; padding: 0; } main.resolution div.intro > ul > li:nth-of-type(2) { min-width: 235px; min-height: 244px; background: url(/resolution/img/question.png) center center no-repeat; position: relative; } */ /*main.resolution section.resolution .intro ul li a figure figcaption > span { background: #fff; }*/ } .sumitomo .resolution-top main.resolution div.intro { margin-top: 0; } .sumitomo .resolution-top main.resolution div.intro > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; margin-top: 0; margin-bottom: 0; } .sumitomo .resolution-top main.resolution div.intro > ul > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.33%; padding-left: 15px; padding-right: 15px; } .sumitomo .resolution-top main.resolution div.intro > ul > li > .innerContent { height: 100%; padding: 10px; } .sumitomo .resolution-top main.resolution div.intro > ul > li > a figure { max-width: 207px; padding: 0; } .sumitomo .resolution-top main.resolution div.intro ul li a figure figcaption > span { background: #ffffff; } .sumitomo .resolution-top main.resolution div.intro ul li a { border: 0 !important; } .sumitomo .resolution-top main.resolution .intro .box-border-blue { background: rgba(45, 110, 182, 0.05); border: solid 3px #2d6eb6; border-radius: 10px; } .sumitomo .resolution-top main.resolution .intro .box-border-green { border: solid 3px #009966; border-radius: 10px; } .sumitomo .resolution-top main.resolution .intro .box-border-red { background: rgba(223, 31, 103, 0.05); border: solid 3px #df1f67; border-radius: 10px; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown { display: block; float: left; width: 100%; padding: 40px 0 0; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown:before { content: ''; display: block; width: 100%; height: 2px; background: #2d6eb6; position: relative; top: -15px; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown .fr-item { float: left; width: 100%; position: relative; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown.col-2 .fr-item { width: 49%; margin-right: 2%; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown.col-2 .fr-item:last-child { margin: 0; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown .fr-item a { display: block; margin: 0; padding: 15px 0 11px; background: #2d6eb6; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; text-align: center; border-radius: 0; border: 0; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown .fr-item > ul { display: none; position: absolute; top: 40px; z-index: 999; margin: auto; width: 100%; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown .fr-item:hover > ul { display: block; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown .fr-item > ul > li { margin: 0; padding-right: 0; } .sumitomo .resolution-top main.resolution div.intro > ul > li .fr-dropdown .fr-item > ul > li > a { padding: 13px 15px; border-top: 1px solid #0e7d8c !important; background: #5e95c1; text-align: left; width: 100%; } .sumitomo .resolution-top main.resolution .bgItemOne { background-image: url(../resolution/img/analyze_world_md.png); background-size: cover; background-repeat: no-repeat; } .sumitomo .resolution-top main.resolution .bgItemOne .text-black { color: #000000; font-size: 15px; } .sumitomo .resolution-top main.resolution .bgItemOne .mb-10 { margin-bottom: 10px; } .sumitomo .resolution-top main.resolution .bgItemOne .mt-20 { margin-top: 20px; } .sumitomo .resolution-top main.resolution div.intro > ul > li .bgItemOne > a figure { margin: 0; max-width: 276px; padding: 0; } .sumitomo .resolution-top main.resolution div.intro ul li.bgItemOne a { display: unset; width: 100%; padding: 20px 15px; } .sumitomo .resolution-top main.resolution div.intro ul li.bgItemOne a figure figcaption > span { width: 100%; } .sumitomo .resolution-top main.resolution .bgItemOne figure > img { padding: 0; } .sumitomo .resolution-top .resolution_introduction img { padding: 10px; } .sumitomo .resolution-top .resolution_introduction figure { padding: 0 40px; } .sumitomo .resolution-top main.resolution div.intro ul li a figure figcaption > span { border-radius: 6px; } @media screen and (max-width: 767px) { .sumitomo .resolution-top main.resolution div.intro ul li a figure figcaption > span::before { margin-top: -1px; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution h1 + p { padding-bottom: 0; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .title { background: none; border-bottom: 0; padding-bottom: 0; } .sumitomo .resolution-top .resolution .title .title1 { padding-left: 0; max-width: 250px; margin: 0 auto; } } @media screen and (min-width: 768px) { .sumitomo .resolution-top .resolution .title1 { margin: 0 !important; } } .sumitomo .resolution-top .resolution .dropmenu-parent { border: solid 3px #2d6eb6; border-radius: 10px; padding-bottom: 10px; position: relative; height: 120px; } .sumitomo .resolution-top .resolution .dropmenu-inner { width: 60%; /*top: 0;*/ /*bottom: 0;*/ /*left: 0;*/ /*right: 0;*/ /*position: absolute;*/ padding-top: 5px; margin: auto; } .sumitomo .resolution-top .resolution footer { z-index: 0; } .sumitomo .resolution-top .resolution .dropmenu { *zoom: 1; list-style-type: none; width: 960px; margin: 5px auto 30px; padding: 0; } .sumitomo .resolution-top .resolution .dropmenu:before, .sumitomo .resolution-top .resolution .dropmenu:after { content: ''; display: table; } .sumitomo .resolution-top .resolution .dropmenu:after { clear: both; } .sumitomo .resolution-top .resolution .dropmenu li { position: relative; width: 20%; float: left; margin: 0; padding: 0; text-align: center; } .sumitomo .resolution-top .resolution .dropmenu li a { display: block; margin: 0; margin-left: 2px; padding: 15px 0 11px; background: #2d6eb6; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; } .sumitomo .resolution-top .resolution .dropmenu li ul { list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; } .sumitomo .resolution-top .resolution .dropmenu li ul li { width: 100%; } .sumitomo .resolution-top .resolution .dropmenu li ul li a { padding: 13px 15px; border-top: 1px solid #0e7d8c; background: #5e95c1; text-align: left; } .sumitomo .resolution-top .resolution .dropmenu li:hover > a { background: #3b7aad; } .sumitomo .resolution-top .resolution .dropmenu li a:hover { background: #1978c9; } .sumitomo .resolution-top .resolution #normal li ul { display: none; } .sumitomo .resolution-top .resolution #normal li:hover ul { display: block; } .sumitomo .resolution-top .resolution #dropmenu li ul li { overflow: hidden; height: 0; -webkit-transition: 0.2s; transition: 0.2s; } .sumitomo .resolution-top .resolution #dropmenu li:hover ul li { overflow: visible; height: 38px; } .sumitomo .resolution-top .resolution .bottomtext { padding-top: 5rem; } .sumitomo .resolution-top .resolution .header strong { margin: auto; left: 0; right: 0; white-space: nowrap; color: #1978c9; font-size: 3.6rem; line-height: 1.2; height: 4rem; font-weight: 700; display: block; text-align: center; } @media screen and (max-width: 480px) { .sumitomo .resolution-top .resolution .header strong { font-size: 2.6rem; } } .sumitomo .resolution-top .resolution .d-block { display: block; } .sumitomo .resolution-top .resolution .text-center { text-align: center; } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .question { margin-top: 0 !important; background-size: contain !important; min-height: 150px !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .header { margin-top: 0 !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .intro ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sumitomo .resolution-top .resolution .intro ul li { -webkit-box-flex: 1 !important; -webkit-flex: auto !important; -ms-flex: auto !important; flex: auto !important; } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro ul li { padding-left: 1rem !important; padding-right: 1rem !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .intro ul li { width: 50%; max-width: 50% !important; margin-top: 0 !important; } .sumitomo .resolution-top .resolution .intro ul li:first-child { width: 100%; max-width: 100% !important; } } @media screen and (max-width: 480px) { .sumitomo .resolution-top .resolution .intro ul li { width: 100%; max-width: 100% !important; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { background-size: auto 100% !important; background-position: center; border-radius: 10px; border-right: 3px solid #009967; border-left: 3px solid #009967; padding: 2rem !important; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { padding: 1.5rem !important; } } @media screen and (max-width: 1150px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { padding: 1rem !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { padding: 2rem 1rem !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { max-width: 50%; margin: 0 auto; height: 460px; background-size: auto 100% !important; } .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent .boxBtn { padding: 0; } } @media screen and (max-width: 630px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { height: 366px; } } @media screen and (max-width: 550px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { height: 320px; } } @media screen and (max-width: 480px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { max-width: 100% !important; border-left: 0 !important; border-right: 0 !important; height: 480px; background-size: 100% auto !important; border-top: 3px solid #009967; border-bottom: 3px solid #009967; } } @media screen and (max-width: 430px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { height: 450px; } } @media screen and (max-width: 375px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { max-width: 100% !important; height: 400px; } } @media screen and (max-width: 360px) { .sumitomo .resolution-top .resolution .intro ul li:first-child .innerContent { height: 350px; } } @media screen and (max-width: 1145px) { .sumitomo .resolution-top .resolution .intro ul li .fr-dropdown { padding: 20px 0 0 !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-top .resolution .intro ul li .fr-dropdown { display: none !important; } } @media screen and (max-width: 1298px) { .sumitomo .resolution-top .resolution .intro ul li .fr-dropdown .fr-item a { font-size: 12px !important; } } @media screen and (max-width: 1157px) { .sumitomo .resolution-top .resolution .intro ul li .fr-dropdown .fr-item a { font-size: 11px !important; } } .sumitomo .resolution-top .resolution .intro .innerContent { width: 100%; } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro .innerContent a { font-size: 12px !important; } } @media screen and (max-width: 1145px) { .sumitomo .resolution-top .resolution .intro .innerContent a { font-size: 10px !important; } } @media screen and (max-width: 1325px) { .sumitomo .resolution-top .resolution .intro .innerContent a span { font-size: 13px; } } @media screen and (max-width: 1295px) { .sumitomo .resolution-top .resolution .intro .innerContent a span { font-size: 12px; min-width: 80%; } } @media screen and (max-width: 1197px) { .sumitomo .resolution-top .resolution .intro .innerContent a span { padding: 0.75rem 0.5rem 0.75rem 0.5rem; } } @media screen and (max-width: 991px) { .sumitomo .resolution-top .resolution .intro .innerContent a span { width: 90%; margin: 0 auto; } } .sumitomo .resolution-top .resolution .intro .innerContent .boxBtn a { padding-bottom: 1.5rem; } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro .innerContent .boxBtn a:last-child { padding-bottom: 0; } } @media screen and (max-width: 991px) { .sumitomo .resolution-top .resolution .intro .innerContent .boxBtn a { padding-bottom: 0.5rem !important; } .sumitomo .resolution-top .resolution .intro .innerContent .boxBtn a:last-child { padding-bottom: 0 !important; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro .innerContent figure { padding: 0; max-width: 69%; margin: 0 auto; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro .innerContent figure { max-width: 100%; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-top .resolution .intro .innerContent figure img { width: 75%; margin: 0 auto; } } @media screen and (max-width: 1146px) { .sumitomo .resolution-top .resolution .intro .innerContent figure img { width: 80%; } } @media screen and (max-width: 991px) { .sumitomo .resolution-top .resolution .intro .innerContent figure img { width: 86%; } } @media screen and (max-width: 800px) { .sumitomo .resolution-top .resolution .intro .innerContent figure img { width: 77%; } } .sumitomo button.mfp-close, .sumitomo button.mfp-arrow { z-index: 9999999; } .sumitomo .mfp-bg { z-index: 99999; height: 100vh !important; position: fixed !important; } .sumitomo .mfp-wrap { z-index: 99999; height: 100vh !important; position: fixed !important; top: 0 !important; } .sumitomo .mfp-inline-holder .mfp-content, .sumitomo .mfp-ajax-holder .mfp-content { width: 70%; } @media screen and (max-width: 767px) { .sumitomo .mfp-inline-holder .mfp-content, .sumitomo .mfp-ajax-holder .mfp-content { width: 100%; } } .sumitomo .resolution-detail .productstable table thead tr th span:nth-of-type(1) { top: 5px; } .sumitomo .resolution-detail .productstable table thead tr th span:nth-of-type(2) { left: 5px; } @media screen and (max-width: 991px) { .sumitomo .resolution-detail .caution { padding-top: 2rem; background-position: left 17px; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .caution { background-size: 30px; padding: 2rem 0 0 39px; background-position: left 12px; } } .sumitomo .resolution-detail .tabcontent { display: none; } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent { padding: 0 1.5rem 1.5rem 1.5rem !important; } } .sumitomo .resolution-detail .tabcontent.active { display: block; } .sumitomo .resolution-detail .tabcontent .tablehead { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent .tablehead { width: 100% !important; } } .sumitomo .resolution-detail .tabcontent .tableside, .sumitomo .resolution-detail .tabcontent .tabledatum { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent .tableside, .sumitomo .resolution-detail .tabcontent .tabledatum { display: none !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent .products ul li { width: 50% !important; } } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .tabcontent .products ul li { width: 100% !important; } } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput { padding: 0.4rem 1rem 0; position: relative; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput:before { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; background-image: url(../../cultivation/shared/img/icon_search.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; border: 0; margin: 0; } @media screen and (max-width: 1065px) { .sumitomo .resolution-detail .tabcontent #searchcontent { width: 100%; } } @media screen and (max-width: 1065px) { .sumitomo .resolution-detail .tabcontent #searchcontent .row { width: calc(33.3% - 0.66rem); } } .sumitomo .resolution-detail .tabcontent #searchcontent .row { margin-right: 1rem; } .sumitomo .resolution-detail .tabcontent #searchcontent .row:last-child { margin-right: 0; } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent #searchcontent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput { width: 100% !important; margin-bottom: 1rem !important; margin-right: 0 !important; padding: 0.16rem 0.5rem; color: #000000; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput:before { width: 25px; height: 25px; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput ::-webkit-input-placeholder { color: #000000; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput ::-moz-placeholder { color: #000000; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput ::-ms-input-placeholder { color: #000000; } .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput ::placeholder { color: #000000; } .sumitomo .resolution-detail .tabcontent #searchcontent .row { width: calc(50% - 0.5rem); margin-right: 1rem; margin-bottom: 0; } .sumitomo .resolution-detail .tabcontent #searchcontent .row:last-child { margin-right: 0; } .sumitomo .resolution-detail .tabcontent #searchcontent select { padding: 0.5rem !important; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent #searchcontent select { font-size: 11px; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .tabcontent #searchcontent select option { width: 100%; font-size: 18px; } } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .tabcontent .productstable table thead tr th { max-width: 100px; } } .sumitomo .resolution-detail .tabcontent .tableChange tbody th img { max-height: 100px; } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .tabcontent form .searchcontent .row:before { right: 5px !important; margin: -4px 0 0 0 !important; } } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .tabcontent #searchcontent .searchInput:before { top: 60% !important; } } .sumitomo .resolution-detail .tabcontent .tableChange tbody th a { display: block; text-align: center; } .sumitomo .resolution-detail .tabcontent .tableChange thead td::before { display: none !important; } .sumitomo .resolution-detail .tabcontent .tableChange thead td { padding: 0.5rem !important; padding-bottom: 0 !important; min-width: 150px !important; } .sumitomo .resolution-detail .tabcontent .tableChange thead td p { text-align: center !important; } .sumitomo .resolution-detail .tabcontent .tableChange thead .table-ttl p { text-align: left !important; } .sumitomo .resolution-detail .tabcontent .tableChange tbody .name { text-align: center; white-space: break-spaces; } @media screen and (max-width: 767px) { .sumitomo .resolution-detail main.resolution section div.products ul li a figure figcaption { background-size: 18px; padding: 0.75rem 0.5rem 0.5rem 2.8rem; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-detail .pestanddiseaseicons { bottom: -8rem !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .pestanddiseaseicons { display: none; } } @media screen and (max-width: 1250px) { .sumitomo .resolution-detail .pestanddiseaseicons2 { bottom: -8rem !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .pestanddiseaseicons2 { display: none; } } .sumitomo .resolution-detail .dropmenu-parent { border: solid 3px #2d6eb6; border-radius: 10px; padding-bottom: 10px; position: relative; height: 120px; } .sumitomo .resolution-detail .dropmenu-inner { margin-top: -36px; float: right; width: 36%; } .sumitomo .resolution-detail footer { z-index: 0; } .sumitomo .resolution-detail .dropmenu { *zoom: 1; list-style-type: none; width: 960px; margin: 5px auto 0px; padding: 0; } .sumitomo .resolution-detail .dropmenu:before, .sumitomo .resolution-detail .dropmenu:after { content: ''; display: table; } .sumitomo .resolution-detail .dropmenu:after { clear: both; } .sumitomo .resolution-detail .dropmenu li { position: relative; width: 20%; float: left; margin: 0; padding: 0; text-align: center; } .sumitomo .resolution-detail .dropmenu li a { display: block; margin: 0; margin-left: 2px; padding: 7px 0 6px; background: #2d6eb6; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; } .sumitomo .resolution-detail .dropmenu li ul { list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; } .sumitomo .resolution-detail .dropmenu li ul li { width: 100%; } .sumitomo .resolution-detail .dropmenu li ul li a { padding: 6px 7px; border-top: 1px solid #0e7d8c; background: #5e95c1; text-align: left; } .sumitomo .resolution-detail .dropmenu li:hover > a { background: #3b7aad; } .sumitomo .resolution-detail .dropmenu li a:hover { background: #1978c9; } .sumitomo .resolution-detail #normal li ul { display: none; } .sumitomo .resolution-detail #normal li:hover ul { display: block; } .sumitomo .resolution-detail #dropmenu li ul li { overflow: hidden; height: 0; -webkit-transition: 0.2s; transition: 0.2s; } .sumitomo .resolution-detail #dropmenu li:hover ul li { overflow: visible; height: 38px; } .sumitomo .resolution-detail .breadcrumbs { display: block !important; line-height: 1.5; } .sumitomo .resolution-detail .dropmenu-inner { margin-right: 0; width: 190px; } @media screen and (max-width: 1250px) { .sumitomo .resolution-detail .dropmenu-inner { margin-top: -13px; } } .sumitomo .resolution-detail .dropmenu-inner .dropmenu { width: 100%; } .sumitomo .resolution-detail .dropmenu-inner .dropmenu li { width: 100% !important; min-width: auto; } .sumitomo .resolution-detail .title { margin-top: 2rem; } @media screen and (min-width: 768px) { .sumitomo .resolution-detail .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .title { background: none; padding-bottom: 0; border-bottom: 0; } } @media screen and (min-width: 768px) { .sumitomo .resolution-detail .title .title1 { margin: 0 !important; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .title .title1 { text-align: center; margin: 20px 0 10px !important; padding-left: 0; display: block; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .title .title1 span { position: static; display: inline-block; font-size: 16px; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .title .title1 strong { display: inline-block; font-size: 16px; line-height: 1; padding-top: 0; font-weight: 400; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .title .title2 { display: block; } } .sumitomo .resolution-detail h1 + p { padding-bottom: 0; } .sumitomo .resolution-detail .introduction .photo { width: 370px; } @media screen and (max-width: 1110px) { .sumitomo .resolution-detail .introduction .photo { width: 300px; } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .introduction .photo { width: 100%; } } .sumitomo .resolution-detail .introduction .text { width: calc(100% - 370px); margin-left: 0; padding-left: 3rem; } @media screen and (max-width: 1110px) { .sumitomo .resolution-detail .introduction .text { width: calc(100% - 300px); } } @media screen and (max-width: 767px) { .sumitomo .resolution-detail .introduction .text { width: 100%; padding-left: 0; } } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .row20 .w20p { padding: 0 0.5rem; } } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .tab nav ul { margin: 0 -1px; } } @media screen and (max-width: 480px) { .sumitomo .resolution-detail .tab nav ul li { padding: 0 1px; } .sumitomo .resolution-detail .tab nav ul li a { font-size: 12px; } } .sumitomo .resolution-detail .calendar .modal { text-decoration: none; } .sumitomo .resolution-detail .calendar .calendar-ttl { color: #000000; margin-top: 2rem; font-size: 18px; line-height: 1; margin-left: 1.5rem; } @media only screen and (hover: none) and (pointer: coarse) { .sumitomo .resolution-detail .calendar .calendar-ttl { margin-top: 1rem; margin-left: 0.5rem; } } .sumitomo .resolution-detail .calendar img { margin-top: 0 !important; } .sumitomo .resolution-detail #calendar .calendar-ttl { font-size: 20px; margin: 0 2rem; line-height: 1; } @media only screen and (hover: none) and (pointer: coarse) { .sumitomo .resolution-detail #calendar .calendar-ttl { font-size: 18px; margin: 0 1rem; line-height: 1; } } .sumitomo #calendar { text-align: center; } .sumitomo main.cultivation section.list > ul { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .sumitomo main.cultivation section.list > ul > li { width: 45%; border-top: #df1f67 3px solid; background-color: rgba(223, 31, 103, 0.05); } .sumitomo main.cultivation { margin-top: 20px; } @media screen and (max-width: 767px) { .sumitomo main.cultivation { margin-top: 0; } } .sumitomo main.cultivation h1 + p { padding-bottom: 0; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .title { background-size: 45px; } } .sumitomo main.cultivation .title .title1 { margin: 0; text-align: left; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .title .title1 { padding-left: 55px; } } .sumitomo main.cultivation .title .title1 strong { font-size: 3.0rem; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .title .title1 strong { font-size: 2.1rem; padding-top: 0; line-height: 50px; padding-top: 4px; } } .sumitomo main.cultivation section.feature { margin-top: 0; background: none; } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature { margin-top: 4rem; padding: 0; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchtit a i { font-size: 2.2rem; width: 135px; height: 50px; padding: 0 0 0 52px; line-height: 52px; color: #fff; text-indent: 0; background: #df1f67 url(../../cultivation/img/open.png) 8px center no-repeat; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchtit a i { width: 120px; height: 50px; line-height: 52px; font-size: 2.3rem; text-indent: 1.65em; background: #df1f67 url(../../cultivation/img/open.png) 10px center no-repeat; background-size: 20px !important; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation section.feature .search .searchtit a i { font-size: 1.7rem; text-indent: 2em; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation section.feature .search .searchtit a i { width: 95px; } } .sumitomo main.cultivation section.feature .search .searchtit a i.on { background: #df1f67 url(../../cultivation/img/close.png) 8px center no-repeat; } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchtit a span { font-size: 2.2rem; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation section.feature .search .searchtit a span { margin-left: 10px; font-size: 1.5rem; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent div.pink div.row div.right { height: 80px; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent div.pink div.row div.right { height: 100px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent div.pink div.row div.right { height: auto; } } .sumitomo main.cultivation section.feature .search .searchcontent div.pink div.row div.right label { font-size: 1.4rem; } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent div.pink div.row div.right label { min-width: auto; padding: 0; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent div.pink div.row div.right label { font-size: 1.3rem; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent div.row { height: auto; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent div.row h4.left { line-height: 100px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent div.row h4.left { line-height: 50px !important; text-align: left !important; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent div.row h4.left span b { font-size: 1.8rem !important; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent h3 span { font-size: 2rem; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left { width: 210px; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left { width: 250px; } } @media screen and (max-width: 991px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left { width: 320px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left h4 { line-height: 50px; text-align: left; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left h4 span { font-size: 1.4rem; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left h4 span b { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left h4 span b { font-size: 1.6rem; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .left h4 span b { font-size: 1.4rem; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .right { width: 750px; margin-top: 0; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .right { width: 100%; padding: 0; } } .sumitomo main.cultivation section.feature .search .searchcontent .searchword .right .row input { -webkit-appearance: none; border-radius: 0 !important; } @media screen and (max-width: 480px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .right .row input { height: 35px !important; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchword .right .row button { height: 35px !important; line-height: 37px !important; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left { width: 210px; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left { width: 250px; } } @media screen and (max-width: 991px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left { width: 320px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left h4 { line-height: 50px; text-align: left; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left h4 span b { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left h4 span b { font-size: 1.6rem; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .left h4 span b { font-size: 1.4rem; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .right { width: 750px; margin-top: 0; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .right { width: 100%; padding: 0; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .right ul.row5 li { margin-top: 0; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .right ul.row5 li { width: 20% !important; margin-top: 3px; padding-left: 1.5px; padding-right: 1.5px; } } .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .right ul.row5 li a { line-height: 50px; } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .searchinitial .right ul.row5 li a { line-height: 40px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row h4.left { width: 100% !important; text-align: center !important; padding-top: 5px; } } @media screen and (max-width: 991px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row h4.left span { padding: 0 2px; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row h4.left span b { font-size: 1.5rem; } } @media screen and (max-width: 1024px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row h4.left span b { font-size: 1.4rem; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row .right { width: 100% !important; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row .right label { font-size: 1.3rem; width: 20%; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row .right label { width: auto; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation section.feature .search .searchcontent .pink div.row div.submit button { width: 150px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul { margin: 0 -1.5px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul li { padding: 0 1.5px; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation .tab2 nav ul li a { font-size: 2rem; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 nav ul li a { font-size: 1.5rem; height: 45px; line-height: 45px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul li a { font-size: 1rem; height: 35px; line-height: 38px; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation .tab2 nav ul li a { font-size: 0.8rem; height: 25px; line-height: 25px; } } .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(5) a { height: 100%; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(-n+5) { height: 95px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(-n+5) { height: 73px; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(-n+5) { height: 53px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(n+6) { margin-top: -45px; height: 50px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(n+6) { margin-top: -35px; height: 40px; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation .tab2 nav ul li:nth-of-type(n+6) { margin-top: -25px; height: 30px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul li.whiteborder { right: 12px; bottom: 3px; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 nav ul li.whiteborder span { height: 50px; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 nav ul li.whiteborder span { height: 38px; line-height: 50px; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation .tab2 nav ul li.whiteborder span { height: 28px; line-height: 30px; } } .sumitomo main.cultivation .tab2 .tabcontent section.list { margin-top: 0; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 .tabcontent section.list { padding-top: 10px; } } .sumitomo main.cultivation .tab2 .tabcontent section.list ul li { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li { width: 100%; border-top: 0; border-bottom: #df1f67 3px solid; background-color: rgba(223, 31, 103, 0.1); padding: 0; } } .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 { background: none; padding: 0; border-bottom: 0; margin: 0; } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 { line-height: 3rem; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 { line-height: 2.5rem; } } .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 a { color: #000; } @media screen and (min-width: 768px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 a { pointer-events: none; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 a { display: block; padding: 13px 13px 7px 13px; } } @media screen and (min-width: 768px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 span { font-size: 2.2rem; } } @media screen and (max-width: 1279px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 span { font-size: 1.8rem; } } @media screen and (max-width: 991px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 span { font-size: 1.7rem; } } @media screen and (max-width: 767px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 span { font-size: 1.8rem; } } @media screen and (max-width: 480px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 span { font-size: 1.6rem; } } @media screen and (max-width: 374px) { .sumitomo main.cultivation .tab2 .tabcontent section.list ul li h2 span { font-size: 1.5rem; } } .sumitomo main.cultivation section div.search div.searchcontent { height: 0 !important; } .sumitomo main.cultivation section div.search div.searchcontent.on { height: auto !important; } .sumitomo.pageCultivation-detail .middlecontainer { overflow-x: hidden; } .sumitomo.pageCultivation-detail .middlecontainer .cultivation { margin-top: 0; } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title { display: block; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title { background-size: 40px; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title1 { width: 100%; max-width: 260px; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title1 { width: 100%; max-width: 100%; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title1 { padding-left: 60px; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title1 span { font-size: 1rem; left: 60px; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title1 strong { font-size: 2.1rem; line-height: 40px; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title { margin-left: 20px; padding-left: 20px; width: 100%; max-width: calc(100% - 260px); line-height: 1.4; padding: 25px 0 15px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title { border-left: 0; border-top: 1px dotted #df1f67; display: block; vertical-align: baseline; line-height: 1.2; text-align: left; padding: 15px 10px 0 10px; font-weight: 700; margin-top: 10px; background: transparent; margin-left: 0; max-width: 100%; } } @media screen and (max-width: 1279px) and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title { font-size: 2.1rem; padding: 15px 0px 0 0px; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title span { display: none; } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .title span { display: inline-block; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .cap { top: auto !important; bottom: 0; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .cap { font-weight: 400; line-height: 1; width: 100%; position: initial; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .fr-parent-title .cap { font-size: 1.2rem; line-height: 1.2; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .photo { width: 50%; margin-bottom: 20px; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .photo { width: 100%; text-align: center; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .photo { width: 100%; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .tabList { display: none; } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .tabList { display: block; clear: both; width: 100%; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .tabList .tabcontent { background-color: transparent; border: none; padding: 0 15px 15px; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .text { width: calc(50% - 22px); } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .text { width: 100%; margin-bottom: 20px; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .text { width: 100%; margin: 0 0 20px 0; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .calendar { margin-left: 30px; } @media screen and (max-width: 1279px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .calendar { width: 100%; margin-left: 0; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .introduction .calendar a h3 span { font-size: 1.7rem; } } @media screen and (max-width: 374px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul { margin: 0 -2px; } } @media screen and (max-width: 374px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul li { padding: 0 2px; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul li a { line-height: 1.4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem; height: 50px; } } @media screen and (max-width: 480px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul li a { font-size: 1.12rem; } } @media screen and (max-width: 374px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul li a { font-size: 0.9rem; height: 40px; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul li.current a { height: 55px; } } @media screen and (max-width: 374px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab nav ul li.current a { height: 45px; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab .tabcontent { padding: 0 15px 30px 15px; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab .tabcontent h3 span { font-size: 1.7rem; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab .tabcontent aside { width: 100%; } @media screen and (max-width: 480px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .tab .tabcontent .white p img { width: 100%; max-width: 250px; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach { padding: 15px; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 375px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .photo { width: 138px; } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .photo { width: 138px; } } @media screen and (max-width: 480px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .photo { width: 100px; } } @media screen and (max-width: 375px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .photo { width: 150px; text-align: center; margin: 0 auto; margin-bottom: 15px; } } .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .text { width: calc(100% - 138px); } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .text { width: calc(100% - 138px); } } @media screen and (max-width: 480px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .text { width: calc(100% - 100px); } } @media screen and (max-width: 375px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .coach .row .text { width: 100% !important; margin: 0; } } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .cultivation .onlyPC { display: none; } } .sumitomo.pageCultivation-detail .middlecontainer .dropmenu-inner { margin-right: 0; } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .middlecontainer .dropmenu-inner { display: none; } } .sumitomo.pageCultivation-detail .middlecontainer .dropmenu-inner .dropmenu li { min-width: auto; } @media screen and (max-width: 1024px) { .sumitomo.pageCultivation-detail .middlecontainer .dropmenu-inner .dropmenu li { width: 20% !important; } } .sumitomo.pageCultivation-detail .middlecontainer .dropmenu-inner .dropmenu #pulldown1 li { width: 100% !important; } .sumitomo.pageCultivation-detail .findProd { display: none; } @media screen and (max-width: 991px) { .sumitomo.pageCultivation-detail .findProd { position: fixed; right: 0; top: 30%; z-index: 9; display: -ms-grid; display: grid; } .sumitomo.pageCultivation-detail .findProd a { background-color: #df1f67; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; padding: 1.2rem 1.3rem 1.2rem 1.5rem; text-decoration: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .sumitomo.pageCultivation-detail .findProd a span { font-size: 1.4rem; color: #fff; font-weight: 700; position: relative; padding-top: 30px; letter-spacing: 1px; display: inline-block; } .sumitomo.pageCultivation-detail .findProd a span::before { content: ''; position: absolute; background-image: url(../../cultivation/shared/img/icon_find.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; top: 0; left: -5px; } } .sumitomo.pageCultivation-detail .mfp-inline-holder .mfp-content, .sumitomo.pageCultivation-detail .mfp-ajax-holder .mfp-content { width: 60%; } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .mfp-inline-holder .mfp-content, .sumitomo.pageCultivation-detail .mfp-ajax-holder .mfp-content { width: 75%; } } @media screen and (max-width: 480px) { .sumitomo.pageCultivation-detail .mfp-inline-holder .mfp-content, .sumitomo.pageCultivation-detail .mfp-ajax-holder .mfp-content { width: 90%; } } .sumitomo.pageCultivation-detail .mfp-iframe-scaler iframe { background: #fff; } .sumitomo.pageCultivation-detail #pest001, .sumitomo.pageCultivation-detail #disease001, .sumitomo.pageCultivation-detail #product001 { width: 400px; min-height: 296px; } .sumitomo.pageCultivation-detail #pest001 div.text, .sumitomo.pageCultivation-detail #disease001 div.text, .sumitomo.pageCultivation-detail #product001 div.text { color: #000000; } .sumitomo.pageCultivation-detail #pest001 div.text p, .sumitomo.pageCultivation-detail #disease001 div.text p, .sumitomo.pageCultivation-detail #product001 div.text p { overflow: auto; } .sumitomo.pageCultivation-detail #gotargetproducts { margin-top: -58px; float: right; width: 100%; max-width: 180px; border-radius: 10px; padding-top: 10px; position: relative; height: 60px; background: #b76862; font-size: 20px; text-align: center; font-weight: bold; vertical-align: middle; } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail #gotargetproducts { height: 40px; } } .sumitomo.pageCultivation-detail #gotargetproducts a { text-decoration: none; } .sumitomo.pageCultivation-detail #gotargetproducts a span { color: #ffffff; } .sumitomo.pageCultivation-detail main.cultivation section .resolution a figure div.photo::after, .sumitomo.pageCultivation-detail main.cultivation section .resolution a.on::after { padding-bottom: 130px; } .sumitomo.pageCultivation-detail main.cultivation section .resolution a figure figcaption.fr-name { background: transparent; position: relative; } .sumitomo.pageCultivation-detail main.cultivation section .resolution ul li a.on figure figcaption.fr-name, .sumitomo.pageCultivation-detail main.cultivation section .resolution ul li:hover a figure figcaption.fr-name { background: #12902c; } .sumitomo.pageCultivation-detail main.cultivation section .resolution ul li a.on figure figcaption.fr-name:after { background: url("../../cultivation/shared/img/check_on.png") center center no-repeat; background-size: cover; } .sumitomo.pageCultivation-detail main.cultivation section .resolution a figure figcaption.fr-name:after { content: ''; position: absolute; height: 20px; width: 20px; margin: auto; top: -2px; bottom: 0; left: 7px; display: block; vertical-align: middle; background: url("../../cultivation/shared/img/check_off.png") center center no-repeat; background-size: cover; } .sumitomo.pageCultivation-detail main.cultivation section .resolution ul li a .photo { height: 130px !important; } .sumitomo.pageCultivation-detail .tabcontent .ttLeft { width: 100%; max-width: calc(100% - 190px); } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .ttLeft { max-width: 100%; } } .sumitomo.pageCultivation-detail .tabcontent #gotargetproducts { width: 100%; max-width: 180px; } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent #gotargetproducts { max-width: 100%; float: initial; margin-top: 15px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 5px; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent #gotargetproducts a span br { display: none; } } @media screen and (max-width: 1024px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .left { width: 100% !important; margin-bottom: 20px; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .left .pest ul.row li { width: 50%; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .left .pest ul.row li:nth-child(3n + 1) { clear: initial; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .left .pest ul.row li:nth-child(2n + 1) { clear: left; } } @media screen and (max-width: 375px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .left .pest ul.row li { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .left .pest ul.row li a .photo { height: auto !important; } } @media screen and (max-width: 1024px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .right { width: 100% !important; } } @media screen and (max-width: 1024px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li { width: calc(100% / 3); } .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li:nth-child(2n + 1) { clear: initial; } .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li:nth-child(3n + 1) { clear: left; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li { width: 50%; } .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li:nth-child(2n + 1) { clear: left; } } @media screen and (max-width: 375px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent .resolution .right .disease ul.row li a .photo { height: auto !important; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent #targetproducts .products ul li { width: 50%; } } @media screen and (max-width: 375px) { .sumitomo.pageCultivation-detail .tabcontent #targetproducts .products ul li { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent #targetproducts .products ul li:nth-child(3n + 1) { clear: initial; } } @media screen and (max-width: 767px) { .sumitomo.pageCultivation-detail .tabcontent #targetproducts .products ul li:nth-child(2n + 1) { clear: left; } } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li.current a:nth-of-type(1), .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li.current a:nth-of-type(2) { color: #000; border-color: #df1f67; background-color: #ef8eb3; width: 350px; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a:nth-of-type(1) { border: 3px #d5c4a3 solid; font-size: 1.6rem; padding: 0 35px 0 45px; line-height: 54px; border-radius: 30px; width: 350px; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a { position: relative; text-align: left; display: block; background-color: #e5dac6; color: #996600; font-weight: bold; text-decoration: none; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a:nth-of-type(1) { border: 3px #d5c4a3 solid; font-size: 1.6rem; padding: 0 35px 0 45px; line-height: 54px; border-radius: 30px; width: 350px; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a { position: relative; text-align: left; display: block; background-color: #e5dac6; color: #996600; font-weight: bold; text-decoration: none; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a:nth-of-type(1)::before { position: absolute; height: 36px; width: 36px; margin: auto; top: 0; bottom: 0; left: 20px; display: block; vertical-align: middle; content: ''; background: url(/cultivation/shared/img/check_off.png) center center no-repeat; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li.current a:nth-of-type(1)::before { background: url(/cultivation/shared/img/check_on.png) center center no-repeat; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a:nth-of-type(2) { color: #000; margin-top: 10px; border: 0; border-bottom: 2px #d5c4a3 solid; font-size: 1.4rem; padding: 0 35px 0 45px; line-height: 26px; background-color: rgba(223, 31, 103, 0.05); border-radius: 0; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li.current a:nth-of-type(2) { color: #000; background-color: rgba(223, 31, 103, 0.05); border-bottom: 2px #d5c4a3 solid; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li { vertical-align: top; } .sumitomo main.cultivation section.kana > div.row.row10 > .right.fr-full { width: 100%; } .sumitomo main.cultivation section.kana > div.row.row10 > .right .fr-box-border { border: solid 3px #df1f67; border-radius: 10px; padding: 0 25px; width: 100%; max-width: 700px; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.fr-box-list-menu { display: table; margin: auto; width: 100%; max-width: 700px; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.fr-box-list-menu li { width: 25%; margin: 25px 0; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu strong { font-weight: bold; font-size: 1.6rem; line-height: 1.4; padding: 5px 0; text-align: center; display: block; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .fr-box { padding: 10px 5px; background: #fff; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .photo { margin: 5px 0 10px; position: relative; padding-top: 85%; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .photo div { height: 100% !important; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .fr-a { display: block; border: 1px solid rgba(223, 31, 103, 0.5); font-weight: bold; line-height: 28px; color: #996600; font-size: 1.3rem; padding: 0 10px 0 30px; text-indent: -0.5em; margin-top: 3px; border-radius: 50px; text-decoration: none; letter-spacing: -1.5px; position: relative; background-color: #e5dac6; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .fr-a:after { content: ''; background: url("../../cultivation/shared/img/check_off.png") center center no-repeat; background-size: cover; display: block; width: 18px; height: 18px; position: absolute; left: 10px; top: 4px; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .fr-a.current { background-color: rgba(223, 31, 103, 0.1); } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .fr-a.current:after { background: url("../../cultivation/shared/img/check_on.png") center center no-repeat; background-size: cover; } .sumitomo main.cultivation section.kana > div.row.row10 > .right ul.row.row10 li.fr-list-newmenu .fr-a:hover { background-color: rgba(223, 31, 103, 0.2); opacity: 1; } .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a:nth-of-type(1), .sumitomo main.cultivation .tab2 .tabcontent section.tab2second ul li a:nth-of-type(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 350px; } .sumitomo main.listPage h1 + p { padding-top: 1.5em; } .sumitomo main.listPage #searchcontent { display: none; } @media screen and (min-width: 768px) { .sumitomo main.listPage .title .title1 span { font-size: 1.2rem; top: 5px; } } @media screen and (max-width: 767px) { .sumitomo main.listPage .title .title1 span { left: 55px; } } .sumitomo main.listPage .title .title1 strong { line-height: 1.4; padding-top: 35px; } @media screen and (max-width: 767px) { .sumitomo main.listPage .title .title1 strong { padding-top: 20px; } } .sumitomo main.listPage .tab2List nav ul li.current a { height: 100%; } @media screen and (max-width: 480px) { .sumitomo main.listPage .tab2List .tabcontent { padding: 0 20px 30px 20px; } } .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -10px; } .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li { margin: 0; padding: 10px; } @media screen and (max-width: 480px) { .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li a { width: 260px !important; } } .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li a:nth-of-type(1) { padding-left: 55px; } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li a:nth-of-type(1) { padding-left: 45px; } } @media screen and (max-width: 480px) { .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li a:nth-of-type(1) { line-height: 40px !important; padding-top: 3px; } } .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li a:nth-of-type(1)::before { background: url(../../cultivation/shared/img/check_off.png) center center no-repeat; } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li a:nth-of-type(1)::before { width: 21px; height: 21px; background-size: contain; } } .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li.current a:nth-of-type(1)::before { background: url(../../cultivation/shared/img/check_on.png) center center no-repeat; } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.tab2second ul li.current a:nth-of-type(1)::before { width: 21px; height: 21px; background-size: contain; } } .sumitomo main.listPage .tab2List .tabcontent section.kana { margin-top: 0; } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border { margin: 0 auto; } @media screen and (max-width: 1279px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border { padding: 0 15px; } } @media screen and (max-width: 480px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border { padding: 0 5px; } } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu:last-child { margin-top: 0; } } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu:nth-child(3) { margin-top: 0; } } @media screen and (max-width: 1279px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu .fr-a { font-size: 1.2rem; } } @media screen and (max-width: 480px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu .fr-a { font-size: 1.1rem; } } @media screen and (max-width: 374px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu .fr-a { padding: 0 5px 0 22px; font-size: 1rem; } } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu .fr-a:after { background: url(../../cultivation/shared/img/check_off.png) center center no-repeat; background-size: cover; } @media screen and (max-width: 374px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu .fr-a:after { width: 15px; height: 15px; left: 5px; top: 5px; } } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10 .right .fr-box-border ul li.fr-list-newmenu .fr-a.current:after { background: url(../../cultivation/shared/img/check_on.png) center center no-repeat; background-size: cover; } @media screen and (min-width: 768px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .left { width: 7.5%; } } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .left strong { line-height: 60px; padding-top: 5px; } @media screen and (max-width: 1279px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .left strong { line-height: 45px; } } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .left strong { line-height: 40px; } } @media screen and (max-width: 480px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .left strong { font-size: 2rem; line-height: 30px; } } @media screen and (min-width: 768px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right { width: 92.5%; } } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1280px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 li { width: 20%; } } @media screen and (max-width: 1279px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 li { width: 25%; } } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 li { width: 50%; } } .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 li a figure figcaption { background: url(../../cultivation/shared/img/icon_arrow_link.png) 0 3px no-repeat; } @media screen and (min-width: 768px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 li a figure figcaption { font-size: 1.4rem; line-height: 2.4rem; padding: 0 0 0 1.6em; } } @media screen and (max-width: 767px) { .sumitomo main.listPage .tab2List .tabcontent section.kana div.row.row10.boxPlant .right ul.row.row10 li a figure figcaption { padding: 0 0 0 2em; } } .sumitomo main.listDetailPage b { font-weight: bold; } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 991px) { .sumitomo main.listDetailPage .title { background-size: 50px; padding-bottom: 3px; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .title { border-bottom: 0; padding-bottom: 0; } } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .title .cap { font-size: 1.4rem; line-height: 2.4rem; } } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .title .title1 { white-space: nowrap; } } @media screen and (max-width: 991px) { .sumitomo main.listDetailPage .title .title1 { padding-left: 60px; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .title .title1 { margin: 10px 0; } } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .title .title1 span { font-size: 1.2rem; } } @media screen and (max-width: 991px) { .sumitomo main.listDetailPage .title .title1 span { font-size: 1rem; left: 60px; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .title .title1 span { left: 55px; } } .sumitomo main.listDetailPage .title .title1 strong { line-height: 60px; } @media screen and (max-width: 991px) { .sumitomo main.listDetailPage .title .title1 strong { font-size: 2rem; line-height: 45px; } } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .title .title2 { display: inline-block; vertical-align: baseline; font-size: 2.5rem; line-height: 1.4; font-weight: 700; background: none; border-top: 0; color: #000; margin-right: 0; border-left: 0; padding: 30px 0 0 25px; margin: 0; padding-top: 0; } } @media screen and (max-width: 991px) { .sumitomo main.listDetailPage .title .title2 { font-size: 1.8rem !important; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .title .title2 { font-size: 2.2rem !important; padding: 13px 22px 10px 22px; display: block; } } .sumitomo main.listDetailPage .title .titleBox { width: 100%; } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .title .titleBox { border-left: 1px dotted #df1f67; margin-left: 25px; } } .sumitomo main.listDetailPage .title .titleBox .cap { width: 100%; position: inherit; text-align: right; } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .title .titleBox .cap { line-height: 2.4; font-size: 1.4rem; text-align: left; } } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage section.boxInfo h2 { font-size: 2.4rem; font-weight: 700; background-color: rgba(223, 31, 103, 0.1); padding: 12px 15px 12px 15px; border-bottom: 2px solid #df1f67; margin: 0; } } .sumitomo main.listDetailPage section.boxInfo h3 { border-left: 14px solid #df1f67; } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage section.boxInfo h3 { margin-top: 20px; font-size: 2.0rem; font-weight: 700; line-height: 1.2; padding: 0 0 0 12px; } } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage section.boxInfo h3 span { border-bottom: 2px solid #df1f67; display: inline-block; font-size: 2rem; line-height: 31px; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage section.boxInfo .photo { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage section.boxInfo .photo img { width: auto; } } @media screen and (max-width: 480px) { .sumitomo main.listDetailPage .coach { padding: 15px; } } .sumitomo main.listDetailPage .coach strong { line-height: 1.4; } @media screen and (min-width: 768px) { .sumitomo main.listDetailPage .coach strong { font-size: 20px; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .coach strong { font-size: 22px; } } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .coach .row .photo { width: 100%; } } .sumitomo main.listDetailPage .coach .row .text { width: 70%; } @media screen and (max-width: 767px) { .sumitomo main.listDetailPage .coach .row .text { width: 100%; margin-left: 0; margin-top: 30px; } } .sumitomo main.listDetailPage .coach .row .text p { font-size: 14px; line-height: 24px; } .sumitomo .beginnerPage { margin-top: 20px; } @media screen and (max-width: 991px) { .sumitomo .beginnerPage { margin-top: 0; } } .sumitomo .beginnerPage h1 + p { padding-bottom: 1em; } .sumitomo .beginnerPage .gardeningbeginner { background: url("../../shared/img/gardeningbeginner_icon.png") left top no-repeat; } @media screen and (max-width: 767px) { .sumitomo .beginnerPage .gardeningbeginner { background-size: 40px; padding-bottom: 5px; } } .sumitomo .beginnerPage .title { border-bottom: 5px solid #f96767; } .sumitomo .beginnerPage .title .title1 { text-align: left; } @media screen and (max-width: 767px) { .sumitomo .beginnerPage .title .title1 { padding-left: 55px; padding-top: 6px; } } .sumitomo .beginnerPage .title .title1 strong { padding-top: 0; } @media screen and (max-width: 767px) { .sumitomo .beginnerPage .title .title1 strong { font-size: 2.5rem; line-height: 1.4; } } .sumitomo .beginnerPage .bottomtext { padding-top: 5rem; } .sumitomo .beginnerPage .section .bnrList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -12px; } @media screen and (max-width: 767px) { .sumitomo .beginnerPage .section .bnrList { margin: -10px; } } .sumitomo .beginnerPage .section .bnrList li { width: 50%; float: none; margin: 0; padding: 15px 12px; text-align: center; } @media screen and (max-width: 767px) { .sumitomo .beginnerPage .section .bnrList li { width: 100%; padding: 10px; } } .sumitomo .beginnerPage .section .bnrList li a img { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .beginnerPage .section .bnrList li a img { width: auto; } } .sumitomo .brand { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } @media screen and (max-width: 767px) { .sumitomo .brand { margin-top: 0; } } .sumitomo .brand .mfp-inline-holder .mfp-content, .sumitomo .brand .mfp-ajax-holder .mfp-content { width: 60%; } .sumitomo .brand .mygarden .mygarden_content .baloon_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sumitomo .brand .bottomtext { display: block; float: left; width: 100%; padding-top: 5rem; } .sumitomo .brand .fr-page-new .fr-list.fr-nostyle li .fr-col-2 li .fr-cart li a { padding: 4px; } .sumitomo .brand .fr-page-new .fr-list.fr-nostyle li .fr-col-2 li .fr-top .fr-left .fr-hot small { margin-top: -15px; } .sumitomo .brand h1 + p { margin-top: 0 !important; } .sumitomo .brand .brandPage .fr-page-new .fr-top-title { padding-bottom: 0; } .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title { margin-bottom: 15px; } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title { background-size: 50px; padding-left: 70px; } } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title { background-size: 40px; padding-left: 55px; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title .fr-span { font-size: 14px; } } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title .fr-span { font-size: 12px; left: 55px; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title strong { font-size: 2.5rem; line-height: 1.4; padding-top: 10px; } } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title strong { font-size: 1.8rem; } } @media screen and (max-width: 374px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title strong { font-size: 1.6rem; } } .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title strong .fr-first::after { height: 60px; top: -10px; } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title strong .fr-first::after { height: 40px; top: -3px; right: 0; } } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-top-title .fr-title strong .fr-first::after { height: 30px; top: -3px; right: 0; } } .sumitomo .brand .brandPage .fr-page-new .fr-list li h2 { font-size: 2rem; } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li h2 { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li:last-child .fr-col-2 li .fr-image { margin-bottom: 0; } } @media screen and (max-width: 1279px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li { width: calc((100% - 20px) / 2); margin: 0 20px 20px 0; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li { width: 100%; } } .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li:nth-child(2n) { margin-right: 0 !important; } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li:last-child { margin-bottom: 0; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li h3 { font-size: 1.5rem; } } @media screen and (max-width: 1279px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left { width: calc(100% - 160px); padding-right: 20px; } } @media screen and (max-width: 991px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left { width: calc(100% - 140px); } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left { width: 100%; padding-right: 0; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-box .fr-img img { width: 100px; } } @media screen and (max-width: 1279px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-hot { font-size: 1.6rem; padding: 16px 18px; } } @media screen and (max-width: 991px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-hot { font-size: 1.5rem; padding: 14px 16px; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-hot { width: 180px; margin-right: 20px; } } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-hot { padding: 12px 6px; } } .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-des { font-size: 14px; } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-left .fr-des { width: 100%; } } .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-right { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1279px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-right { width: 160px; } } @media screen and (max-width: 991px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-right { width: 140px; } } @media screen and (max-width: 767px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-top .fr-right { width: 100%; } } @media screen and (max-width: 1024px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-strong { font-size: 1.8rem; } } @media screen and (max-width: 480px) { .sumitomo .brand .brandPage .fr-page-new .fr-list li .fr-col-2 li .fr-strong { font-size: 1.6rem; } } @media screen and (max-width: 767px) { .sumitomo #collection .breadcrumbs { display: none; } } .sumitomo .collection { /* #tmp_myrose_header p.myrose_photogallery_btn{ top:650px; } */ } .sumitomo .collection .sns_btn_top #twitter-widget-0 { margin-left: -5px; } .sumitomo .collection .sns_btn_top { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .sumitomo .collection .rose_box_container { max-width: 960px; padding: 30px 50px; border-left: 10px solid #c30000; border-right: 10px solid #c30000; border-bottom: 10px solid #c30000; border-top: 0 solid #c30000; overflow: hidden; width: 960px; } .sumitomo .collection .rose_box_container .shokusai_navi_02bt, .sumitomo .collection .rose_box_container .shokusai_navi_01bt, .sumitomo .collection .rose_box_container .shokusai_navi_03bt { left: 135px; } .sumitomo .collection .rose_box_container .inner_rose_box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; } .sumitomo .collection .rose_box_container .row_box_item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 15px; } .sumitomo .collection .rose_box_container .mt0 { margin-top: 0; } .sumitomo .collection .rose_box_container .rose_box_rotation { max-width: 426px; } .sumitomo .collection .rose_box_container .rose_box_shokusai { float: none; width: 100%; } .sumitomo .collection .rose_box_container .text_right { text-align: right; } .sumitomo .collection .rose_box_container .aligner-item--top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .sumitomo .collection .rose_box_container .aligner-item--bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .sumitomo .collection .rose_box_container .aligner-item--center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .sumitomo .collection .rose_box_container .shokusai_navi_tit { left: 15px; } .sumitomo .collection .rose_box_container .rose_box_shokusai { background-position: right; } .sumitomo .collection #tmp_myrose_header p.myrose_tamaki { left: 530px; /* top: 625px; */ top: 546px; } .sumitomo .collection #tmp_myrose_header p.myrose_toko_btn { left: 500px; top: 460px; } .sumitomo .collection #tmp_myrose_header p.myrose_boshu { top: 217px; left: 480px; } .sumitomo .collection #tmp_myrose_header p.myrose_present_book { top: inherit; left: 613px; } .sumitomo .collection #tmp_myrose_header p.myrose_read { left: 50px; } .sumitomo .collection .bottomtext { padding-top: 5rem; } .sumitomo .collection #tmp_contents { width: 100%; } .sumitomo .collection #tmp_contents #tmp_myrose_header { position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 1085px) { .sumitomo .collection #tmp_contents #tmp_myrose_header { height: 600px; } } @media screen and (max-width: 991px) { .sumitomo .collection #tmp_contents #tmp_myrose_header { height: 800px; } } @media screen and (max-width: 850px) { .sumitomo .collection #tmp_contents #tmp_myrose_header { height: 700px; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header { height: auto; background-image: none; margin-top: 0; } } .sumitomo .collection #tmp_contents #tmp_myrose_header .sns_btn_top { right: 0; top: -3rem; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .sns_btn_top { position: static; margin-left: -1.5rem; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .sns_btn_top .twitter-share-button { margin-right: 1rem; } } .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_present_book { left: auto; right: 0; width: 35%; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_present_book { position: static; width: 100%; } } .sumitomo .collection #tmp_contents #tmp_myrose_header h1 { top: -4rem; width: 55%; } @media screen and (max-width: 1085px) { .sumitomo .collection #tmp_contents #tmp_myrose_header h1 { width: 52%; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header h1 { position: static; width: 100%; } } .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_read { top: 15%; width: 46%; } @media screen and (max-width: 991px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_read { top: 12%; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_read { position: static; width: 70%; margin: 3rem auto 0; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_read { width: 90%; margin: 1rem auto 0; } } .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_boshu { top: 95px; width: 26%; left: 50%; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_boshu { position: static; width: 80%; margin: 0 auto; } } .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_tamaki { top: 53%; } @media screen and (max-width: 1085px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_tamaki { top: 50%; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_tamaki { position: static; max-width: 50%; margin-left: auto; margin-bottom: 0.5rem; } } .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_photogallery_btn { top: 57%; } @media screen and (max-width: 1085px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_photogallery_btn { top: 54%; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_header .myrose_photogallery_btn { position: static; margin-bottom: 1.5rem; } } .sumitomo .collection #tmp_contents #sp_title { display: none; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt { margin-top: 3rem; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt h2 { overflow: hidden; margin-bottom: 1rem; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .sph2 { display: none; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .boshu_hinshu_read { line-height: 1; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt #tmp_hinshu { margin-bottom: 3rem; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt #tmp_hinshu .tmp-hinshu-container { margin: 0; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #tmp_hinshu .tmp-hinshu-container { margin-top: 1rem; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt #tmp_hinshu .tmp-hinshu-container .flex-item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 25%; margin: 0; text-align: center; padding: 1rem; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #tmp_hinshu .tmp-hinshu-container .flex-item { width: 33.3%; padding: 0.25rem 0.5rem; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #tmp_hinshu .tmp-hinshu-container .flex-item { width: 50%; padding: 0.25rem 0.5rem; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .present_img { margin: 1rem 0; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .present_img { float: none; text-align: center; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .present_img img { width: 70%; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .present_img img { width: 100%; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container { width: 100%; } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container { padding: 3rem 2rem; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container { padding: 2rem 1rem; border-left: 8px solid #c30000; border-right: 8px solid #c30000; border-bottom: 8px solid #c30000; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container { border-left: 5px solid #c30000; border-right: 5px solid #c30000; border-bottom: 5px solid #c30000; } } @media screen and (max-width: 375px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container { border-left: 3px solid #c30000; border-right: 3px solid #c30000; border-bottom: 3px solid #c30000; } } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container > p { margin-left: 0 !important; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container > p { margin-bottom: 1rem; } } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box { margin-left: 0 !important; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item { width: 60%; max-width: 100%; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media screen and (max-width: 1310px) and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item:last-child { margin-bottom: 0; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai { background-position: left; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai { background-image: none; height: auto; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai .shokusai_navi_tit { margin-bottom: 1rem; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai p { position: static; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai p { line-height: 1; } } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai img { left: 153px; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai img { position: static; height: 16px; width: auto; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_shokusai img { height: 10px; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item .rose_box_rotation { max-width: 100%; } } @media screen and (max-width: 1310px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item.text_right { width: 40%; max-width: 100%; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; padding-left: 0; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item.text_right { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-right: 0; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt #bara .rose_box_container .inner_rose_box .row_box_item.text_right img { width: 100%; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu { height: auto; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt { margin: 3rem 0 0; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt > p { margin-top: 2rem; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -0.5rem; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt ul li { width: 33.3%; margin: 0; padding: 0.5rem; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt ul li { width: 50%; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt ul li img { width: 100%; } } @media screen and (max-width: 480px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_boshuchu .box_boshuchu_cnt ul li { width: 100%; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_toriakta ul { margin: 2rem 0 2rem 2rem; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_toriakta .torikata_img { width: 100%; padding-right: 0; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_toriakta .torikata_img img { width: 100%; margin-bottom: 1rem; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .box_toriakta > p { margin-right: 0; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri { margin-bottom: 2rem; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri .shimekiri_img.sp { width: 100% !important; margin-bottom: 1rem; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri .shimekiri_img.sp img { width: 100%; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left { width: calc(100% - 320px); padding-right: 3rem; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left { width: 100%; padding-right: 0; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_shimekiri { width: 100%; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_toko { width: 100%; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_toko { padding-bottom: 0; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_toko > p { margin-right: 0; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_toko > p { width: 100%; margin-bottom: 1rem; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_toko > p:last-child { margin-bottom: 0; } } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-left .box_toko img { width: 100%; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-right { width: 320px; } @media screen and (max-width: 767px) { .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-right { width: 100%; } } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .wrap_box_shimekiri-right .shimekiri_img { width: 100% !important; } .sumitomo .collection #tmp_contents #tmp_myrose_cnt .toko_btn { text-align: center; margin-top: 1rem; } .sumitomo .pageProject .owabi_cnt { clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; position: relative; margin-bottom: -130px; padding-top: 80px; z-index: 9; } .sumitomo .pageProject .owabi_txt { border: solid red; padding: 2.5rem; border-radius: 20px; max-width: 250px; margin: 0; position: relative; background: #fff; } .sumitomo .pageProject .owabi_txt .circle { width: 120px; height: 120px; padding: 1rem; border: 3px solid red; border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; background: red; font-size: 16px; line-height: 25px; left: 0; font-weight: bold; -webkit-transform: translate(-82%, -60%); transform: translate(-82%, -60%); color: white; } .sumitomo .pageProject .msg_map_ttl { position: relative; z-index: 999; } .sumitomo .pageProject #tmp_contents { width: 100%; } .sumitomo .pageProject #tmp_contents h2 { font-size: 22.5px; } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents h2 { font-size: 18px; } } .sumitomo .pageProject #tmp_contents .gako_box { margin: 0 auto; } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .gako_box { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .gako_box .gako_box_l { width: 34.1%; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .gako_box .gako_box_r { width: 65.9%; } } .sumitomo .pageProject #tmp_contents .gako_box img { width: 100%; line-height: 0; } .sumitomo .pageProject #tmp_contents .hanaiku_cnt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1279px) { .sumitomo .pageProject #tmp_contents .hanaiku_cnt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .hanaiku_cnt { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .hanaiku_cnt .hanaiku_img { width: 100%; margin: 0 auto; } } .sumitomo .pageProject #tmp_contents .hanaiku_cnt .hanaiku_img p { text-align: center; } .sumitomo .pageProject #tmp_contents .hanaiku_cnt .hanaiku_txt { max-width: calc(100% - 210px); margin-left: 30px; } @media screen and (max-width: 1279px) { .sumitomo .pageProject #tmp_contents .hanaiku_cnt .hanaiku_txt { width: 100%; max-width: calc(100% - 210px); } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .hanaiku_cnt .hanaiku_txt { max-width: 100%; margin-left: 0; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .hanaiku_cnt .hanaiku_txt p { margin-bottom: 0; } } .sumitomo .pageProject #tmp_contents .owabi_cnt { padding-top: 0px; } @media screen and (max-width: 1279px) { .sumitomo .pageProject #tmp_contents .owabi_cnt { margin-bottom: 0; padding-top: 30px; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .owabi_cnt { padding-top: 30px; } } @media screen and (max-width: 1279px) { .sumitomo .pageProject #tmp_contents .owabi_cnt .owabi_txt { max-width: calc(100% - 100px); } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .owabi_cnt .owabi_txt { max-width: calc(100% - 43px); } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .owabi_cnt .owabi_txt .circle { width: 90px; height: 90px; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents #msg_map { padding-bottom: 0; } } .sumitomo .pageProject #tmp_contents #msg_map .msg_map_ttl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: calc(100% - 260px); } @media screen and (max-width: 1279px) { .sumitomo .pageProject #tmp_contents #msg_map .msg_map_ttl { max-width: 100%; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents #msg_map .msg_map_ttl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents #msg_map .msg_map_ttl .imgbtn { margin: 5px 5px 0 10px; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn { margin-bottom: 0; } } .sumitomo .pageProject #tmp_contents .msb_btn p { text-align: left; overflow: hidden; } .sumitomo .pageProject #tmp_contents .msb_btn p a { margin-bottom: 20px; margin-right: 8px; display: inline-block; text-align: left; } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn p a { margin-bottom: 15px; margin-right: 5px; } } .sumitomo .pageProject #tmp_contents .msb_btn p a:last-child { margin-right: 0; } .sumitomo .pageProject #tmp_contents .msb_btn p a.mr0 { margin-right: 0; } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn p a img { max-width: 100%; } } @media screen and (max-width: 480px) { .sumitomo .pageProject #tmp_contents .msb_btn p a img { max-width: 100%; } } .sumitomo .pageProject #tmp_contents .msb_btn p a.w157 { margin-right: 15px; } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w157 { max-width: 125px; margin-right: 10px; } } @media screen and (max-width: 480px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w157 { max-width: 89px; } } @media screen and (max-width: 374px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w157 { max-width: 83px; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w317 { max-width: 250px; } } @media screen and (max-width: 480px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w317 { max-width: 179px; } } @media screen and (max-width: 374px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w317 { max-width: 169px; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w207 { max-width: 170px; } } @media screen and (max-width: 480px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w207 { max-width: 121px; } } @media screen and (max-width: 374px) { .sumitomo .pageProject #tmp_contents .msb_btn p a.w207 { max-width: 114px; } } .sumitomo .pageProject #tmp_contents .msb_btn p .onlySP { display: none; } @media screen and (max-width: 1325px) { .sumitomo .pageProject #tmp_contents .msb_btn p .onlySP { display: block !important; } } @media screen and (max-width: 767px) { .sumitomo .pageProject #tmp_contents .msb_btn p img { width: 150%; max-width: 150%; } } @media screen and (max-width: 480px) { .sumitomo .pageProject #tmp_contents .msb_btn p img { width: 250%; max-width: 250%; } }