@charset "shift_jis";

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

div.box_1 {
	width:100%;
	padding-bottom:1vw;
	margin:1vw auto;
}
div.detail_text {
	width:90%;
	padding:0 2%;
	margin:1vw auto 2vw;
}

.name{
    font-size: 1.6vw;
    margin-bottom: 2vw;
    margin-left: 4vw;
}

.box{
    margin:1vw auto;
    border-radius: 10px;
    border: 1px solid #259df8;
    box-sizing: border-box;
    padding: 0.5vw 2vw;
    width:90%;
    position: relative;
}
.box_name{
    font-weight: bold;
    font-size: 1.6vw;
    line-height: 3.8vw;
    position: absolute;
    left:14%;
}
.small_gray{
    color: #000;
    font-size: 1.4vw;
    line-height: 3.8vw;
    width: 9%;
}

}

@media screen and (max-width: 750px) {

div.box_1 {
	width:100%;
	padding:0;
	margin:5vw auto;
}
div.detail_text {
	width:96%;
	padding:0 2%;
	margin:5vw auto 7vw;
}

.name{
    font-size: 5.5vw;
    font-weight: bold;
    margin: 8vw 0 8vw 4vw;
}

.box{
    width:88%;
	margin:2.5vw auto;
        border-radius: 5px;
	border: 1px solid #259df8;   
	padding:2vw 4vw;
}
.box_name{
    font-weight: bold;
}
.small_gray{
    color: #000;
}

}