@charset "UTF-8";

/*
* pages
*/

.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
}

.clearfix:after {
	clear: both;
}

.sp{
    display: none;
}
    .l-local {
        width: 1000px;
        margin: 0 auto;
    }

    .container {
        width: 100%;
        padding: 15px 0 55px;
    }

    .container a {
        color: #333;
        text-decoration: none;
    }

    .dt__head {
        margin: 0 auto 15px;
    }

    .dt__nav li {
        float: left;
    }

    .dt__nav__item {
        display: block;
        font-size: 18px;
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        padding: 15px 10px;
    }

    .dt__nav__item.active,
    .dt__nav__item:hover {
        color: #fff;
        border: none;
        padding: 16px 10px;
    }

    .dt__head__nav {
        margin: 0 0 0 -11px;
    }

    .dt__head__nav li {
        width: 326px;
        margin: 0 0 0 11px;
    }

    .dt__head__nav .dt__nav__item {
        border: 1px solid #004681;
    }

    .dt__head__nav .dt__nav__item.active,
    .dt__head__nav .dt__nav__item:hover {
        background-color: #004681;
    }

    .dt__foot__nav {
        margin: 0 0 0 -20px;
    }

    .dt__foot__nav li {
        width: 235px;
        margin: 0 0 0 20px;
    }

    .dt__foot__nav .dt__nav__item {
        border: 1px solid #eb6100;
    }

    .dt__foot__nav .dt__nav__item.active,
    .dt__foot__nav .dt__nav__item:hover {
        background-color: #eb6100;
    }

    .dt__hero {
        background-image: url(/assets/img/eiyou/dt/hero.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 0 30px 0;
    }

    .dt__hero__inner {
        display: table;
    }

    .dt__hero__ttl {
        display: table-cell;
        color: #fff;
        font-size: 60px;
        padding: 90px 0;
    }

    .dt__hero__ttl span {
        display: block;
        font-size: 26px;
        padding: 33px 0 0;
    }

    .dt__lead {
        margin: 0 auto 26px;
    }

    .dt__lead__ttl {
        font-size: 30px;
        font-weight: bold;
        color: #eb6100;
        margin: 0 0 12px;
    }

    .dt__lead__txt {
        font-size: 18px;
        line-height: 1.66666666;
    }

    .dt__block__img{
        margin-bottom: 30px;
    }

    .dt__block__txt{
        line-height: 24px;
    }

    .dt__block__last a{
        color: #0000cc;
    }

    .dt__block__last {
        margin: 0 0 55px;
    }

    .dt__block__ttl {
        width: 100%;
        font-size: 20px;
        line-height: 1.5;
        color: #fff;
        text-align: center;
        background-color: #eb6100;
        padding: 5px 0;
        margin: 0 0 20px;
    }

    .dt__box__ttl--main {
        display: inline-block;
        color: #fff;
        font-size: 18px;
        line-height: 1.3888888;
        text-align: center;
        background-color: #f49f0a;
        border-radius: 5px;
        padding: 0 10px;
        margin: 0 0 15px;
    }

    .dt__box__ttl--sub {
        font-size: 24px;
        margin: 0 0 13px;
    }

    .dt__box__txt {
        font-size: 14px;
        line-height: 1.7142857;
        margin: 0 0 24px;
    }

    .dt__box:last-child .dt__box__txt {
        margin: 0 0 31px;
    }

    .c-txt--red{
        color: #b41d23;
        font-size: 24px;
    }





@media screen and (max-width: 828px) {
   img{
        width: 100%;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .l-local {
        width: 100%;
        padding: 0 10px;
    }

    .dt__nav__item {
        font-size: 20px;
    }

    .dt__head__nav {
        margin: 0;
    }

    .dt__head__nav li {
        width: 32%;
        margin: 0;
        padding: 0 0 0 14px;
    }

    .dt__foot__nav {
        margin: 0 0 0 -15px;
    }

    .dt__foot__nav li {
        width: 50%;
        margin: 0 0 14px;
        padding: 0 0 0 15px;
    }

    .dt__hero {
        background-image: url(/assets/img/eiyou/dt/hero.png);
        margin: 0 0 18px 0;
    }

    .dt__hero__ttl {
        font-size: 30px;
        padding: 35px 10px 34px;
    }

    .dt__hero__ttl span {
        font-size: 18px;
        padding: 10px 0 0;
    }

    .dt__lead {
        padding: 0 10px;
    }

    .dt__lead__ttl {
        font-size: 30px;
				font-weight: normal;
    }

    .dt__lead__txt {
        font-size: 22px;
        line-height: 1.818181818181818;
    }

    .dt__block__ttl {
        font-size: 14px;
    }

    .dt__nav__item{
        font-size: 20px;
    }

        .dt__nav__item.active,
    .dt__nav__item:hover {
        color: #fff;
        border: none;
        /* padding: 16px 10px; */
    }
		.dt__block__ttl{
			font-size: 24px;
		}

		.dt__box__txt {
        font-size: 20px;
    }

}