@charset "utf-8";

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

.danrakumapphoto{
    padding: 2%;
}
.danrakumapphoto img{
    width:70%;
    margin: 0 auto;
    display: block;

}
.mailadress{
    width: 30%;
    display: block;
    margin: auto;
}
@media(max-width:700px){
    .mailadress{
        width: 60%;
    }
}
@media(max-width:500px){
    .mailadress{
        width: 75%;
    }
}
#section1 {
    width: 90%;
    z-index: 1;
    margin-right:5%;
    margin-left:5%;
    

}


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


.wakunasi-photo img{
    margin:auto;
    display:block;
    height:auto;
    width:60%;
    background-color: #fff;
    background-size: contain;
    border: 4px solid #022d46;
}

.wakunasi-table-item{
    width:80%;
    height:auto;
    margin-top:5%;
    margin-bottom:5%;
    margin-right:auto;
    margin-left:auto;
}

.lab-table-item2 {
    margin:0 auto;
    margin-bottom:5%;
    width:100%;
    margin-bottom:5%;
}

.kyoku-photo img{
    width:80vw;
    margin:0 auto;
}

.syoukaibun{
    width:95%;
    margin:0 auto;
    margin-top:10%;
    margin-bottom:10%;
    line-height:30px;
    padding-top:2%;
}

h4{
    display:inline-block;
    font-size:20px;
}

.danraku{
    margin-bottom:20px;
}

.syoukaibun p{
    font-size:20px;
}
.sentence h2{
    display:inline-block;
    font-size:30px;
}

.sentence {
    margin-top:30px;
    line-height:30px;
    margin-bottom:300px;
    padding-bottom:7px;
    font-size: 80%;
    text-align: left;
}

.sentence h3{
display:inline-block;
margin-bottom:6px;
font-size:25px;
}

.sentence a{
    text-decoration:underline;
    color:#0874b3;
}

.kyousankigyou a{
    color:#0874b3;
}

.earth{
    display:inline-block;
    width:40px;
    margin:-7px;
}

.tenou{
    display:inline-block;
    width:30px;
    margin:-7px;
}

.dosei{
    width:40px;
    margin:-9px;
}

.theme{
    border-bottom:solid 4px #022d46;
    margin-top:40px;
    margin-bottom:20px;
}

.hutoji{
    font-weight:bold;
}

.sentence li{
    list-style:square outside;
}

/* Google Mapを囲う要素 */
.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; /* 比率を4:3に固定 */
  }
   
  /* Google Mapのiframe */
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .gmap_wrapper {
    max-width: 1000px;　　/*1000pxは任意の値にする*/
}
.gmap {
    position: relative;
    width: 85%;
    height: 0;
    padding-top: 56.25%;/*16:9の比率にしたい場合、9/16=56.25%*/
    margin:0 auto;
    margin-bottom:50px;
}
.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kyousankigyou{
    line-height:40px;
    text-align:center;
    margin-top:20px;
    margin-bottom: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}
@media (max-width:400px){
    .kyousankigyou{
        font-size:80%;
    }
}
.kyousankigyou1{
    line-height:30px;
    text-align:left;
    margin-top:20px;
    margin-left:10%;
    margin-right:10%;
}

.junhudou{
    text-align:right;
    margin-right:20vw;
    margin-top:30px;
}

.btn1 {
    text-align: center;
	font-size: 0.8rem;	/*文字サイズを120%に*/
    margin-top:1%;
}
.btn1 a {
	display: inline-block;text-decoration: none;
    background-color:#e4a7da;	/*背景色。css冒頭で指定しているprimary-colorを読み込みます*/
	color: #fff;	/*文字色。css冒頭で指定しているprimary-inverse-colorを読み込みます*/
	border-radius: 100px;	/*角を丸くする指定*/
	padding: 0.5em 2em;		/*上下、左右へのボタン内の余白*/
}

/*矢印アイコン*/
.arrow1::after {
	display: inline-block;
	font-family: "Font Awesome 6 Free";	/*Font Awesomeを使う指定*/
	font-weight: bold;
    content: "\f061";		/*アイコンのコード*/
	padding-left: 0.5em;	/*アイコンとテキストとの間のスペース*/
	transition: 0.3s;
}
.arrow1:hover::after {
	transform: translateX(0.2em);	/*マウスオン時に少しだけ移動する*/
}

.meado{
    display:inline-block;
}



.meado img{
    height:20px;
    margin-top:20px;

}


.me-ru{
    display:inline-block;
    margin-top:-2px;
}