@charset "utf-8";

/* トップメッセージ */
#main .top {
	position: relative;
	background: url('../img/bg_kanshu.png') bottom right no-repeat;
	height: 300px;
}
#main .top_message {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#main .top_message-main {
	font-size: 32px;
	font-weight: bold;
}
#main .top_message-sign {
	font-size: 24px;
	font-weight: bold;
	margin-top: 25px;
}
#main .top_message-sign span {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
#main .top_message-sub {
	font-size: 16px;
	margin-top: 35px;
    line-height: 1.8em;
}
/* プロフィール */
#main .profile {
	font-size: 16px;
	margin: 50px 0 45px;
}
#main .profile_position {
	font-weight: bold;
}
#main .profile_name {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
}
#main .profile_message {
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}
#main .profile_message-txt {
	width: 640px;
}
#main .profile_message-txt p:not(:first-child) {
	margin-top: 10px;
}
#main .profile_message-image {
	width: 200px;
	margin-left: 40px;
}
#main .profile_experience {
	margin: 35px 0 80px;
}
#main .profile_experience dl:not(:first-child) {
	margin-top: 30px;
}
#main .profile_experience dt {
	font-size: 16px;
	font-weight: bold;
}
#main .profile_experience dd {
	display: list-item;
	margin-left: 1.2em;
	text-indent: -0.5em;
}
#main .profile_experience dd:first-of-type {
	margin-top: 5px;
}
#main .experience_books {
	display: flex;
	width: 530px;
	margin-top: 30px;
}
#main .experience_books li {
	width: calc((100% - 30px) / 3);
}
#main .experience_books li:not(:first-child) {
	margin-left: 30px;
}
#main .experience_books li img {
	box-shadow: 0 2px 6px rgba(6, 0, 1, 0.25);
}

@media screen and (max-width: 750px) {
    /* トップメッセージ */
    #main .top {
        padding: 0 calc(22*100vw/750);
        box-sizing: border-box;
        background-position: top calc(40 * 100vw / 750) right;
        background-size: calc(340*100vw/750) auto;
        height: calc(560*100vw/750);
    }
    #main .top_message-main {
        font-size: calc(44*100vw/750);
    }

    #main .top_message-sign {
        font-size: calc(36*100vw/750);
        margin-top: calc(60*100vw/750);
    }
    #main .top_message-sign span {
        font-size: calc(28*100vw/750);
    }

    #main .top_message-sub {
        font-size: calc(28*100vw/750);
        margin-top: calc(60*100vw/750);
        line-height: 1.6;
    }
    #main .experience_books {
        display: flex;
        width: 100%;
        margin-top: calc(60*100vw/750);
    }
    /* プロフィール */
    #main .profile {
        font-size: calc(28*100vw/750);
        margin: calc(80*100vw/750) 0 calc(60*100vw/750);
        padding: calc(40*100vw/750) calc(22*100vw/750) 0;
        box-sizing: border-box;
        position: relative;
    }
    #main .profile_position {
        font-size: calc(28*100vw/750);
        margin-left: calc(300*100vw/750);
    }
    #main .profile_name {
        font-size: calc(32*100vw/750);
        margin-top: calc(10*100vw/750);
        margin-left: calc(300*100vw/750);
    }
    #main .profile_message {
        margin-top: calc(140*100vw/750);
    }
    #main .profile_message-txt {
        width: 100%;
    }
    #main .profile_message-txt p:not(:first-child) {
        margin-top: calc(18*100vw/750);
    }
    #main .profile_message-image {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(280*100vw/750);
        margin-left: 0;
    }
    #main .profile_experience {
        margin: calc(60*100vw/750) 0 calc(100*100vw/750);
    }
    #main .profile_experience dl:not(:first-child) {
        margin-top: calc(40*100vw/750);
    }
    #main .profile_experience dt {
        font-size: calc(32*100vw/750);
    }
    #main .profile_experience dd {
        padding-left: 0.5em;
    }
    #main .profile_experience dd:first-of-type {
        margin-top: calc(8*100vw/750);
    }
    #main .experience_books {
        width: 100%;
        margin-top: calc(40*100vw/750);
        gap: calc(20*100vw/750);
    }
    #main .experience_books li {
        width: auto;
    }
    #main .experience_books li:not(:first-child) {
        margin-left: 0;
    }
    #main .experience_books li img {
        box-shadow: 0 calc(4*100vw/750) calc(12*100vw/750) rgba(6, 0, 1, 0.25);
    }
}