@charset "utf-8";

/* ----- レイアウトチェック用 ----- */
*{
    /*outline: 2px red solid;*/
}

/* ----- 初期化および初期設定 ----- */
html {
    scroll-behavior: smooth !important;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #ffffff;
    letter-spacing: 0.2rem !important;
    word-break: break-all !important;
    font-family: "Roboto", "Noto Sans JP", "Helvetica", "ヒラギノ角ゴシック", "游ゴシック", "游ゴシック体", sans-serif !important;
    /*color: #5A5A5A;*/
}
ul, li {
    list-style: none !important;
    padding: 0 !important;
}
a {
    text-decoration: none !important;
    color : inherit !important;
}

/* -----fixed bg ----- */
.urs_fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url('../img/hp_bg-min.jpg') center/cover no-repeat;
    z-index: -1;
}
@media screen and (max-width: 782px){
    .urs_fixed-bg {
        height: 100%;
    }
}

/* ----- section - main slide ----- */
.main-slide_wrap {
    width: 100%;
    height: 830px;
    background: url(../img/sw3_logo.png);
    background-position: 50% 130px;
    background-repeat: no-repeat;
    background-size: 50%;
}
.main-slide_subcopy {
    width: 550px;
    font-size: 1rem !important;
    line-height: 1.15rem !important;
    letter-spacing: 0.15rem;
    font-weight: 600 !important;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 130px;
    text-shadow: 0 3px 15px rgb(16, 135, 162);
}
.main-slide_bio {
    width: 550px;
    font-size: 0.75rem !important;
    line-height: 1.15rem !important;
    letter-spacing: 0.15rem;
    font-weight: 300 !important;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 370px;
    text-shadow: 0 3px 15px rgb(202, 22, 127);
}
@media screen and (max-width: 782px){
    .main-slide_wrap {
        width: 100%;
        height: 100%;
        background: url(../img/sw3_logo.png);
        background-position: 50% 100px;
        background-repeat: no-repeat;
        background-size: 102%;
    }
    .main-slide_subcopy {
        width: 77%;
        font-size: 0.75rem !important;
        margin: 0 auto;
        padding-top: 70px;
    }
    .main-slide_bio {
        width: 77%;
        height: 100%;
        margin: 0 auto 3rem auto;
        padding-top: 330px;
    }
}

