@charset "UTF-8";

/*
* dt_3courses
*/

.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 0 0;
    }

    .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: #0068b7;
        margin: 0 0 12px;
    }

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

    .dt__block {
        margin: 0 0 60px;
    }

    .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 {
        font-size: 24px;
        line-height: 1.5;
    }

    .dt_block01 h3 {
        margin: 0 0 15px 0;
    }

    .dt_block01 .dt__box__txt {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 30px 0;
    }

    .dt_box01 ul{
        letter-spacing: -0.4px;
    }

    .dt_box01 ul li{
        letter-spacing: normal;
        display: inline-block;
        width: 480px;
        margin: 0 35px 0 0;
    }

    .dt_box01 ul li:nth-child(2){
        margin: 0;
    }

    .dt_box01 h4 {
        font-size: 24px;
        color: #eb6100;
        font-weight: bold;
        margin: 0 0 15px 0;
    }

    .dt_box01 .dt_panel_tex {
        line-height: 1.5;
        font-size: 14px;
        margin: 0 0 15px 0;
    }

    .dt_block02 h3 {
        margin: 0 0 30px 0;
    }

    .dt_block02 h4 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        margin: 0 0 15px 0;
        padding: 5px 0;
    }

    .dt_block02 h5 {
        font-size: 24px;
        font-weight: bold;
        margin: 0 0 20px 0;
        line-height: 1.5;
    }

    .dt_block02 h5 span {
        display: block;
        font-size: 14px;
    }

    .dt_block02 .dt_box_tex {
        font-size: 14px;
        margin: 0 0 20px 0;
        line-height: 1.5;
    }

    .dt_block02 .dt_panel ul {
        letter-spacing: -0.4px;
        margin: 0 0 30px 0;
    }

    .dt_block02 .dt_panel ul li {
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        width: 320px;
        margin: 0 19px 0 0;
    }

    .dt_block02 .dt_panel ul li:nth-child(2){
        width: 314px
    }

    .dt_block02 .dt_panel ul li:last-child{
        margin: 0;
    }

    .dt_block02 .dt_panel_img {
        margin: 0 0 10px 0;
    }

    .dt_block02 h6 {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .dt_block02 .dt_panel_tex{
        line-height: 1.5;
        font-size: 14px;
    }

    .dt_block02 .dt_panel{
        margin: 0 0 40px 0;
    }

    .dt_box02 h4{
        background: #62b0e3;
    }

    .dt_box02 span,
    .dt_box02 h6{
        color: #57a2d3;
    }

    .dt_box03 h4{
        background: #f49f0a;
    }

    .dt_box03 span,
    .dt_box03 h6{
        color: #f49f0a;
    }

    .dt_box04{
        margin: 0 0 60px 0;
    }

    .dt_box04 h4{
        background: #d00000;
    }

    .dt_box04 span,
    .dt_box04 h6{
        color: #d00000;
    }
    .dt_panll_data{
        text-align: center;
    }

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

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

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

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

    .dt__body__inner + .rd__body__inner {
        margin: 30px 0 0 0;
    }

    .dt__box {
        float: none;
        width: 100%;
        margin: 0;
    }

    .dt_block01 .dt__box__txt{
        font-size: 22px;
        margin: 0 0 35px 0;
    }

    .dt_box01 .dt_panel_tex{
        font-size: 20px;
    }

    .dt_box01 ul{
        letter-spacing: normal;
    }

    .dt_box01 ul li {
        display: block;
        width: 100%;
        margin: 0 0 40px 0;
    }

    .dt_block02 h4{
        font-size: 22px;
    }

    .dt_block02 h5 span{
        font-size: 20px;
    }
    .dt_block02 .dt_box_tex{
        font-size: 20px;
        margin: 0 0 40px 0;
    }
    .dt_block02 .dt_panel ul li,
    .dt_block02 .dt_panel ul li:nth-child(2){
        width: 100%;
        margin-right: 0;
    }

    .dt_block02 .dt_panel ul li{
        margin: 0 0 50px 0;
    }

    .dt_block02 .dt_panel ul li:last-child{
        margin: 0;
    }

    .dt_block02 .dt_panel .dt_panel_img{
        margin: 0 0 20px 0
    }

    .dt_block02 h6{
        font-size: 24px;
    }

    .dt_block02 .dt_panel_tex{
        font-size: 20px;
    }

		.dt__block__ttl{
			font-size: 24px;
		}

		.dt__lead__txt{
			font-size: 22px;
		}
}