/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */


/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.linkStyle{
	color:var(--color1);
}
.linkStyle:hover{
	color:var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}
#wrap{
    overflow: hidden;
}
header .trans_header {
    top: -120px;
    left: 0;
    z-index: 10;
    height: 80px;
}
#page-top a {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    margin-right: 15px;
}
.trans_header .trans_logo{
        height: 148%;
}
.more a{
    border-radius:50px;
}
.menu_stick{
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 15px;
    background-color:var(--color2);
}
.sp_nav_box ul{
    background-color:var(--color2)!important;
}
footer #logo2 .width_200-max{
        width: 80%;
}
#pc_nav{
    position: relative;
    z-index: 10;
}
#sp_nav .sns_links{
    margin-top:50px;
}
#pc_nav a:hover{
    color:var(--color4);
}
#page_title{
    background-position: 0 -450px;
}
#fix_bnr{
	bottom: 0;
	right: 84px;
	z-index: 10;
	width: 401px;
}
#copyright{
	padding-bottom: 100px;
}
@media screen and (max-width: 768px){
    #fix_bnr {
    right: 173px;
}
}
@media screen and (max-width: 667px){
#fix_bnr {bottom: 7px;right: 72px;width: 65%;}
#copyright{padding-bottom: 55px;}
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
header .trans_header{
    top: 0px;
}
header .menu_stick {
    width: 70px;
    height: 70px;
    z-index: 12;
    top: 0;
    right: 0;
    cursor: pointer;
    box-sizing: border-box;
}
.trans_header .trans_logo {
    height: 124%;
}
.trans_header .trans_logo .width_100-max{
        max-width: 80px;
}
#page_title {
    background-position: 0 -70px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
header .menu_stick {
    width: 50px;
    height: 50px;
    z-index: 12;
    top: 0;
    right: 0;
    cursor: pointer;
    box-sizing: border-box;
}
.menu_stick {
    border-radius: 50px;
    margin-right: 8px;
    margin-top: 8px;
}
#page-top a {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 8px;
}
.trans_header .trans_logo .width_100-max{
        max-width: 50px;
}
.trans_header .trans_logo {
    height: 88%;
}
    #page_title {
        background-position: -110px 50px;
    }
}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.fv_txt {
    position: absolute;
    z-index: 5;
    width: 40%;
    left: 20%;
    bottom: 5%;
}
.item01 {
    position: absolute;
    z-index: 0;
    width: 16%;
    left: 10%;
    bottom: -14%;
    opacity: 0.5;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.fv_txt {
    position: absolute;
    z-index: 5;
    width: 89%;
    left: 0%;
    bottom: 22%;
}
.item01{
    display: none;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    #main_img {
        padding-top: 70px;
    }
    .fv_txt {
        position: absolute;
        z-index: 5;
        width: 89%;
        left: 0%;
        bottom: 38%;
    }
}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.con2_right img,.con3_right img{
    border-radius: 20px;
}
.title01{
    width: 60%;
    margin-top: 2%;
}
.title02{
    width: 80%;
}
.title03{
    width: 56%;
}
.item01_03 {
    width: 12%;
    position: absolute;
    top: -18%;
    right: -2%;
    transform: scale(-1, 1);
    opacity: 0.5;
}
.item01_02 {
    width: 20%;
    position: absolute;
    top: -20%;
    left: -5%;
    opacity: 0.5;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.item01_03 {
    width: 21%;
    position: absolute;
    top: -43%;
    right: -2%;
    transform: scale(-1, 1);
}
.contents_wrap .contents_bg {
        width: 100%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.title01 {
    width: 90%;
    margin-top: 2%;
}
    .item01_03 {
        width: 29%;
        position: absolute;
        top: -33%;
        right: -2%;
        transform: scale(-1, 1);
    }
.item01_02 {
    width: 27%;
    position: absolute;
    top: -8%;
    left: -5%;
}
.title02 {
    width: 100%;
}
.title03 {
    width: 68%;
}
}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}