@charset "utf-8";

/*ウインドウ全体の設定*/
body{
width: 90%;
max-width: 700px;
margin: 0 auto;
background-color: #fff;
}

#wrap{
background-color: #fff;
}

/*リンク色の設定*/
a{
/*color: #df4839;*/
color: #2f2faf;
/*font-weight: 550;*/
}

a:hover{
/*color: #ff705b;*/
color: #1f1fff;
}

.goto_link{
text-align: right;
}

/*ヘッダー*/
Header{
overflow: hidden;
}

#logo{
margin-top:  20px;
float: left;
}


/*メインイメージ*/
#main_image{
max-width: 100%;
height: auto;
}

/*ページタイトルの設定*/
h1{
/* border-top: #6fbb9a 2px dotted; */
/* border-bottom: #6fbb9a 2px dotted; */
/*padding: 15px;*/
/*text-align: center;*/
/*font-size: 130%;*/
}

/*境界線*/
.line1{
height: 10px;
background: -moz-linear-gradient(left,#fff,#eee);
background: -webkit-linear-gradient(left,#fff,#eee);
background:linear-gradient(to right,#fff,#eee);
margin-bottom: 30px;
clear: both;
}

/*メインコンテンツの設定*/
/*h2{*/
/*color: #222;*/
/*font-size :180%;*/
/*}*/

/*h3{*/
/*margin-bottom: 30px;*/
/*font-size :130%;*/
/*}*/

/*中央表示画像の設定*/
.photo_center{
max-width: 100%;
display: block;
margin: 0 auto;
}

/*iframeの設定*/
iframe{
border: 0;
}


/*フッターの設定*/
footer{
}

#goto_top{
float: right;
}

#links{
margin: 0 20px 10px 0;
color: #888;
float: left;
}

#links > ul > li {
padding-bottom: 10px;
}

#links > ul > li > a{
text-decoration: underline;
color: #888;
}

#goto_home{
padding-top: 30px;
text-align: left;
}

#flex_school_name{
clear: both;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

#school_name{
margin-left: 10px;
font-weight: bold;
font-size: 130%;
}

#copyright{
text-align: center;
}

/*個別ページ設定*/
/*ホーム*/
@media screen and (min-width:641px){
.home_photo_l{
float: left;
margin-right: 20px;
padding: 0 5px 5px 0;
border-bottom: #bbb 1px solid;
border-right: #bbb 1px solid;
}

.home_photo_r{
float: right;
margin-left: 20px;
padding: 0 5px 5px 0;
border-bottom: #bbb 1px solid;
border-right: #bbb 1px solid;
}

.main_contents{
overflow: hidden;
margin-bottom: 30px;
}
}

@media screen and (max-width:640px){
.home_photo_l{
margin: 0 20px 10px 0;
padding: 0 5px 5px 0;
border-bottom: #bbb 1px solid;
border-right: #bbb 1px solid;
}

.home_photo_r{
margin: 0 20px 10px 0;
padding: 0 5px 5px 0;
border-bottom: #bbb 1px solid;
border-right: #bbb 1px solid;
}                       

.main_contents{
overflow: hidden;
margin-bottom: 30px;
}
}

.main_contents > iframe{
max-width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}