@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 980px) {


.msn_out{

    margin-bottom: 60px;


}


h1.h1_mgt01{
    font-size: 220.0%;
    font-weight: normal;
    padding-top: 30px;
    margin-bottom: 40px;
    color: #333;
    font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','Arial',sans-serif;

}


.interview_main_img{
    width: 100%;
    margin-bottom: 40px;
}


.interview_main_img img{
    width: 100%;
}

.interview_list{
    width: 100%;
}

.interview_list > ul > li{
    
    border: 1px solid #4c6ca1;
    border-radius: 10px;

    padding: 30px;
    box-sizing: border-box;

    background-color: #f5f4ea;
    overflow: auto;
    margin-bottom: 30px;
}

.interview_img{
    float: left;
    width: 360px;
    margin-right: 40px;
}

.interview_txt{

    width: calc(100% - 400px);
    float: right;

    margin-bottom: 30px;
}

.interview_txt dt{
    font-size: 170%;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000000;
}

.interview_txt dd{
    font-size: 100%;
    color: #666666;
}

.interview_txt dd p{
    font-size: 130%;
    font-weight: bold;
    color: #000000;
}

.interview_sounds{
    width: calc(100% - 400px);
    float: right;
}


.interview_sounds li{
	width:300px;
	height:auto;
	text-decoration: none;
    margin-bottom: 10px;

    color: #000000;
    font-weight: bold;
}

.interview_sounds li a{
    position: relative;
    display: block;
	width:300px;
    height: auto;
    min-height: 40px;
    font-size: 115%;
    line-height: 110%;
    color:#FFFFFF;
    
    background: #4c6ca1;

	border: 1px solid #4c6ca1;
     box-sizing: border-box;

     padding: 12px 25px 8px;
     box-sizing: border-box;

   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    
	-webkit-border-radius:20px;     /* for Safari and Chrome */
	-moz-border-radius: 20px;  /* for Firefox */
	-o-border-radius: 20px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:20px;   /* Linux browsers */
	border-radius:20px;     /* CSS3 */    
}

.interview_sounds li a::after{
    position: absolute;
    top: 46%;
    right: 30px;

    width: 28px;
    height: 12px;
    content: url(../interview/data/img/sounds_icon.png);


    transform: translate(50%,-50%);

}

.interview_sounds li a:hover {
    background:#0a418f;

    text-decoration: none;

}


}



@media screen and (max-width: 979px) {
/* タブレット用のスタイル記述 */



.msn_out{

    margin-bottom: 50px;


}


h1.h1_mgt01{
    font-size: 220.0%;
    font-weight: normal;
    padding-top: 30px;
    margin-bottom: 40px;
    color: #333;
    font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','Arial',sans-serif;

}


.interview_main_img{
    width: 100%;
    margin-bottom: 30px;
}


.interview_main_img img{
    width: 100%;
}

.interview_list{
    width: 100%;
}

.interview_list > ul > li{
    
    border: 1px solid #4c6ca1;
    border-radius: 10px;

    padding: 25px;
    box-sizing: border-box;

    background-color: #f5f4ea;
    overflow: auto;
    margin-bottom: 30px;
}

.interview_img{
    float: left;
    width: 320px;
    margin-right: 30px;
}

.interview_img img{
    width: 100%;
}

.interview_txt{

    width: calc(100% - 350px);
    float: right;

    margin-bottom: 30px;
}

.interview_txt dt{
    font-size: 170%;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000000;
}

.interview_txt dd{
    font-size: 100%;
    color: #666666;
}

.interview_txt dd p{
    font-size: 130%;
    font-weight: bold;
    color: #000000;
}

.interview_sounds{
    width: calc(100% - 350px);
    float: right;
}


.interview_sounds li{
	width:300px;
	height:auto;
	text-decoration: none;
    margin-bottom: 10px;

    color: #000000;
    font-weight: bold;
}

.interview_sounds li a{
    position: relative;
    display: block;
	width:300px;
    height: auto;
    min-height: 40px;
    font-size: 115%;
    line-height: 110%;
    color:#FFFFFF;
    
    background: #4c6ca1;

	border: 1px solid #4c6ca1;
     box-sizing: border-box;

     padding: 12px 25px 8px;
     box-sizing: border-box;

   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    
	-webkit-border-radius:20px;     /* for Safari and Chrome */
	-moz-border-radius: 20px;  /* for Firefox */
	-o-border-radius: 20px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:20px;   /* Linux browsers */
	border-radius:20px;     /* CSS3 */    
}

.interview_sounds li a::after{
    position: absolute;
    top: 46%;
    right: 30px;

    width: 28px;
    height: 12px;
    content: url(../interview/data/img/sounds_icon.png);


    transform: translate(50%,-50%);

}

.interview_sounds li a:hover {
    background:#0a418f;

    text-decoration: none;

}



}



