@charset "UTF-8";

/*
* dt_summary
*/

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

.clearfix:after {
	clear: both;
}

.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 {
        margin: 0 0 45px;
    }

    .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__feature__list {
        margin: 0 0 0 -40px;
    }

    .dt__feature__list li {
        float: left;
        width: 480px;
        font-size: 24px;
        margin: 0 0 0 40px;
        text-indent: -1em;
        padding-left: 1em;
    }

    .dt__feature__list li:nth-child(n+3) {
        margin: 16px 0 0 40px;
    }

    .dt__body__ttllist {
        font-size: 14px;
        line-height: 1.7142857;
        margin: 0 0 25px;
    }

    .dt__body__list {
        font-size: 14px;
        margin: 0 0 0 -20px;
    }

    .dt__body__item {
        float: left;
        width: 235px;
        margin: 0 0 0 20px;
    }

    .dt__body__item span {
        display: block;
        color: #fff;
        text-align: center;
        background-color: #f49f0a;
        border-radius: 5px;
        padding: 18px 0;
    }

    .dt__body__item .dt__body__item--local {
        padding: 11px 0;
    }

    .dt__body__list--child{
        line-height: 1.7142857;
        padding: 5px 0 0;
    }

    .dt__block__img {
        float: left;
    }

    .dt__block__img + .dt__block__img {
        float: right;
    }

    .dt__timetable{
        width: 1000px;
        margin: 0 auto;
    }

   .dt__timetable ul{
       letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
    }

    .dt__timetable ul li{
        display: inline-block;
        letter-spacing: normal;
    }

    .dt__timetable ul li:first-child{
        margin: 0 40px 0 0;
    }


@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: 28px;
				font-weight: normal;
    }

    .dt__feature__list {
        margin: 0 0 0 10px;
    }

    .dt__feature__list li {
        width: 50%;
        font-size: 14px;
         margin: 0;
        padding: 0 0 0 15px;
        line-height: 1.2;
    }

    .dt__feature__list li:nth-child(n+3) {
        margin: 8px 0 0 0;
    }
    .dt__body__list--child{
        margin: 0 0 20px 0;
    }

    .dt__body__list {
        font-size: 14px;
        margin: 0 0 0 -15px;
    }

    .dt__body__list li:nth-child(3){
        clear: left;
    }


    .dt__body__item {
        width: 50%;
        margin: 0;
        padding: 0 0 0 15px;
    }

    .dt__block__img,
    .dt__block__img + .dt__block__img {
        float: none;
    }

    .dt__timetable{
        width: 100%;
    }

    .dt__timetable ul{
       letter-spacing: normal;
       margin:0 20px;
    }

    .dt__timetable ul li{
        display: block;
    }

    .dt__timetable ul li:first-child{
        margin: 0 0 30px 0;
    }
		.dt__block__ttl{
			font-size: 24px;
		}

		.dt__lead__txt {
        font-size: 22px;
    }

		.dt__block ul li{
			font-size: 20px;
		}
}