@charset 'utf-8';

/*
**********************************************************************

* style.css

*********************************************************************
*/

sup {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

/*
******************************************/
.outlnSectWrap
{
    position: relative;

    width: 790px;
    margin: 0 auto;
}
.outlnSect
{
    clear: both;

    width: 790px;
    margin-bottom: 60px;
}
.outlnSect.odd
{
    margin-left: -70px;
}
.outlnSect.even
{
    margin-left: 190px;
}
.outlnSect .photo
{
    float: left;
}

.outlnSect .txtBlock
{
    padding: 60px 0 0 380px;
}

.outlnSect .txtBlock .sectTit
{
    font-size: 28px;
    line-height: 1.2;

    margin-bottom: 20px;

    letter-spacing: .3em;

    color: #009d42;
}

.outlnSect .txtBlock .txt
{
    font-size: 14px;
}
.outlnSect .txtBlock .linkBtn
{
    margin-top: 15px;
}
@media screen and (max-width: 1279px) and (min-width: 768px)
{
    .outlnSect.odd
    {
        margin-left: -60px;
    }
    .outlnSect.even
    {
        margin-left: 70px;
    }
}
@media screen and (max-width: 767px)
{
    .outlnSectWrap
    {
        width: auto;
    }
    .outlnSect
    {
        width: auto;
        margin-bottom: 40px;
    }
    .outlnSect.odd,
    .outlnSect.even
    {
        margin-left: 0;
    }
    .outlnSect .photo
    {
        width: 100px;
        margin: 0 15px 5px 0;
    }
    .outlnSect .txtBlock
    {
        padding: 0;
    }

    .outlnSect .txtBlock .sectTit
    {
        font-size: 15px;
        line-height: 1.6;

        margin-bottom: 5px;

        letter-spacing: 0;
    }
    .outlnSect .txtBlock .txt
    {
    }
    .outlnSect .txtBlock .linkBtn
    {
        text-align: center;
    }
}

/*
******************************************/
.otherWrap
{
    padding-top: 65px;
}

.otherWrap .otherSect
{
    width: 48.333%;
    padding-top: 20px;

    background: #fff;
}
.otherWrap .otherSect.typeL
{
    float: left;
}

.otherWrap .otherSect.typeR
{
    float: right;
}

.otherWrap .otherSect .sectTit
{
}
.otherWrap .otherSect .sectTit .arrow
{
}
.otherWrap .otherSect .sectTit .arrow:before
{
}
.otherWrap .otherSect .sectTit .txt
{
}

.otherWrap .otherSect .sectMain
{
    padding: 35px;
}

.otherWrap .otherSect .sectMain .photo
{
    font-size: 12px;

    float: left;

    width: 160px;

    text-align: center;;
}
.otherWrap .otherSect .sectMain .photo img
{
    margin-bottom: 10px;
}

.otherWrap .otherSect .sectMain .txtBlock
{
    padding-left: 190px;
}

.otherWrap .otherSect .sectMain .txtBlock .outlnList
{
}
.otherWrap .otherSect .sectMain .txtBlock .outlnList li
{
    font-size: 14px;
}
.otherWrap .otherSect .sectMain .txtBlock .outlnList li .tit
{
    display: inline-block;

    color: #844100;
}

.otherWrap .otherSect .sectMain .txtBlock .outlnList li .txt
{
    display: inline-block;

    margin-left: -2px;

    color: #747a7e;
}
@media screen and (max-width: 1279px) and (min-width: 768px)
{
    .otherWrap .otherSect
    {
        width: 48.5%;
    }
    .otherWrap .otherSect .sectMain
    {
        padding: 20px;
    }
    .otherWrap .otherSect .sectMain .photo
    {
        font-size: 11px;

        width: 120px;
    }
    .otherWrap .otherSect .sectMain .txtBlock
    {
        padding-left: 140px;
    }
}
@media screen and (max-width: 767px)
{
    .otherWrap
    {
        padding-top: 10px;
    }

    .otherWrap .otherSect
    {
        width: auto;
        height: auto !important;
        margin-top: 30px;
    }
    .otherWrap .otherSect.typeL,
    .otherWrap .otherSect.typeR
    {
        float: none;
    }

    .otherWrap .otherSect .sectTit
    {
    }
    .otherWrap .otherSect .sectMain
    {
        padding: 15px;
    }

    .otherWrap .otherSect .sectMain .photo
    {
        float: none;

        width: auto;
        padding-top: 15px;

        text-align: left;
    }
    .otherWrap .otherSect .sectMain .photo img
    {
        float: left;

        width: 80px;
        margin: -15px 15px 10px 0;
    }
    .otherWrap .otherSect .sectMain .txtBlock
    {
        clear: both;

        padding-left: 0;
    }

    .otherWrap .otherSect .sectMain .txtBlock .outlnList
    {
    }
    .otherWrap .otherSect .sectMain .txtBlock .outlnList li
    {
        font-size: 13px;
    }
    .otherWrap .otherSect .sectMain .txtBlock .outlnList li .tit
    {
    }

    .otherWrap .otherSect .sectMain .txtBlock .outlnList li .txt
    {
    }
}