@charset 'UTF-8';
/* bg */
/* mono tone */

/*====================================================================

index.css

=====================================================================*/
/*--------------------------------------------------------------------/
	main-view
/--------------------------------------------------------------------*/
.main-view
{
    position: relative;

    display: -ms-flexbox;
    display: flex;

    height: 100vw; 

    background: url(../img/top/main_sp.jpg) top center/cover no-repeat;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.main-view .l-cont
{
    overflow: hidden; 

    margin-right: 0;
    margin-left: 0;
}
.main-view__tit
{
    overflow: hidden; 

    white-space: nowrap;
    text-indent: 100%;
}

/* common
----------------------------------------------------------------*/

/*--------------------------------------------------------------------/
	contents
/--------------------------------------------------------------------*/
.contents
{
    padding-top: 48px;
    padding-top: 3rem;

    background: #000005;
}

/* cont-pickup
----------------------------------------------------------------*/
.cont-pickup
{
    max-height: 360px; 
    margin-bottom: 64px;
    margin-bottom: 4rem;
}
.cont-pickup img
{
    height: 43.37vw;
    max-height: 318px;
}

/* cont-business
----------------------------------------------------------------*/
.cont-business
{
    margin-bottom: 64px;
    margin-bottom: 4rem;
}
.cont-business__box
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -ms-flex-direction: column;
}
.cont-business__box h4
{
    -ms-flex-order: 2;
    order: 2;
}
.cont-business__box figure
{
    max-height: 360px;
    margin-bottom: 8px;
    margin-bottom: .5rem;

    -ms-flex-order: 1;
    order: 1;
}
.cont-business__box figure img
{
    height: 43.37vw;
    max-height: 318px;
}
.cont-business__txt
{
    -ms-flex-order: 3;
    order: 3;
}

/* cont-feed
----------------------------------------------------------------*/
.cont-feed
{
    margin-bottom: 64px;
    margin-bottom: 4rem;
}
.cont-feed__table
{
    overflow-y: auto; 

    max-height: 160px;
}
.cont-feed__table a
{
    text-decoration: underline;
}
.cont-feed__table a:hover
{
    text-decoration: none;
}
.cont-feed table
{
    width: 94%;
    height: auto;
}
.cont-feed table tr
{
    border-bottom: 1px dotted #edefef;
}
.cont-feed table th,
.cont-feed table td
{
    line-height: 1.5; 

    padding: 12.8px 0;
    padding: .8rem 0;

    text-align: left;
    vertical-align: top;
}
.cont-feed table th
{
    font-weight: normal; 

    width: 110px;
}

/* cont-partner
----------------------------------------------------------------*/
.cont-partner
{
    position: relative;
    z-index: 10; 

    padding-top: 48px;
    padding-top: 3rem;
    padding-bottom: 64px;
    padding-bottom: 4rem;
}
.cont-partner__txt .catch
{
    font-size: 1.38em;
}
.cont-partner__add
{
    position: absolute;
    bottom: 0;
    left: calc(50% + 66px);

    width: 40%; 
    max-width: 544px;
}
@media print, screen and (min-width: 376px)
{
    /*====================================================================/
	/*------------------iPhone 以上----------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
}
@media print, screen and (min-width: 481px)
{
    /*====================================================================/
	/*------------------タブレットスタイル----------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
    .main-view
    {
        height: 70vw; 

        background: url(../img/top/main_tb.jpg) top center no-repeat;
    }
}
@media print, screen and (min-width: 797px)
{
    /*====================================================================/
	/*-------------------小さいPCスタイル----------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
    .contents
    {
        padding-top: 5rem;
    }
    .cont-pickup
    {
        margin-bottom: 5rem;
    }
    .cont-business
    {
        margin-bottom: 5rem;
    }
    .cont-feed
    {
        display: -ms-flexbox;
        display: flex;

        margin-bottom: 5rem;

        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cont-feed > section
    {
        width: 48%;
    }
    .cont-partner
    {
        padding-top: 3 * 1.5 rem;
        padding-bottom: 4 * 1.5 rem;
    }
    .cont-partner__txt
    {
        width: 46%;
        max-width: 440px;
    }
}
@media print, screen and (min-width: 1057px)
{
    /*====================================================================/
	/*-------------------PCスタイル-------------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
    .main-view
    {
        height: 564px;

        background: url(../img/top/main_pc.jpg) top center no-repeat;
    }
    main:after
    {
        position: absolute;
        right: calc(50% + 600px);
        bottom: 240px;

        display: block; 

        width: 578px;
        height: 748px;

        content: '';

        background: url(../img/common/icon_bg.svg) center center no-repeat;
    }
    .cont-pickup img
    {
        height: 220px;
    }
    .cont-business__box figure img
    {
        height: 220px;
    }
    .cont-partner
    {
        background: url(../img/top/partner_bg_01.jpg) center left/50% no-repeat, url(../img/top/partner_bg_02.jpg) center right/50% no-repeat;
    }
}
@media print, screen and (min-width: 1920px)
{
    /*====================================================================/
	/*-------------------full PCスタイル-------------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
    .main-view
    {
        background: url(../img/top/main_pc.jpg) top center/cover no-repeat;
    }
}
@media screen and (max-width: 1056px)
{
    /*====================================================================/
	/*------------------PC以下---------
	/====================================================================*/
    html
    {
        width: 100%;
    }
    .cont-pickup .col-4
    {
        max-width: 700px;
        margin-right: auto; 
        margin-left: auto;
    }
    .cont-business .col-4
    {
        max-width: 700px;
        margin-right: auto; 
        margin-left: auto;
    }
    .cont-business .col-4 > *:not(:nth-last-of-type(-n+2))
    {
        margin-bottom: 3rem;
    }
    .cont-partner
    {
        background: url(../img/top/partner_bg_01.jpg) center left/cover no-repeat;
    }
}
@media screen and (max-width: 796px)
{
    /*====================================================================/
	/*------------------スマホタブレット共通スタイル---------
	/====================================================================*/
    html
    {
        width: 100%;
    }
    .cont-feed > *:not(:last-child)
    {
        margin-bottom: 2rem;
    }
    .cont-feed__table
    {
        max-height: 140px;
    }
    .cont-feed table th
    {
        display: block;

        padding-bottom: 0;
    }
    .cont-feed table td
    {
        display: block;

        padding-top: .1rem;
    }
}
@media screen and (max-width: 480px)
{
    /*====================================================================/
	/*------------------スマホのみスタイル----------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
}
@media screen and (max-width: 375px)
{
    /*====================================================================/
	/*------------------iPhone 以下----------------
	/====================================================================*/
    html
    {
        width: 100%;
    }
}