@media screen and (max-width: 767px) {
/* スマートフォン用のスタイル記述 */


.msn_out{

    margin-bottom: 40px;


}


h1.h1_mgt01{
    font-size: 180.0%;
    font-weight: normal;
    padding-top: 0px;
    margin-bottom: 0px;
    color: #333;
    font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','Arial',sans-serif;

}


.interview_main_img{
    width: 100%;
    margin-bottom: 30px;
}


.interview_main_img img{
    width: 100%;
}


.interview_list{
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
}

.interview_list > ul > li{
    
    border: 1px solid #4c6ca1;
    border-radius: 10px;

    padding: 20px;
    box-sizing: border-box;

    background-color: #f5f4ea;
    overflow: auto;
    margin-bottom: 30px;
}

.interview_img{
    float: none;
    width: 280px;
    margin: 0px auto 20px;
}

.interview_img img{
    width: 100%;
}

.interview_txt{

    width: 100%;
    float: none;

    margin-bottom: 20px;
}

.interview_txt dt{
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000000;
}

.interview_txt dd{
    font-size: 100%;
    color: #666666;
}

.interview_txt dd p{
    font-size: 130%;
    font-weight: bold;
    color: #000000;
}

.interview_sounds{
    width: 100%;
    float: none;
}


.interview_sounds li{
	width:280px;
	height:auto;
	text-decoration: none;
    margin: 0px auto 10px;

    color: #000000;
    font-weight: bold;
}

.interview_sounds li a{
    position: relative;
    display: block;
	width:280px;
    height: auto;
    min-height: 40px;
    font-size: 110%;
    line-height: 110%;
    color:#FFFFFF;
    
    background: #4c6ca1;

	border: 1px solid #4c6ca1;
     box-sizing: border-box;

     padding: 12px 25px 8px;
     box-sizing: border-box;

   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    
	-webkit-border-radius:20px;     /* for Safari and Chrome */
	-moz-border-radius: 20px;  /* for Firefox */
	-o-border-radius: 20px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:20px;   /* Linux browsers */
	border-radius:20px;     /* CSS3 */    
}

.interview_sounds li a::after{
    position: absolute;
    top: 46%;
    right: 30px;

    width: 28px;
    height: 12px;
    content: url(../interview/data/img/sounds_icon.png);


    transform: translate(50%,-50%);

}

.interview_sounds li a:hover {
    background:#0a418f;

    text-decoration: none;

}



}


@media print {

    .msn_out{

        margin-bottom: 60px;
    
    
    }
    
    
    h1.h1_mgt01{
        font-size: 220.0%;
        font-weight: normal;
        padding-top: 30px;
        margin-bottom: 40px;
        color: #333;
        font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','Arial',sans-serif;
    
    }
    
    
    .interview_main_img{
        width: 100%;
        margin-bottom: 40px;
    }
    
    
    .interview_main_img img{
        width: 100%;
    }
    
    .interview_list{
        width: 100%;
    }
    
    .interview_list > ul > li{
        
        border: 1px solid #4c6ca1;
        border-radius: 10px;
    
        padding: 30px;
        box-sizing: border-box;
    
        background-color: #f5f4ea;
        overflow: auto;
        margin-bottom: 30px;
    }
    
    .interview_img{
        float: left;
        width: 360px;
        margin-right: 40px;
    }
    
    .interview_txt{
    
        width: calc(100% - 400px);
        float: right;
    
        margin-bottom: 30px;
    }
    
    .interview_txt dt{
        font-size: 170%;
        font-weight: bold;
        margin-bottom: 20px;
        color: #000000;
    }
    
    .interview_txt dd{
        font-size: 100%;
        color: #666666;
    }
    
    .interview_txt dd p{
        font-size: 130%;
        font-weight: bold;
        color: #000000;
    }
    
    .interview_sounds{
        width: calc(100% - 400px);
        float: right;
    }
    
    
    .interview_sounds li{
        width:300px;
        height:auto;
        text-decoration: none;
        margin-bottom: 10px;
    
        color: #000000;
        font-weight: bold;
    }
    
    .interview_sounds li a{
        position: relative;
        display: block;
        width:300px;
        height: auto;
        min-height: 40px;
        font-size: 115%;
        line-height: 110%;
        color:#FFFFFF;
        
        background: #4c6ca1;
    
        border: 1px solid #4c6ca1;
         box-sizing: border-box;
    
         padding: 12px 25px 8px;
         box-sizing: border-box;
    
       -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease;
        
        -webkit-border-radius:20px;     /* for Safari and Chrome */
        -moz-border-radius: 20px;  /* for Firefox */
        -o-border-radius: 20px;  /* when Opera Presto 2.3 or later is released */
        -khtml-border-radius:20px;   /* Linux browsers */
        border-radius:20px;     /* CSS3 */    
    }
    
    .interview_sounds li a::after{
        position: absolute;
        top: 46%;
        right: 30px;
    
        width: 28px;
        height: 12px;
        content: url(../interview/data/img/sounds_icon.png);
    
    
        transform: translate(50%,-50%);
    
    }
    
    .interview_sounds li a:hover {
        background:#0a418f;
    
        text-decoration: none;
    
    }
    

}