/* ----- contents ----- */
.urs_contents_wrap {
    width: 900px;
    height: 100%;
    margin: 0 auto;
}
.urs_contents_inner {
    width: 100%;
    height: 100%;
}
.urs_contents_logo {
    width: 30px;
    height: auto;
    margin: 0 1rem 4px 0;
    vertical-align:middle;
}
.urs_contents_inner_button {
    width: 100%;
    height: 100px;
    position: relative;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    margin-bottom: 50px;
    transition: 0.5s;
}
.urs_contents_inner_button:hover {
    backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.35);
    transform: scale(1.05,1.05);
    transition: 0.25s;
}
.urs_contents_inner_button p {
    width: 900px;
    height: 100px;
    /*display: table-cell;*/
    text-align: center;
    vertical-align: middle;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    /*カラー*/
    display: inline-block;
    background-image: linear-gradient(45deg, #e4007f 0%, #f29600 50%, #00b2af 90%);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: gradationTextAnimation;
    animation-duration: 5.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes gradationTextAnimation{
    0%{
        background-position: 0 0;
    }
    50%{
        background-position: 100% 0;
    }
    100%{
        background-position: 0 0;
    }
}
.urs_contents_inner_button a {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
@media screen and (max-width: 782px){
    .urs_contents_wrap {
        width: 100%;
        text-align: center;
    }
    .urs_contents_inner {
        width: 88%;
        margin: 0 auto;
    }
    .urs_contents_inner_button {
        width: 100%;
        height: 110px;
        padding-top: 20px;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        background: rgba(255, 255, 255, 0.35);
    }
    .urs_contents_inner_button:hover {
        backdrop-filter: blur(33px);
        background: rgba(255, 255, 255, 0.4);
    }
    .urs_contents_inner_button p {
        width: 88%;
        font-size: 1.65rem !important;
        line-height: 1.25rem !important;
    }

}

/* ----- footer ----- */
.urs_footer_wrap {
    width: 100%;
    height: 150px;
}
.urs_footer_inner {
    margin: 150px 0 0 0;
    text-align: center;
}
.urs_footer_inner p {
    font-size: 0.75rem !important;
    line-height: 1.15rem !important;
    letter-spacing: 0.15rem;
    font-weight: 300 !important;
    color: #ffffff;
    text-shadow: 00px 3px 15px rgb(202, 22, 127);
}
@media screen and (max-width: 782px){
    .urs_footer_wrap {
        height: 100px;
        height: 70px;
    }
    .urs_footer_inner {
        width: 80%;
        margin: 90px auto 0 auto;
        text-align: center;
    }
    .urs_footer_inner p {
        font-size: 0.75rem !important;
        line-height: 1.15rem !important;
        letter-spacing: 0.15rem;
        font-weight: 300 !important;
        color: #ffffff;
        text-shadow: 00px 3px 15px rgb(202, 22, 127);
    }
}


/* ----- 共通CSS ver.2 ----- */

/*表示・非表示制御*/
/*スマホ / PC　表示切り替え用　ブロック*/
.urs-pc_diplay_block {
    display: block !important;
}
.urs-sp_diplay_block {
    display: none !important; 
}
/*スマホ / PC　表示切り替え用　インライン*/
.urs-pc_diplay_inline {
    display: inline !important;
}
.urs-sp_diplay_inline {
    display: none !important;
}
@media screen and (max-width: 782px){
/*スマホ / PC　表示切り替え用　ブロック*/
    .urs-pc_diplay_block {
        display: none !important;
    }
    .urs-sp_diplay_block {
        display: block !important;
    }
/*スマホ / PC　表示切り替え用　インライン*/
    .urs-pc_diplay_inline {
        display: none !important;
    }
    .urs-sp_diplay_inline {
        display: inline !important;
    }
}

/* フォントカラー */
.urs_font-color-red01 {
    color: #e50350 !important;
}
.urs_font-color-red02 {
    color: #ea6173 !important;
}
.urs_font-color-blue01 {
    color: #464885 !important;
}
.urs_font-color-green01 {
    color: #00b7a9 !important;
}
.urs_font-color-black {
    color: #5A5A5A !important;
}
.urs_font-color-white {
    color: #ffffff !important;
}

/* フォント - サイズ */
.urs_font-size35pc {
	font-size: 35% !important;
}
.urs_font-size50pc {
	font-size: 50% !important;
}
.urs_font-size75pc {
	font-size: 75% !important;
}
.urs_font-size80pc {
	font-size: 80% !important;
}
.urs_font-size125pc {
	font-size: 125% !important;
}
.urs_font-size150pc {
	font-size: 150% !important;
}
.urs_font-size175pc {
	font-size: 175% !important;
}
.urs_font-size200pc {
	font-size: 200% !important;
}
.urs_font-size250pc {
	font-size: 250% !important;
}
.urs_font-size265pc {
	font-size: 265% !important;
}
@media screen and (max-width: 782px){
    .urs-sp_font-size35pc {
        font-size: 35% !important;
    }
    .urs-sp_font-size50pc {
        font-size: 50% !important;
    }
    .urs-sp_font-size75pc {
        font-size: 75% !important;
    }
    .urs-sp_font-size125pc {
        font-size: 125% !important;
    }
    .urs-sp_font-size150pc {
        font-size: 150% !important;
    }
    .urs-sp_font-size175pc {
        font-size: 175% !important;
    }
    .urs-sp_font-size200pc {
        font-size: 200% !important;
    }
    .urs-sp_font-size250pc {
        font-size: 250% !important;
    }
}

/* フォント - 太さ調整 */
.urs_font-weight-bold {
	font-weight: bold !important;
}
.urs_font-weight-100 {
	font-weight: 100 !important;
}
.urs_font-weight-300 {
	font-weight: 300 !important;
}
.urs_font-weight-600 {
	font-weight: 600 !important;
}
.urs_font-weight-900 {
	font-weight: 900 !important;
}

/* フォント - スタイル調整 */
.urs_font-style-italic {
    font-style: italic !important;
}

/* フォント - 均等割付け */
.urs_text_justify {
	text-align: justify !important;
	text-justify: inter-ideograph !important;
}