@charset "utf-8";
/* CSS Document */

/*
Theme Name: Main Theme(季節留学2026春)
Author: インターネットデザイン株式会社
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap'); /*webFont => NotSans*/
*{
    font-family:'Noto Sans JP', 'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-feature-settings : "palt";
}

/* 初期化
-------------------------------------------------------------------------------- */
html{overflow-y:scroll; -webkit-box-sizing:border-box; box-sizing:border-box;}
html *{-webkit-box-sizing:border-box; box-sizing:border-box;margin: 0;padding: 0;}
body{
    margin:0px;
    padding:0px;
    font-size: 100%;
    font-weight:500;
}
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address{
    color:#231815;
    line-height:1em;
/*
    font-family:'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-feature-settings: "palt";
*/
}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre,input,textarea{
    line-height:1.6em;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:top;
}
h1,h2,h3,h4,h5,h6{color:#231815;}
h4,h5,h6{ font-size:120%;}
h2,h3,h4,h5,h6{font-weight:normal;}
p{ margin:2px 0 5px 0; }
li{list-style:none;}
dt{font-weight:bold;}
p,li,dt,dd,th,td,address{line-height:1.6em;}
address{font-style:normal;}
li{list-style:none;}
table,img{border:0;}
table td{ vertical-align:top; text-align:left;}
table th{ vertical-align:middle; text-align:center;}
table th, table td{ padding:8px;}
/*img{ vertical-align:middle; max-width:100%; height:auto;}*/
img{ max-width:100%; height:auto;}
fieldset{ margin:0; padding:0; border:0;}
strong{ font-weight:bold;}
.through{ text-decoration:line-through; color:#999;}
a:link{text-decoration:none; color:#006699;}
a:visited{text-decoration:none; color:#6668B7;}
a:hover{text-decoration:underline; color:#5B7902;}
a:active{text-decoration:underline; color:#003298;}
a:focus{outline:none; color:#003298;}
.clear{clear:both;}
.none{display:none;}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: "";
    display:block;
    height:0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */



/*----------------------------------------------------------------------------
***                                                          メディアクエリ
----------------------------------------------------------------------------*/
@media screen and (min-width: 320px) { body{ font-size:75%;}}
@media screen and (min-width: 380px) { body{ font-size:85%;}}
@media screen and (min-width: 400px) { body{ font-size:90%;}}

@media screen and (orientation: landscape) and (min-device-width: 600px) { body{ font-size:75%;}}
@media screen and (orientation: landscape) and (min-device-width: 700px) { body{ font-size:85%;}}
@media screen and (orientation: landscape) and (min-device-width: 800px) { body{ font-size:90%;}}