#secTop {
    background: url(../img/main/greeting.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.greeting_in {
    margin: 0px auto 0vw;
}

@media handheld, only screen and (max-width: 960px) {
	.greeting_in {
	    margin: 0px 5vw 0vw;
	}

	.inlineB_tablet {
	    display: inline-block;
	}
}

/*.greeting_in h2 {
    font-size: min(max(22px, calc(1.375rem +((1vw - 3.9px)* 2.6087))), 40px);
    min-height: 0vw;
    text-align: center;
    margin-bottom: 2vw;
}
*/

.guji {
    width: 40%;
    max-width: 300px;
    float: left;
    text-align: center;
    margin-right: 3vw;
    margin-bottom: 3vw;
}

.gujiName {
	/* 18px @ 390px increasing to 26px @ 1080px */
	font-size: 16px;
    color: #000;
}

.gujiName span{
    /* 20px @ 767px increasing to 30px @ 1080px */
 font-size: min(max(20px, calc(1.25rem + ((1vw - 7.67px) * 3.1949))), 30px);
  min-height: 0vw;
    font-weight: bold;
    color: #000;
}


.txt p.mb20{
	margin-bottom: 20px;
}

.txt p.mb40{
	margin-bottom: 40px;
}

.txt p.inlineB{
	display: inline-block;
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　スマホ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/



@media handheld, only screen and (max-width: 767px) {
    #secTop {
        background: url(../img/main/greeting_sp.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }

	.guji {
        width: 60%;
        max-width: 300px;
        float: none;
        text-align: center;
        margin-right: 0vw;
        margin-bottom: 0vw;
        margin: 0 auto 3vw;
    }

    .gujiName span{
        /*360 18px 766 20px*/
 font-size: min(max(18px, calc(1.125rem + ((1vw - 3.6px) * 0.4926))), 20px);
  min-height: 0vw;
    }
}


@media handheld, only screen and (max-width: 480px) {


}
