@charset "utf-8";

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");

body{

    width:100%;
    min-height: 100vh;
	font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
    font-size: 20px;
    background-color: #fff;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	background-size: cover;

    background-image:url("/~gakusei/gakusai/47th/img/backimage-white.jpg");
    background-repeat:repeat-y;
    background-position:center top;
    background-size:100% auto;

    text-align: center;
	
}

#section1 {
    max-width: 90%;
    width: 1000px;
    margin: auto;
    z-index: 1;

}

.lab-table-item {
    background-image: url(https://www.med.kagawa-u.ac.jp/~gakusei/gakusai/47th/sakai_images/lab_introduction/puzzle.png);
    background-size: contain;
    border: 4px solid #022d46;
    padding:5px 10px;
    width:50vw;
    margin:0 auto;
    margin-bottom:5%;
}

.form{
    margin:5% 2% ;

}

.form p {
    font-weight: 500;
}

.form img {
    width: 100%;
    height: auto;
}

h2{
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #022d46;
}



/* ========================= */
/* タブレット・スマホ対応 */
/* ========================= */

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

    #section1 {
        width: 90%;
        max-width: 1000px;
    }

    .lab-table-item {
        width: 70%;
    }

    body {
        font-size: 18px;
    }

}


/* ========================= */
/* スマートフォン対応 */
/* ========================= */

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

    #section1 {
        width: 95%;
        max-width: none;
    }

    h2 {
        font-size: 1.5rem;
        margin-top: 1.5rem;
    }

    .lab-table-item {
        width: 100%;
        padding: 10px;
    }

    .form {
        margin: 5% 1%;
    }

    .form p {
        text-align: center;
        font-size: 14px;
    }

    .form a {
        display: block;
        text-align: center;
        font-size: 12px;

        /* 長いURLを画面内で折り返す */
        overflow-wrap: anywhere;
        word-break: break-word;
    }

}