/**************************************************************************************** *********************** *** volume-01 *** *********************** ****************************************************************************************/ /********************** *** rail-01-01 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container{ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px, 314px 314px; background-position: right 163px top 10px, right 163px bottom, right 778px bottom; } .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::before{ content: "";position: absolute;right: 0;top: 324px;bottom: 314px;width: 314px;transform: translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::after{ content: "";position: absolute;bottom: 0; height: 314px;right: 477px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 301px; } .c-section--train-01 .c-section--train-inner:nth-child(2)::after{ content: "";position: absolute;top: 10px;right: 0;left: 50%;height: 314px;transform: translate(560px, 0) translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x left top; background-size: auto 314px; } @media screen and (max-width: 1199px) { .c-section--train-01 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-163px, 0);} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-01 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-77px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(-77px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::after{width: 301px;right: 391px;/* 314+77 */} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container{ background-position: right 77px top 10px, right 77px bottom, right 692px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-01 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-77px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(-77px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::after{width: 215px;right: 391px;/* 314+77 */} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container{ background-position: right 77px top 10px, right 77px bottom, right 606px bottom; } } @media screen and (max-width: 873px) { .c-section--train-01 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(9px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(9px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container::after{width: 215px;right: 305px;/* 314-9 */} .c-section--train-01 .c-section--train-inner:nth-child(2) .c-container{ background-position: right -9px top 10px, right -9px bottom, right 520px bottom; } } } /********************** *** rail-01-02 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNNzYsMzcuNXYxQzU0LjgsMzguNSwzNy41LDIxLjIsMzcuNSwwbDEsMEMzOC41LDIwLjcsNTUuMywzNy41LDc2LDM3LjV6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzNi4yLDMuNSAzNi4yLDQgNDAuMiwzLjYgNDAuMSwzLjEgNDAuMSwyLjYgMzYuMSwzICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzcuNCwxMC40IDM3LjUsMTAuOCA0MS40LDkuOCA0MS4yLDkuMyA0MS4xLDguOCAzNy4yLDkuOSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjcsMTYuOSA0MCwxNy40IDQzLjYsMTUuNyA0My40LDE1LjIgNDMuMiwxNC44IDM5LjUsMTYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjQzLjIsMjIuOSA0My41LDIzLjQgNDYuOCwyMS4xIDQ2LjUsMjAuNiA0Ni4yLDIwLjIgNDIuOSwyMi41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNDcuNywyOC4zIDQ4LjEsMjguNiA1MC45LDI1LjggNTAuNSwyNS41IDUwLjIsMjUuMSA0Ny40LDI3LjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI1My4xLDMyLjggNTMuNSwzMy4xIDU1LjgsMjkuOCA1NS40LDI5LjUgNTQuOSwyOS4yIDUyLjYsMzIuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjU5LjEsMzYuMyA1OS41LDM2LjUgNjEuMiwzMi44IDYwLjgsMzIuNiA2MC4zLDMyLjQgNTguNiwzNiAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjY1LjYsMzguNiA2Ni4xLDM4LjggNjcuMiwzNC45IDY2LjcsMzQuOCA2Ni4yLDM0LjYgNjUuMiwzOC41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNzIuNSwzOS44IDczLDM5LjkgNzMuNCwzNS45IDcyLjksMzUuOSA3Mi40LDM1LjggNzIsMzkuOCAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMCwzOC41bDAtMWMyMS4yLDAsMzguNSwxNy4zLDM4LjUsMzguNWgtMUMzNy41LDU1LjMsMjAuNywzOC41LDAsMzguNXoiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjgsNzIuNSAzOS44LDcyIDM1LjgsNzIuNCAzNS45LDcyLjkgMzUuOSw3My40IDM5LjksNzMgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOC42LDY1LjYgMzguNSw2NS4yIDM0LjYsNjYuMiAzNC44LDY2LjcgMzQuOSw2Ny4yIDM4LjgsNjYuMSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsNTkuMSAzNiw1OC42IDMyLjQsNjAuMyAzMi42LDYwLjggMzIuOCw2MS4yIDM2LjUsNTkuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjMyLjgsNTMuMSAzMi41LDUyLjYgMjkuMiw1NC45IDI5LjUsNTUuNCAyOS44LDU1LjggMzMuMSw1My41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMyw0Ny43IDI3LjksNDcuNCAyNS4xLDUwLjIgMjUuNSw1MC41IDI1LjgsNTAuOSAyOC42LDQ4LjEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIyMi45LDQzLjIgMjIuNSw0Mi45IDIwLjIsNDYuMiAyMC42LDQ2LjUgMjEuMSw0Ni44IDIzLjQsNDMuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzkuNyAxNi41LDM5LjUgMTQuOCw0My4yIDE1LjIsNDMuNCAxNS43LDQzLjYgMTcuNCw0MCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjEwLjQsMzcuNCA5LjksMzcuMiA4LjgsNDEuMSA5LjMsNDEuMiA5LjgsNDEuNCAxMC44LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYuMiAzLDM2LjEgMi42LDQwLjEgMy4xLDQwLjEgMy42LDQwLjIgNCwzNi4yICIvPjwvc3ZnPgo='), url(/areahighlights/chugoku/hiroden/img/ico-train.svg); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px, 64px auto; background-position: right 778px bottom, right 163px bottom, right 732px bottom 178px; } .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::before{ content: "";position: absolute;right: 778px;top: 0;bottom: 314px;width: 314px; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::after{ content: "";position: absolute;bottom: 0;height: 314px;right: 477px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x left bottom; background-size: auto 314px; width: 301px; } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::after{width: 301px;right: 391px;/* 314+77 */} .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::before{right: 692px;} .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 692px bottom, right 77px bottom, right 646px bottom 178px; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::after{width: 215px;right: 391px;/* 314+77 */} .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::before{right: 606px;} .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 606px bottom, right 77px bottom, right 560px bottom 178px; } } @media screen and (max-width: 873px) { .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::after{width: 215px;right: 305px;/* 314-9 */} .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container::before{right: 520px;} .c-section--train-01 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 520px bottom, right -9px bottom, right 474px bottom 178px; } } } /********************** *** rail-01-03 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container{ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px; background-position: right 163px bottom; } .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::before{ content: "";position: absolute;right: 0;top: 0;bottom: 314px;width: 314px;transform: translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::after{ content: "";position: absolute;bottom: 0;height: 314px;right: 477px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 473px; } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(-77px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::after{width: 301px;right: 391px;/* 314+77 */} .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container{ background-position: right 77px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(-77px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::after{width: 215px;right: 391px;/* 314+77 */} .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container{ background-position: right 77px bottom; } } @media screen and (max-width: 873px) { .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(9px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container::after{width: 215px;right: 305px;/* 314-9 */} .c-section--train-01 .c-section--train-inner:nth-child(4) .c-container{ background-position: right -9px bottom; } } } /********************** *** rail-01-04 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::before{ content: "";position: absolute;left: 0;top: 64px;width: 314px;height: 975px; background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: left top, left 746px; } .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::after{ content: "";position: absolute;left: 0;top: 378px;bottom: 314px;width: 314px;height: 432px; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y left top; background-size: 314px auto; } .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::before, .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::after{ transform: translate(-100px, 0); } @media screen and (min-width: 1200px) { .c-section--train-01 .c-section--train-inner:nth-child(5)::after{ content: "";position: absolute;top: 810px;left: 0;right: 50%;height: 314px;transform: translate(-560px, 0) translate(-100px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; } } @media screen and (max-width: 1119px) { .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::before, .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::after{transform: translate(-136px, 0);} .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::before{top: 0;} .c-section--train-01 .c-section--train-inner:nth-child(5) .c-container::after{top: 314px;} } } /********************** *** railjoint *** **********************/ .c-section--train-joint{position: relative;} .c-section--train-joint .u-bg{position: absolute;overflow: hidden;width: 100%;height: 628px;position: absolute;left: 0;right: 0;bottom: 0;} .c-section--train-joint .u-bg::before{ content: "";position: absolute;bottom: -129px;left: 0;right: 0;height: 314px;transform: translate(50%, 0) translate(214px, 0) translate(-560px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x left bottom; background-size: auto 314px; } .c-section--train-joint .u-bg .u-bg-inner::before{ content: "";position: absolute;bottom: 30px;/* 20 + 16 + 10 - 32/2 */left: 50%;right: 0;width: 64px;height: 64px;transform: translate(400px, 0); background-image:url(/areahighlights/chugoku/hiroden/img/ico-train.svg); background-repeat: no-repeat; background-size: 64px auto; background-position: center; } @media screen and (min-width: 1200px) { .c-section--train-joint .u-bg::after{ content: "";position: absolute;bottom: 185px;left: 0;right: 50%;height: 314px;transform: translate(-100px, 0) translate(-560px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; } } @media screen and (min-width: 1120px) { .c-section--train-joint .u-bg .u-bg-inner::after{ content: "";position: absolute;bottom: -129px;left: 50%;width:314px;height: 628px;transform: translate(-100px, 0) translate(-560px, 0); background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMCwzOC41bDAtMWMyMS4yLDAsMzguNSwxNy4zLDM4LjUsMzguNWgtMUMzNy41LDU1LjMsMjAuNywzOC41LDAsMzguNXoiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjgsNzIuNSAzOS44LDcyIDM1LjgsNzIuNCAzNS45LDcyLjkgMzUuOSw3My40IDM5LjksNzMgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOC42LDY1LjYgMzguNSw2NS4yIDM0LjYsNjYuMiAzNC44LDY2LjcgMzQuOSw2Ny4yIDM4LjgsNjYuMSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsNTkuMSAzNiw1OC42IDMyLjQsNjAuMyAzMi42LDYwLjggMzIuOCw2MS4yIDM2LjUsNTkuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjMyLjgsNTMuMSAzMi41LDUyLjYgMjkuMiw1NC45IDI5LjUsNTUuNCAyOS44LDU1LjggMzMuMSw1My41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMyw0Ny43IDI3LjksNDcuNCAyNS4xLDUwLjIgMjUuNSw1MC41IDI1LjgsNTAuOSAyOC42LDQ4LjEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIyMi45LDQzLjIgMjIuNSw0Mi45IDIwLjIsNDYuMiAyMC42LDQ2LjUgMjEuMSw0Ni44IDIzLjQsNDMuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzkuNyAxNi41LDM5LjUgMTQuOCw0My4yIDE1LjIsNDMuNCAxNS43LDQzLjYgMTcuNCw0MCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjEwLjQsMzcuNCA5LjksMzcuMiA4LjgsNDEuMSA5LjMsNDEuMiA5LjgsNDEuNCAxMC44LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYuMiAzLDM2LjEgMi42LDQwLjEgMy4xLDQwLjEgMy42LDQwLjIgNCwzNi4yICIvPjwvc3ZnPgo='), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNNzYsMzcuNXYxQzU0LjgsMzguNSwzNy41LDIxLjIsMzcuNSwwbDEsMEMzOC41LDIwLjcsNTUuMywzNy41LDc2LDM3LjV6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzNi4yLDMuNSAzNi4yLDQgNDAuMiwzLjYgNDAuMSwzLjEgNDAuMSwyLjYgMzYuMSwzICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzcuNCwxMC40IDM3LjUsMTAuOCA0MS40LDkuOCA0MS4yLDkuMyA0MS4xLDguOCAzNy4yLDkuOSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjcsMTYuOSA0MCwxNy40IDQzLjYsMTUuNyA0My40LDE1LjIgNDMuMiwxNC44IDM5LjUsMTYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjQzLjIsMjIuOSA0My41LDIzLjQgNDYuOCwyMS4xIDQ2LjUsMjAuNiA0Ni4yLDIwLjIgNDIuOSwyMi41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNDcuNywyOC4zIDQ4LjEsMjguNiA1MC45LDI1LjggNTAuNSwyNS41IDUwLjIsMjUuMSA0Ny40LDI3LjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI1My4xLDMyLjggNTMuNSwzMy4xIDU1LjgsMjkuOCA1NS40LDI5LjUgNTQuOSwyOS4yIDUyLjYsMzIuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjU5LjEsMzYuMyA1OS41LDM2LjUgNjEuMiwzMi44IDYwLjgsMzIuNiA2MC4zLDMyLjQgNTguNiwzNiAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjY1LjYsMzguNiA2Ni4xLDM4LjggNjcuMiwzNC45IDY2LjcsMzQuOCA2Ni4yLDM0LjYgNjUuMiwzOC41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNzIuNSwzOS44IDczLDM5LjkgNzMuNCwzNS45IDcyLjksMzUuOSA3Mi40LDM1LjggNzIsMzkuOCAiLz48L3N2Zz4K'); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: left top, left bottom; } } @media screen and (max-width: 1119px) { .c-section--train-joint .u-bg::before{transform: none;} .c-section--train-joint .u-bg .u-bg-inner::before{left: 100%;transform: translate(-100%, 0) translate(-40px, 0);} } @media screen and (max-width: 767px) { .c-section--train-joint .u-bg::before{bottom: -64.5px;height: 157px;background-size: auto 157px;} .c-section--train-joint .u-bg .u-bg-inner::before{bottom: 15px;/* 10 + 8 + 5 - 16/2 */width: 32px;height: 32px;background-size: 32px auto;} } /********************** *** rail-02-01 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container{ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px, 314px 314px; background-position: right 163px top 10px, right 163px bottom, right 778px bottom; } .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::before{ content: "";position: absolute;right: 0;top: 324px;bottom: 314px;width: 314px;transform: translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::after{ content: "";position: absolute;bottom: 0; height: 314px;right: 477px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 301px; } .c-section--train-02 .c-section--train-inner:nth-child(2)::after{ content: "";position: absolute;top: 10px;right: 0;left: 50%;height: 314px;transform: translate(560px, 0) translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x left top; background-size: auto 314px; } .c-section--train-02 .c-section--train-inner:nth-child(2)::before{ content: "";position: absolute;width: 64px;height: 64px;left: 50%;bottom: 175px;/* 314/2 + 16/2 +10 */ transform: translate(16px, 0); background: url(/areahighlights/chugoku/hiroden/img/ico-train.svg) no-repeat left bottom; background-size: 64px auto; } @media screen and (max-width: 1199px) { .c-section--train-02 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-163px, 0);} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-02 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-77px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(-77px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::after{width: 301px;right: 391px;/* 314+77 */} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container{ background-position: right 77px top 10px, right 77px bottom, right 692px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-02 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-77px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(-77px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::after{width: 215px;right: 391px;/* 314+77 */} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container{ background-position: right 77px top 10px, right 77px bottom, right 606px bottom; } } @media screen and (max-width: 873px) { .c-section--train-02 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(9px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(9px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container::after{width: 215px;right: 305px;/* 314-9 */} .c-section--train-02 .c-section--train-inner:nth-child(2) .c-container{ background-position: right -9px top 10px, right -9px bottom, right 520px bottom; } } } /********************** *** rail-02-02 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNNzYsMzcuNXYxQzU0LjgsMzguNSwzNy41LDIxLjIsMzcuNSwwbDEsMEMzOC41LDIwLjcsNTUuMywzNy41LDc2LDM3LjV6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzNi4yLDMuNSAzNi4yLDQgNDAuMiwzLjYgNDAuMSwzLjEgNDAuMSwyLjYgMzYuMSwzICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzcuNCwxMC40IDM3LjUsMTAuOCA0MS40LDkuOCA0MS4yLDkuMyA0MS4xLDguOCAzNy4yLDkuOSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjcsMTYuOSA0MCwxNy40IDQzLjYsMTUuNyA0My40LDE1LjIgNDMuMiwxNC44IDM5LjUsMTYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjQzLjIsMjIuOSA0My41LDIzLjQgNDYuOCwyMS4xIDQ2LjUsMjAuNiA0Ni4yLDIwLjIgNDIuOSwyMi41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNDcuNywyOC4zIDQ4LjEsMjguNiA1MC45LDI1LjggNTAuNSwyNS41IDUwLjIsMjUuMSA0Ny40LDI3LjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI1My4xLDMyLjggNTMuNSwzMy4xIDU1LjgsMjkuOCA1NS40LDI5LjUgNTQuOSwyOS4yIDUyLjYsMzIuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjU5LjEsMzYuMyA1OS41LDM2LjUgNjEuMiwzMi44IDYwLjgsMzIuNiA2MC4zLDMyLjQgNTguNiwzNiAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjY1LjYsMzguNiA2Ni4xLDM4LjggNjcuMiwzNC45IDY2LjcsMzQuOCA2Ni4yLDM0LjYgNjUuMiwzOC41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNzIuNSwzOS44IDczLDM5LjkgNzMuNCwzNS45IDcyLjksMzUuOSA3Mi40LDM1LjggNzIsMzkuOCAiLz48L3N2Zz4K'); background-repeat: no-repeat; background-size: 314px 314px; background-position: right 778px bottom; } .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::before{ content: "";position: absolute;right: 778px;top: 0;bottom: 314px;width: 314px; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::after{ content: "";position: absolute;bottom: 0;height: 314px;right: 563px; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 215px; } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::after{width: 215px;right: 477px;} .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::before{right: 692px;} .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 692px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::after{width: 129px;right: 477px;} .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::before{right: 606px;} .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 606px bottom; } } @media screen and (max-width: 873px) { .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::after{width: 129px;right: 391px;} .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container::before{right: 520px;} .c-section--train-02 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 520px bottom; } } } /********************** *** rail-02-03 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container{ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMCwzOC41bDAtMWMyMS4yLDAsMzguNSwxNy4zLDM4LjUsMzguNWgtMUMzNy41LDU1LjMsMjAuNywzOC41LDAsMzguNXoiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjgsNzIuNSAzOS44LDcyIDM1LjgsNzIuNCAzNS45LDcyLjkgMzUuOSw3My40IDM5LjksNzMgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOC42LDY1LjYgMzguNSw2NS4yIDM0LjYsNjYuMiAzNC44LDY2LjcgMzQuOSw2Ny4yIDM4LjgsNjYuMSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsNTkuMSAzNiw1OC42IDMyLjQsNjAuMyAzMi42LDYwLjggMzIuOCw2MS4yIDM2LjUsNTkuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjMyLjgsNTMuMSAzMi41LDUyLjYgMjkuMiw1NC45IDI5LjUsNTUuNCAyOS44LDU1LjggMzMuMSw1My41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMyw0Ny43IDI3LjksNDcuNCAyNS4xLDUwLjIgMjUuNSw1MC41IDI1LjgsNTAuOSAyOC42LDQ4LjEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIyMi45LDQzLjIgMjIuNSw0Mi45IDIwLjIsNDYuMiAyMC42LDQ2LjUgMjEuMSw0Ni44IDIzLjQsNDMuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzkuNyAxNi41LDM5LjUgMTQuOCw0My4yIDE1LjIsNDMuNCAxNS43LDQzLjYgMTcuNCw0MCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjEwLjQsMzcuNCA5LjksMzcuMiA4LjgsNDEuMSA5LjMsNDEuMiA5LjgsNDEuNCAxMC44LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYuMiAzLDM2LjEgMi42LDQwLjEgMy4xLDQwLjEgMy42LDQwLjIgNCwzNi4yICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px; background-position: right 77px top 64px; } .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container::before{ content: "";position: absolute;right: 0;top: 378px;bottom: 0;width: 314px;transform: translate(-163px, 0) translate(86px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right top; background-size: 314px auto; } @media screen and (max-width: 1119px) { .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container::before{top: 314px;} .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container{ background-position: right 77px top; } } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(-77px, 0) translate(86px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container{ background-position: right -9px top; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(-77px, 0) translate(86px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container{ background-position: right -9px top; } } @media screen and (max-width: 873px) { .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(9px, 0) translate(0, 0);} .c-section--train-02 .c-section--train-inner:nth-child(4) .c-container{ background-position: right -9px top; } } } /********************** *** rail-02-04 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container{ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px; background-position: right 77px bottom; } .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::before{ content: "";position: absolute;right: 0;top: 0;bottom: 314px;width: 314px;transform: translate(-163px, 0) translate(86px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::after{ content: "";position: absolute;bottom: 0;height: 314px;right: 391px;/* 314+77 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 516px; } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::before{transform: translate(-77px, 0) translate(86px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::after{width: 473px;right: 305px;/* 314-9 */} .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container{ background-position: right -9px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::before{transform: translate(-77px, 0) translate(86px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::after{width: 387px;right: 305px;/* 314-9 */} .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container{ background-position: right -9px bottom; } } @media screen and (max-width: 873px) { .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::before{transform: translate(9px, 0) translate(0, 0);} .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container::after{width: 301px;right: 305px;/* 314-9 */} .c-section--train-02 .c-section--train-inner:nth-child(5) .c-container{ background-position: right -9px bottom; } } } /********************** *** rail-02-05 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::before{ content: "";position: absolute;left: 0;top: 64px;width: 314px;height: 975px; background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: left top, left 746px; } .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::after{ content: "";position: absolute;left: 0;top: 378px;bottom: 314px;width: 314px;height: 432px; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y left top; background-size: 314px auto; } .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::before, .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::after{ transform: translate(-100px, 0); } @media screen and (min-width: 1200px) { .c-section--train-02 .c-section--train-inner:nth-child(6)::after{ content: "";position: absolute;top: 810px;left: 0;right: 50%;height: 314px;transform: translate(-560px, 0) translate(-100px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; } } @media screen and (max-width: 1119px) { .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::before, .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::after{transform: translate(-136px, 0);} .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::before{top: 0;} .c-section--train-02 .c-section--train-inner:nth-child(6) .c-container::after{top: 314px;} } } /**************************************************************************************** *********************** *** volume-03 *** *********************** ****************************************************************************************/ /********************** *** rail-03-01 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-03 .c-section--train-inner:nth-child(2)::before{ content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 1120px;transform: translate(-50%, 0) translate(9px, 0); background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px, 314px 314px; background-position: right top 10px, right bottom, right 787px bottom;/* 473+314 */ } .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::before{ content: "";position: absolute;right: 0;top: 324px;bottom: 314px;width: 314px;transform: translate(9px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::after{ content: "";position: absolute;bottom: 0; height: 314px;right: 304px;/* 314-9 -1 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 473px; } @media screen and (min-width: 1200px) { .c-section--train-03 .c-section--train-inner:nth-child(2)::after{ content: "";position: absolute;top: 10px;right: 0;left: 50%;height: 314px;transform: translate(560px, 0) translate(9px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x left top; background-size: auto 314px; } } @media screen and (max-width: 1199px) { .c-section--train-03 .c-section--train-inner:nth-child(2)::before{width: 100%;} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(9px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::after{width: 430px;right: 305px;/* 314-9 */} .c-section--train-03 .c-section--train-inner:nth-child(2)::before{ transform: translate(-50%, 0) translate(9px, 0); background-position: right top 10px, right bottom, right 744px bottom;/* 430+314 */ } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(9px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::after{width: 344px;right: 305px;/* 314-9 */} .c-section--train-03 .c-section--train-inner:nth-child(2)::before{ transform: translate(-50%, 0) translate(9px, 0); background-position: right top 10px, right bottom, right 658px bottom;/* 344+314 */ } } @media screen and (max-width: 873px) { .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(95px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(2) .c-container::after{width: 344px;right: 219px;/* 314-95 */} .c-section--train-03 .c-section--train-inner:nth-child(2)::before{ width: 120%;left: auto;right: 0;transform: translate(0, 0) translate(95px, 0); background-position: right top 10px, right bottom, right 658px bottom;/* 344+314 */ } } } /********************** *** rail-03-02 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNNzYsMzcuNXYxQzU0LjgsMzguNSwzNy41LDIxLjIsMzcuNSwwbDEsMEMzOC41LDIwLjcsNTUuMywzNy41LDc2LDM3LjV6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzNi4yLDMuNSAzNi4yLDQgNDAuMiwzLjYgNDAuMSwzLjEgNDAuMSwyLjYgMzYuMSwzICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzcuNCwxMC40IDM3LjUsMTAuOCA0MS40LDkuOCA0MS4yLDkuMyA0MS4xLDguOCAzNy4yLDkuOSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjcsMTYuOSA0MCwxNy40IDQzLjYsMTUuNyA0My40LDE1LjIgNDMuMiwxNC44IDM5LjUsMTYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjQzLjIsMjIuOSA0My41LDIzLjQgNDYuOCwyMS4xIDQ2LjUsMjAuNiA0Ni4yLDIwLjIgNDIuOSwyMi41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNDcuNywyOC4zIDQ4LjEsMjguNiA1MC45LDI1LjggNTAuNSwyNS41IDUwLjIsMjUuMSA0Ny40LDI3LjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI1My4xLDMyLjggNTMuNSwzMy4xIDU1LjgsMjkuOCA1NS40LDI5LjUgNTQuOSwyOS4yIDUyLjYsMzIuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjU5LjEsMzYuMyA1OS41LDM2LjUgNjEuMiwzMi44IDYwLjgsMzIuNiA2MC4zLDMyLjQgNTguNiwzNiAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjY1LjYsMzguNiA2Ni4xLDM4LjggNjcuMiwzNC45IDY2LjcsMzQuOCA2Ni4yLDM0LjYgNjUuMiwzOC41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNzIuNSwzOS44IDczLDM5LjkgNzMuNCwzNS45IDcyLjksMzUuOSA3Mi40LDM1LjggNzIsMzkuOCAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMCwzOC41bDAtMWMyMS4yLDAsMzguNSwxNy4zLDM4LjUsMzguNWgtMUMzNy41LDU1LjMsMjAuNywzOC41LDAsMzguNXoiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjgsNzIuNSAzOS44LDcyIDM1LjgsNzIuNCAzNS45LDcyLjkgMzUuOSw3My40IDM5LjksNzMgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOC42LDY1LjYgMzguNSw2NS4yIDM0LjYsNjYuMiAzNC44LDY2LjcgMzQuOSw2Ny4yIDM4LjgsNjYuMSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsNTkuMSAzNiw1OC42IDMyLjQsNjAuMyAzMi42LDYwLjggMzIuOCw2MS4yIDM2LjUsNTkuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjMyLjgsNTMuMSAzMi41LDUyLjYgMjkuMiw1NC45IDI5LjUsNTUuNCAyOS44LDU1LjggMzMuMSw1My41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMyw0Ny43IDI3LjksNDcuNCAyNS4xLDUwLjIgMjUuNSw1MC41IDI1LjgsNTAuOSAyOC42LDQ4LjEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIyMi45LDQzLjIgMjIuNSw0Mi45IDIwLjIsNDYuMiAyMC42LDQ2LjUgMjEuMSw0Ni44IDIzLjQsNDMuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzkuNyAxNi41LDM5LjUgMTQuOCw0My4yIDE1LjIsNDMuNCAxNS43LDQzLjYgMTcuNCw0MCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjEwLjQsMzcuNCA5LjksMzcuMiA4LjgsNDEuMSA5LjMsNDEuMiA5LjgsNDEuNCAxMC44LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYuMiAzLDM2LjEgMi42LDQwLjEgMy4xLDQwLjEgMy42LDQwLjIgNCwzNi4yICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: right 778px bottom, right 120px bottom; } .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::before{ content: "";position: absolute;right: 778px;top: 0;bottom: 314px;width: 314px; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::after{ content: "";position: absolute;bottom: 0;height: 314px;right: 434px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 344px; } .c-section--train-03 .c-section--train-inner:nth-child(3)::before{ content: "";position: absolute;width: 64px;height: 64px;left: 50%;top: -5px;/* 40 - 35(train-hight) - 10 */ transform: translate(16px, 0); background: url(/areahighlights/chugoku/hiroden/img/ico-train.svg) no-repeat left top; background-size: 64px auto; } @media screen and (max-width: 1119px) { .c-section--train-03 .c-section--train-inner:nth-child(3)::before{top: -25px;/* 20 - 35(train-hight) - 10 */} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::after{width: 344px;right: 391px;/* 314+77 */} .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::before{right: 735px;} .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 735px bottom, right 77px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::after{width: 301px;right: 348px;/* 314+34 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; } .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::before{right: 649px;} .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNNzYsMzcuNXYxQzU0LjgsMzguNSwzNy41LDIxLjIsMzcuNSwwbDEsMEMzOC41LDIwLjcsNTUuMywzNy41LDc2LDM3LjV6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzNi4yLDMuNSAzNi4yLDQgNDAuMiwzLjYgNDAuMSwzLjEgNDAuMSwyLjYgMzYuMSwzICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzcuNCwxMC40IDM3LjUsMTAuOCA0MS40LDkuOCA0MS4yLDkuMyA0MS4xLDguOCAzNy4yLDkuOSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjcsMTYuOSA0MCwxNy40IDQzLjYsMTUuNyA0My40LDE1LjIgNDMuMiwxNC44IDM5LjUsMTYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjQzLjIsMjIuOSA0My41LDIzLjQgNDYuOCwyMS4xIDQ2LjUsMjAuNiA0Ni4yLDIwLjIgNDIuOSwyMi41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNDcuNywyOC4zIDQ4LjEsMjguNiA1MC45LDI1LjggNTAuNSwyNS41IDUwLjIsMjUuMSA0Ny40LDI3LjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI1My4xLDMyLjggNTMuNSwzMy4xIDU1LjgsMjkuOCA1NS40LDI5LjUgNTQuOSwyOS4yIDUyLjYsMzIuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjU5LjEsMzYuMyA1OS41LDM2LjUgNjEuMiwzMi44IDYwLjgsMzIuNiA2MC4zLDMyLjQgNTguNiwzNiAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjY1LjYsMzguNiA2Ni4xLDM4LjggNjcuMiwzNC45IDY2LjcsMzQuOCA2Ni4yLDM0LjYgNjUuMiwzOC41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iNzIuNSwzOS44IDczLDM5LjkgNzMuNCwzNS45IDcyLjksMzUuOSA3Mi40LDM1LjggNzIsMzkuOCAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMCwzOC41bDAtMWMyMS4yLDAsMzguNSwxNy4zLDM4LjUsMzguNWgtMUMzNy41LDU1LjMsMjAuNywzOC41LDAsMzguNXoiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM5LjgsNzIuNSAzOS44LDcyIDM1LjgsNzIuNCAzNS45LDcyLjkgMzUuOSw3My40IDM5LjksNzMgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOC42LDY1LjYgMzguNSw2NS4yIDM0LjYsNjYuMiAzNC44LDY2LjcgMzQuOSw2Ny4yIDM4LjgsNjYuMSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsNTkuMSAzNiw1OC42IDMyLjQsNjAuMyAzMi42LDYwLjggMzIuOCw2MS4yIDM2LjUsNTkuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjMyLjgsNTMuMSAzMi41LDUyLjYgMjkuMiw1NC45IDI5LjUsNTUuNCAyOS44LDU1LjggMzMuMSw1My41ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMyw0Ny43IDI3LjksNDcuNCAyNS4xLDUwLjIgMjUuNSw1MC41IDI1LjgsNTAuOSAyOC42LDQ4LjEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIyMi45LDQzLjIgMjIuNSw0Mi45IDIwLjIsNDYuMiAyMC42LDQ2LjUgMjEuMSw0Ni44IDIzLjQsNDMuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzkuNyAxNi41LDM5LjUgMTQuOCw0My4yIDE1LjIsNDMuNCAxNS43LDQzLjYgMTcuNCw0MCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjEwLjQsMzcuNCA5LjksMzcuMiA4LjgsNDEuMSA5LjMsNDEuMiA5LjgsNDEuNCAxMC44LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYuMiAzLDM2LjEgMi42LDQwLjEgMy4xLDQwLjEgMy42LDQwLjIgNCwzNi4yICIvPjwvc3ZnPgo='); background-position: right 649px bottom, right 34px bottom; } } @media screen and (max-width: 873px) { .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::after{width: 258px;right: 305px;/* 314-9 */} .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container::before{right: 563px;} .c-section--train-03 .c-section--train-inner:nth-child(3) .c-container{ background-position: right 563px bottom, right -9px bottom; } } } /********************** *** rail-03-03 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-03 .c-section--train-inner:nth-child(4) .c-container::before{ content: "";position: absolute;right: 0;top: 115px;/* 314/2 + 16/2 - 50 */bottom: 0;width: 314px;transform: translate(-120px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right top; background-size: 314px auto; } @media screen and (max-width: 1119px) { .c-section--train-03 .c-section--train-inner:nth-child(4) .c-container::before{top: 130px;/* 314/2 + 16/2 - 35 */} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-03 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(-77px, 0);} } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-03 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(-34px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right top; } } @media screen and (max-width: 873px) { .c-section--train-03 .c-section--train-inner:nth-child(4) .c-container::before{transform: translate(9px, 0);} } } /********************** *** rail-03-04 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px; background-position: right 120px bottom; } .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::before{ content: "";position: absolute;right: 0;top: 0;bottom: 314px;width: 314px;transform: translate(-120px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::after{ content: "";position: absolute;bottom: 0;height: 314px;right: 434px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x center bottom; background-size: auto 314px; width: 473px; } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::after{width: 473px;right: 391px;/* 314+77 */} .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::before{transform: translate(-77px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container{ background-position: right 77px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::after{width: 430px;right: 348px;/* 314+34 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; } .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::before{transform: translate(-34px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; } .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container{ background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-position: right 34px bottom; } } @media screen and (max-width: 873px) { .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::after{width: 387px;right: 305px;/* 314-9 */} .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container::before{transform: translate(9px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(5) .c-container{ background-position: right -9px bottom; } } } /********************** *** rail-03-05 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-03 .c-section--train-inner:nth-child(6) .c-container::before{ content: "";position: absolute;right: 0;top: -199px;/* 314/2 - 16/2 + 50 */width: 314px;height: 628px; background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: left top, left 314px; } .c-section--train-03 .c-section--train-inner:nth-child(6) .c-container::before{transform: translate(-907px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(6)::after{ content: "";position: absolute;top: 115px;/* 314/2 + 16/2 - 50 */left: 0;right: 50%;height: 314px;transform: translate(560px, 0) translate(-907px, 0) translate(-314px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; } @media screen and (max-width: 1199px) { .c-section--train-03 .c-section--train-inner:nth-child(6)::after{transform: translate(100%, 0) translate(-907px, 0) translate(-314px, 0);} } @media screen and (max-width: 1119px) { .c-section--train-03 .c-section--train-inner:nth-child(6) .c-container::before{top: -184px;/* 314/2 - 16/2 + 35 */} .c-section--train-03 .c-section--train-inner:nth-child(6)::after{top: 130px;/* 314/2 + 16/2 - 35 */} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-03 .c-section--train-inner:nth-child(6) .c-container::before{transform: translate(-864px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(6)::after{transform: translate(100%, 0) translate(-864px, 0) translate(-314px, 0);} } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-03 .c-section--train-inner:nth-child(6) .c-container::before{transform: translate(-778px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(6)::after{transform: translate(100%, 0) translate(-778px, 0) translate(-314px, 0);} } @media screen and (max-width: 873px) { .c-section--train-03 .c-section--train-inner:nth-child(6) .c-container::before{transform: translate(-692px, 0);} .c-section--train-03 .c-section--train-inner:nth-child(6)::after{transform: translate(100%, 0) translate(-692px, 0) translate(-314px, 0);} } } /**************************************************************************************** *********************** *** volume-05 *** *********************** ****************************************************************************************/ /********************** *** rail-05-01 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container{ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: right 163px top 10px, right 163px bottom; } .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::before{ content: "";position: absolute;right: 0;top: 324px;bottom: 314px;width: 314px;transform: translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDIwLjkiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMzguNSwxMC41IDM4LjUsMCAzNy41LDAgMzcuNSwxMC41IDM3LjUsMjAuOSAzOC41LDIwLjkgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxMC41IDQwLDEwIDM2LDEwIDM2LDEwLjUgMzYsMTEgNDAsMTEgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwzLjUgNDAsMyAzNiwzIDM2LDMuNSAzNiw0IDQwLDQgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSI0MCwxNy40IDQwLDE2LjkgMzYsMTYuOSAzNiwxNy40IDM2LDE3LjkgNDAsMTcuOSAiLz48L3N2Zz4K') repeat-y right bottom; background-size: 314px auto; } .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::after{ content: "";position: absolute;bottom: 0; height: 314px;right: 477px;/* 314+163 */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; width: 301px; } .c-section--train-05 .c-section--train-inner:nth-child(2)::after{ content: "";position: absolute;top: 10px;right: 0;left: 50%;height: 314px;transform: translate(560px, 0) translate(-163px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x left top; background-size: auto 314px; } @media screen and (max-width: 1199px) { .c-section--train-05 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-163px, 0);} } @media screen and (min-width: 960px) and (max-width: 1034px) { .c-section--train-05 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-77px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(-77px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::after{width: 301px;right: 391px;/* 314+77 */} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container{ background-position: right 77px top 10px, right 77px bottom; } } @media screen and (min-width: 874px) and (max-width: 959px) { .c-section--train-05 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(-77px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(-77px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::after{width: 215px;right: 391px;/* 314+77 */} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container{ background-position: right 77px top 10px, right 77px bottom; } } @media screen and (max-width: 873px) { .c-section--train-05 .c-section--train-inner:nth-child(2)::after{transform: translate(100%, 0) translate(9px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::before{transform: translate(9px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container::after{width: 215px;right: 305px;/* 314-9 */} .c-section--train-05 .c-section--train-inner:nth-child(2) .c-container{ background-position: right -9px top 10px, right -9px bottom; } } } /********************** *** rail-05-02 *** **********************/ @media screen and (min-width: 768px) { .c-section--train-05 .c-section--train-inner:nth-child(3) .c-container::before{ content: "";position: absolute;left: 0;top: -115px;/* 314/2 + 16/2 - 50 */width: 314px;height: 975px; background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjYjZkOWE3IiBkPSJNMzguNSw3NmgtMWMwLTIxLjIsMTcuMy0zOC41LDM4LjUtMzguNXYxQzU1LjMsMzguNSwzOC41LDU1LjMsMzguNSw3NnoiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjcyLjUsMzYuMiA3MiwzNi4yIDcyLjQsNDAuMiA3Mi45LDQwLjEgNzMuNCw0MC4xIDczLDM2LjEgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI2NS42LDM3LjQgNjUuMiwzNy41IDY2LjIsNDEuNCA2Ni43LDQxLjIgNjcuMiw0MS4xIDY2LjEsMzcuMiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjU5LjEsMzkuNyA1OC42LDQwIDYwLjMsNDMuNiA2MC44LDQzLjQgNjEuMiw0My4yIDU5LjUsMzkuNSAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjUzLjEsNDMuMiA1Mi42LDQzLjUgNTQuOSw0Ni44IDU1LjQsNDYuNSA1NS44LDQ2LjIgNTMuNSw0Mi45ICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iNDcuNyw0Ny43IDQ3LjQsNDguMSA1MC4yLDUwLjkgNTAuNSw1MC41IDUwLjksNTAuMiA0OC4xLDQ3LjQgIi8+PHBvbHlnb24gZmlsbD0iI2I2ZDlhNyIgcG9pbnRzPSI0My4yLDUzLjEgNDIuOSw1My41IDQ2LjIsNTUuOCA0Ni41LDU1LjQgNDYuOCw1NC45IDQzLjUsNTIuNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM5LjcsNTkuMSAzOS41LDU5LjUgNDMuMiw2MS4yIDQzLjQsNjAuOCA0My42LDYwLjMgNDAsNTguNiAiLz48cG9seWdvbiBmaWxsPSIjYjZkOWE3IiBwb2ludHM9IjM3LjQsNjUuNiAzNy4yLDY2LjEgNDEuMSw2Ny4yIDQxLjIsNjYuNyA0MS40LDY2LjIgMzcuNSw2NS4yICIvPjxwb2x5Z29uIGZpbGw9IiNiNmQ5YTciIHBvaW50cz0iMzYuMiw3Mi41IDM2LjEsNzMgNDAuMSw3My40IDQwLjEsNzIuOSA0MC4yLDcyLjQgMzYuMiw3MiAiLz48L3N2Zz4K'), url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc2IDc2Ij48cGF0aCBmaWxsPSIjQjZEOUE3IiBkPSJNMzcuNSwwbDEsMGMwLDIxLjItMTcuMywzOC41LTM4LjUsMzguNWwwLTFDMjAuNywzNy41LDM3LjUsMjAuNywzNy41LDB6Ii8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzkuOCA0LDM5LjggMy42LDM1LjggMy4xLDM1LjkgMi42LDM1LjkgMywzOS45ICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNCwzOC42IDEwLjgsMzguNSA5LjgsMzQuNiA5LjMsMzQuOCA4LjgsMzQuOSA5LjksMzguOCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjE2LjksMzYuMyAxNy40LDM2IDE1LjcsMzIuNCAxNS4yLDMyLjYgMTQuOCwzMi44IDE2LjUsMzYuNSAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjIyLjksMzIuOCAyMy40LDMyLjUgMjEuMSwyOS4yIDIwLjYsMjkuNSAyMC4yLDI5LjggMjIuNSwzMy4xICIvPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMjguMywyOC4zIDI4LjYsMjcuOSAyNS44LDI1LjEgMjUuNSwyNS41IDI1LjEsMjUuOCAyNy45LDI4LjYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzMi44LDIyLjkgMzMuMSwyMi41IDI5LjgsMjAuMiAyOS41LDIwLjYgMjkuMiwyMS4xIDMyLjUsMjMuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM2LjMsMTYuOSAzNi41LDE2LjUgMzIuOCwxNC44IDMyLjYsMTUuMiAzMi40LDE1LjcgMzYsMTcuNCAiLz48cG9seWdvbiBmaWxsPSIjQjZEOUE3IiBwb2ludHM9IjM4LjYsMTAuNCAzOC44LDkuOSAzNC45LDguOCAzNC44LDkuMyAzNC42LDkuOCAzOC41LDEwLjggIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzOS44LDMuNSAzOS45LDMgMzUuOSwyLjYgMzUuOSwzLjEgMzUuOCwzLjYgMzkuOCw0ICIvPjwvc3ZnPgo='); background-repeat: no-repeat; background-size: 314px 314px, 314px 314px; background-position: left top, left 314px; } .c-section--train-05 .c-section--train-inner:nth-child(3) .c-container::before, .c-section--train-05 .c-section--train-inner:nth-child(3) .c-container::after{ transform: translate(-100px, 0); } .c-section--train-05 .c-section--train-inner:nth-child(3)::before{ content: "";position: absolute;width: 64px;height: 64px;left: 50%;top: -5px;/* 40 - 35(train-hight) - 10 */ transform: translate(16px, 0); background: url(/areahighlights/chugoku/hiroden/img/ico-train.svg) no-repeat left top; background-size: 64px auto; } @media screen and (min-width: 1200px) { .c-section--train-05 .c-section--train-inner:nth-child(3)::after{ content: "";position: absolute;top: 199px;/* 314/2 - 16/2 + 50 */left: 0;right: 50%;height: 314px;transform: translate(-560px, 0) translate(-100px, 0); background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwLjkgNzYiPjxwb2x5Z29uIGZpbGw9IiNCNkQ5QTciIHBvaW50cz0iMTAuNSwzNy41IDAsMzcuNSAwLDM4LjUgMTAuNSwzOC41IDIwLjksMzguNSAyMC45LDM3LjUgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxMC41LDM2IDEwLDM2IDEwLDQwIDEwLjUsNDAgMTEsNDAgMTEsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIzLjUsMzYgMywzNiAzLDQwIDMuNSw0MCA0LDQwIDQsMzYgIi8+PHBvbHlnb24gZmlsbD0iI0I2RDlBNyIgcG9pbnRzPSIxNy40LDM2IDE2LjksMzYgMTYuOSw0MCAxNy40LDQwIDE3LjksNDAgMTcuOSwzNiAiLz48L3N2Zz4K') repeat-x right bottom; background-size: auto 314px; } } @media screen and (max-width: 1119px) { .c-section--train-05 .c-section--train-inner:nth-child(3)::before{top: -25px;/* 20 - 35(train-hight) - 10 */} .c-section--train-05 .c-section--train-inner:nth-child(3) .c-container::before, .c-section--train-05 .c-section--train-inner:nth-child(3) .c-container::after{transform: translate(-136px, 0);} .c-section--train-05 .c-section--train-inner:nth-child(3) .c-container::before{top: -130px;/* 314/2 + 16/2 - 35 */} } }