@charset "UTF-8";
@media screen and (min-width: 737px) {

h1,
h2,
h3,
ul,
li,
figure{
margin:0;
padding:0;
}

body{
background-image:url(../../images/header_line.png);
background-repeat:repeat-x;
font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
margin:0;
padding:0;
}

p{
margin: 0 0 1em 0;
}

html{
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}

img{
border: none;
vertical-align: bottom;
}

section,
nav,
article,
figure,
aside,
header,
footer,
main{
  display: block;
}

/**　テキスト設定　**/

.txt-center{
text-align: center;
}

.txt-right{
text-align: right;
}

.txt-bold{
font-weight:bold;
}

.txt-blue{
color: #46c7eb;
}

.txt-blue2{
color: #46c7eb;
font-weight:bold;
font-size:1.2em;
margin-bottom:0.5em;
}

.txt-green{
color: #77c300;
}

.txt-orange{
color: #ff9000;
}

.txt-pink{
color: #e41c7f;
}

.txt-red{
color: #ff0000;
}

.txt-navy{
color: #1574c4;
}

.txt-black{
color: #000;
}

.stx{
font-size: 0.75em;
}

.mtx{
font-size: 1.2em;
}

.mmtx{
font-size: 1.25em;
}

.ltx{
font-size: 1.4em;
}

.lsm-1{
letter-spacing:-0.05em;
}

.lh-13{
line-height:1.3em;
}

.h5-type{
background-image:url(../../images/marker6.png);
background-position:0 50%;
background-repeat:no-repeat;
font-weight:bold;
clear:both;
color:#41cff1;
text-indent:18px;
font-size:1.1em;
margin-bottom:0.5em;
}

.h5-type2{
background-image:url(../../images/marker6.png);
background-position:0 50%;
background-repeat:no-repeat;
font-weight:bold;
clear:both;
color:#41cff1;
text-indent:18px;
font-size:1.2em;
margin-bottom:0.5em;
}

.h5-type3{
background-image:url(../../images/marker6.png);
background-position:0 50%;
background-repeat:no-repeat;
font-weight:bold;
color:#41cff1;
text-indent:18px;
font-size:1.2em;
margin-bottom:0.5em;
}

.link-txt1{
background-image:url(../../images/marker1.png);
background-position:0 50%;
background-repeat:no-repeat;
text-indent: 17px;
}

.link-txt2{
background-image:url(../../images/marker2.png);
background-position:0 50%;
background-repeat:no-repeat;
text-indent: 17px;
}

.linktxt-right{
text-align:right;
}

.linktxt-right span{
background-image:url(../../common/images/lnavi1b.png);
background-repeat:no-repeat;
background-position:0 50%;
display:inline-block;
text-indent:18px;
}

/** リスト **/

ul.type-a,
ul.type-b,
ul.type-c,
ul.type-d,
ul.list-style-2,
ul.list-style-3,
ul.list-style-1,
ul.list-style-4{
list-style-type:none;
margin-bottom:15px;
}

ul.type-a li,
ul.list-style-2 li,
ul.list-style-3 li{
background-image:url(../../images/marker1.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:19px;
}

ul.type-c li{
background-image:url(../../images/marker1.png);
background-position:0 7px;
background-repeat:no-repeat;
padding-left:19px;
vertical-align:top;
}

ul.type-b li,
ul.list-style-1,
ul.list-style-4 li{
background-image:url(../../images/marker2.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:19px;
}

ul.type-d li{
background-image:url(../../images/marker2.png);
background-position:0 7px;
background-repeat:no-repeat;
padding-left:19px;
vertical-align:top;
}

ul ul{
list-style-type:none;
}

ul.type-a  ul li,
ul.type-b  ul li,
ul.type-c  ul li,
ul.type-d  ul li{
background-image:url(../../images/marker5.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:12px;
}

.qa-list{
margin:0 0 30px 0;
padding:0;
}

.qa-list dt{
padding:0 0 0 40px;
margin:0 0 10px 0;
background-image:url(../../images/icon_q.png);
background-repeat:no-repeat;
background-position:0 50%;
font-weight:bold;
font-size:1.2em;
}

.qa-list dd{
padding:0 0 0 40px;
background-image:url(../../images/icon_a.png);
background-repeat:no-repeat;
background-position:0 0;
margin:0 0 20px 0;
}
	

/**　テーブル設定　**/

table.type-a,
table.type-b,
table.type-c,
table.table-style-f{
margin:0 0 30px 0;
padding:0;
border-collapse:collapse;
border-top:1px solid #bddbe5;
border-left:1px solid #bddbe5;
width:100%;
clear:both;
}

table.type-d{
margin:0 0 30px 20px;
float:right;
padding:0;
border-collapse:collapse;
border-top:1px solid #bddbe5;
border-left:1px solid #bddbe5;
width:50%;
clear:both;
}

table.type-e{
margin:0 0 5px 0;
padding:0;
border-collapse:collapse;
border-top:1px solid #bddbe5;
border-left:1px solid #bddbe5;
width:100%;
clear:both;
}

table.type-a th,
table.type-a td,
table.type-b th,
table.type-b td,
table.type-d th,
table.type-d td,
table.type-e th,
table.type-e td,
table.table-style-f th,
table.table-style-f td{
padding:17px 15px;
border-bottom:1px solid #bddbe5;
border-right:1px solid #bddbe5;
}

table.type-c th,
table.type-c td{
width:25%;
padding:17px 15px;
border-bottom:1px solid #bddbe5;
border-right:1px solid #bddbe5;
}

table.type-a th,
table.type-c th,
table.type-d th,
table.type-e th,
table.table-style-f th{
background-color:#f3f9fb;
color:#32baeb;
text-align:left;
}

table.type-b th{
background-color:#f3f9fb;
text-align:left;
}

table .table-in,
table .table-in td{
border:none;
padding:5px 30px 5px 0;
}

/* デザイン */

#logo{
width:980px;
text-align:right;
margin:0 auto;
padding: 16px 0;
}

article{
background-image:url(images/his_main_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color:#fbf8ea;
font-size:1.4em;
line-height:1.7em;
}

h1{
width:980px;
margin:0 auto;
padding:0;
}

#prof{
width: 980px;
margin: auto;
overflow: hidden;
background-image: url(images/his_subimg.png);
background-repeat: no-repeat;
background-position: 0px 20px;
padding: 35px 0;
padding-right: 0;
}

#prof p{
width: 423px;
padding-right: 30px;
float: left;
margin-left: 180px;
}

#names{
width:315px;
padding-left:30px;
border-left:1px solid #e3ddc3;
float:right;
font-size:0.9em;
padding-bottom:20px;
}

#names span{
display:block;
color:#32baeb;
font-weight:bold;
line-height:1.2em;
margin-bottom:0.3em;
}

.wrap{
width:580px;
margin:auto;
}

a{
color:#32baeb;
}

#first-sec{
background-image:url(images/his_h1_bg2.png);
padding-bottom:55px;
}

#first-sec h2{
background-image:url(images/his_s1_bg1.png);
background-repeat:repeat-x;
width:100%;
text-align:center;
margin-bottom:25px;
}

#second-sec h2,
#third-sec h2,
#fourth-sec h2,
#fifth-sec h2,
#sixth-sec h2,
#seventh-sec h2{
width:100%;
text-align:center;
margin-bottom:25px;
}

#second-sec{
background-image:url(images/his_s2_bg1.png);
padding-bottom:55px;
}

#third-sec{
background-image:url(images/his_s3_bg1.png);
padding-bottom:55px;
}

#fourth-sec{
background-image:url(images/his_s4_bg1.png);
padding-bottom:55px;
}

#fifth-sec{
background-image:url(images/his_s5_bg1.png);
padding-bottom:55px;
}

#sixth-sec{
background-image:url(images/his_s6_bg1.png);
padding-bottom:55px;
}
#seventh-sec{
background-image:url(images/his_s7_bg1.png);
padding-bottom:55px;
}

figure{
text-align:center;
}

.pdb{
padding:25px 0;
}

footer{
background-image:url(images/his_ft.png);
background-repeat:repeat-x;
background-color:#105b7a;
}

footer p{
width:980px;
text-align:center;
padding:35px 0;
margin:0 auto;
color:#fff;
}

#bg-pic01{
background-image:url(images/his_s1_pic1.png);
background-position:50% bottom;
background-repeat: no-repeat;
padding-bottom: 310px;
}
#bg-pic02{
background-image:url(images/his_s2_pic1.png);
background-position:50% top;
background-repeat: no-repeat;
padding-top: 290px;
}
#bg-pic03{
background-image:url(images/his_s2_pic2.jpg);
background-position:50% bottom;
background-repeat: no-repeat;
padding-bottom: 130px;
margin-bottom: 30px;
}
#bg-pic04{
background-image:url(images/his_s2_pic3.jpg);
background-position:50% bottom;
background-repeat: no-repeat;
padding-bottom: 140px;
margin-bottom: 25px;
}
#bg-pic05{
background-image:url(images/his_s3_pic1.png);
background-position:50% top;
background-repeat: no-repeat;
padding-top: 305px;
}
#bg-pic06{
background-image:url(images/his_wwwb2.png);
background-position:50% 25px;
background-repeat: no-repeat;
padding-top: 335px;
}
#bg-pic07{
background-image:url(images/his_s4_pic1.png);
background-position:50% 25px;
background-repeat: no-repeat;
padding-top: 280px;
}
#bg-pic08{
background-image:url(images/his_s5_pic1.png);
background-position:50% 0;
background-repeat: no-repeat;
padding-top:180px;
}
#bg-pic09{
background-image:url(images/his_s6_pic1.png);
background-position:50% 0;
background-repeat: no-repeat;
padding-top:310px;
}
#bg-pic10{
background-image:url(images/his_s7_pic1.png);
background-position:50% 0;
background-repeat: no-repeat;
background-size: 100% auto;
padding-top:310px;
}
#bg-pic11{
background-image:url(images/his_s7_bg5.png);
background-position:50% 0;
background-repeat: no-repeat;
padding-top:210px;
}

#school-navi{
background-color:#fff;
margin:0 auto;
padding:50px 0 80px 0;
}

.school-btn{
width:400px;
margin:auto;
}

.school-btn a{
display:block;
background-color:#FBA626;
box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
text-decoration:none;
padding:20px 20px 20px 45px;
color:#fff;
line-height:100%;
font-weight:bold;
font-size:25px;
border:1px solid #fff;
background-image:url(../../common/images/more_les01.png);
background-repeat:no-repeat;
background-position:20px 50%;
}

.school-btn span{
display:block;
font-size:17px;
font-weight:normal;
margin-bottom:2px;
}


.school-btn2{
background-color:#F3F9FB;
padding:12px;
width:556px;
margin:auto;
}

.school-btn2 a{
display:block;
background-color:#5bc2dc;
box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
text-decoration:none;
padding:25px 20px 25px 40px;
color:#fff;
line-height:100%;
font-weight:bold;
font-size:25px;
border:1px solid #fff;
background-image:url(../../common/images/more_mat01.png),url(images/history_school.jpg);
background-repeat:no-repeat;
background-position:20px 50%, 300px 50%;
}

.school-btn2 span{
display:block;
font-size:17px;
font-weight:normal;
margin-bottom:5px;
}

.school-title{
font-size:32px;
text-align:center;
line-height:125%;
}

.school-txt{
width:580px;
margin:0 auto 30px auto;
}

.border-type1 {
border: 1px dashed #94C2D0;
padding: 30px 20px;
margin:30px auto 0 auto;
overflow: hidden;
clear: both;
width:540px
}

}




@media screen and (max-width: 736px){

h1,
h2,
h3,
ul,
li,
figure{
margin:0;
padding:0;
}

body{
background-image:url(../../images/header_line.png);
background-repeat:repeat-x;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
margin:0;
padding:0;
}

p{
margin: 0 0 1em 0;
font-size:1.4em;
}

html{
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}

img{
border: none;
vertical-align: bottom;
max-width: 100%;
height:auto;
}

section,
nav,
article,
figure,
aside,
header,
footer,
main{
  display: block;
}

/**　テキスト設定　**/

.txt-center{
text-align: center;
}

.txt-right{
text-align: right;
}

.txt-bold{
font-weight:bold;
}

.txt-blue{
color: #46c7eb;
}

.txt-blue2{
color: #46c7eb;
font-weight:bold;
font-size:1.2em;
margin-bottom:0.5em;
}

.txt-green{
color: #77c300;
}

.txt-orange{
color: #ff9000;
}

.txt-pink{
color: #e41c7f;
}

.txt-red{
color: #ff0000;
}

.txt-navy{
color: #1574c4;
}

.txt-black{
color: #000;
}

.stx{
font-size: 0.75em;
}

.mtx{
font-size: 1.2em;
}

.mmtx{
font-size: 1.25em;
}

.ltx{
font-size: 1.4em;
}

.lsm-1{
letter-spacing:-0.05em;
}

.lh-13{
line-height:1.3em;
}

.h5-type{
background-image:url(../../images/marker6.png);
background-position:0 50%;
background-repeat:no-repeat;
font-weight:bold;
clear:both;
color:#41cff1;
text-indent:18px;
font-size:1.1em;
margin-bottom:0.5em;
}

.h5-type2{
background-image:url(../../images/marker6.png);
background-position:0 50%;
background-repeat:no-repeat;
font-weight:bold;
clear:both;
color:#41cff1;
text-indent:18px;
font-size:1.2em;
margin-bottom:0.5em;
}

.h5-type3{
background-image:url(../../images/marker6.png);
background-position:0 50%;
background-repeat:no-repeat;
font-weight:bold;
color:#41cff1;
text-indent:18px;
font-size:1.2em;
margin-bottom:0.5em;
}

.link-txt1{
background-image:url(../../images/marker1.png);
background-position:0 50%;
background-repeat:no-repeat;
text-indent: 17px;
}

.link-txt2{
background-image:url(../../images/marker2.png);
background-position:0 50%;
background-repeat:no-repeat;
text-indent: 17px;
}

.linktxt-right{
text-align:right;
}

.linktxt-right span{
background-image:url(../../images/marker1.png);
background-repeat:no-repeat;
background-position:0 50%;
display:inline-block;
text-indent:18px;
}

/** リスト **/

ul.type-a,
ul.type-b,
ul.type-c,
ul.type-d,
ul.list-style-2,
ul.list-style-3,
ul.list-style-1,
ul.list-style-4{
list-style-type:none;
margin-bottom:15px;
}

ul.type-a li,
ul.list-style-2 li,
ul.list-style-3 li{
background-image:url(../../images/marker1.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:19px;
}

ul.type-c li{
background-image:url(../../images/marker1.png);
background-position:0 7px;
background-repeat:no-repeat;
padding-left:19px;
vertical-align:top;
}

ul.type-b li,
ul.list-style-1,
ul.list-style-4 li{
background-image:url(../../images/marker2.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:19px;
}

ul.type-d li{
background-image:url(../../images/marker2.png);
background-position:0 7px;
background-repeat:no-repeat;
padding-left:19px;
vertical-align:top;
}

ul ul{
list-style-type:none;
}

ul.type-a  ul li,
ul.type-b  ul li,
ul.type-c  ul li,
ul.type-d  ul li{
background-image:url(../../images/marker5.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:12px;
}

.qa-list{
margin:0 0 30px 0;
padding:0;
}

.qa-list dt{
padding:0 0 0 40px;
margin:0 0 10px 0;
background-image:url(../../images/icon_q.png);
background-repeat:no-repeat;
background-position:0 50%;
font-weight:bold;
font-size:1.2em;
}

.qa-list dd{
padding:0 0 0 40px;
background-image:url(../../images/icon_a.png);
background-repeat:no-repeat;
background-position:0 0;
margin:0 0 20px 0;
}
	
/**　テーブル設定　**/

table.type-a,
table.type-b,
table.type-c,
table.table-style-f{
margin:0 0 30px 0;
padding:0;
border-collapse:collapse;
border-top:1px solid #bddbe5;
border-left:1px solid #bddbe5;
width:100%;
clear:both;
}

table.type-d{
margin:0 0 30px 20px;
float:right;
padding:0;
border-collapse:collapse;
border-top:1px solid #bddbe5;
border-left:1px solid #bddbe5;
width:50%;
clear:both;
}

table.type-e{
margin:0 0 5px 0;
padding:0;
border-collapse:collapse;
border-top:1px solid #bddbe5;
border-left:1px solid #bddbe5;
width:100%;
clear:both;
}

table.type-a th,
table.type-a td,
table.type-b th,
table.type-b td,
table.type-d th,
table.type-d td,
table.type-e th,
table.type-e td,
table.table-style-f th,
table.table-style-f td{
padding:17px 15px;
border-bottom:1px solid #bddbe5;
border-right:1px solid #bddbe5;
}

table.type-c th,
table.type-c td{
width:25%;
padding:17px 15px;
border-bottom:1px solid #bddbe5;
border-right:1px solid #bddbe5;
}

table.type-a th,
table.type-c th,
table.type-d th,
table.type-e th,
table.table-style-f th{
background-color:#f3f9fb;
color:#32baeb;
text-align:left;
}

table.type-b th{
background-color:#f3f9fb;
text-align:left;
}

table .table-in,
table .table-in td{
border:none;
padding:5px 30px 5px 0;
}

/* デザイン */

#logo{
width:124px;
text-align:right;
margin:0 auto;
padding:16px 0;
}

article{
font-size:1.4em;
line-height:1.7em;
background-color:#fbf8ea;
}

h1{
width:100%;
margin:0 auto;
padding:0;
}

#prof{
width: 92%;
margin: auto;
overflow: hidden;
padding-top:10px;
}
/*
#prof p{
background-image: url(images/his_subimg.png);
background-repeat: no-repeat;
background-position: right 0;
background-size: 82px 90px;
padding-right: 90px;
}
*/

#names{
padding-left:30px;
border:1px solid #e3ddc3;
float:right;
font-size:0.9em;
padding:10px;
margin-bottom: 25px;
}

#names span{
display:block;
color:#32baeb;
font-weight:bold;
line-height:1.3em;
margin-bottom:0.3em;
}

.wrap{
width:92%;
margin:auto;
}

a{
color:#32baeb;
}

#first-sec{
background-image:url(images/his_h1_bg2.png);
padding-bottom:55px;
}

#first-sec h2{
background-image:url(images/his_s1_bg1.png);
background-repeat:repeat-x;
width:80%;
text-align:center;
margin:0 auto 25px auto;
}

#second-sec h2,
#third-sec h2,
#fourth-sec h2,
#fifth-sec h2,
#sixth-sec h2,
#seventh-sec h2{
width:80%;
margin: auto;
text-align:center;
margin-bottom:25px;
}

#second-sec{
background-image:url(images/his_s2_bg1.png);
padding-bottom:55px;
}

#third-sec{
background-image:url(images/his_s3_bg1.png);
padding-bottom:55px;
}

#fourth-sec{
background-image:url(images/his_s4_bg1.png);
padding-bottom:55px;
}

#fifth-sec{
background-image:url(images/his_s5_bg1.png);
padding-bottom:55px;
}

#sixth-sec{
background-image:url(images/his_s6_bg1.png);
padding-bottom:55px;
}
#seventh-sec{
background-image:url(images/his_s7_bg1.png);
padding-bottom:55px;
}

figure{
text-align:center;
}

.pdb{
padding:25px 0;
}

footer{
background-image:url(images/his_ft.png);
background-repeat:repeat-x;
background-color:#105b7a;
}

footer p{
width:92%;
text-align:center;
padding:35px 0;
margin:0 auto;
color:#fff;
}

.history-min-img{
width: 50%;
margin:auto;
}
#bg-pic01{
background-image:url(images/his_s1_pic1.png);
background-position:50% bottom;
background-repeat: no-repeat;
padding-bottom: 155px;
background-size: 198px 153px;
}
#bg-pic02{
background-image:url(images/his_s2_pic1.png);
background-position:50% top;
background-repeat: no-repeat;
padding-top: 120px;
background-size: 230px 111px;
}
#bg-pic03{
background-image:url(images/his_s2_pic2.jpg);
background-position:50% bottom;
background-repeat: no-repeat;
padding-bottom: 60px;
background-size: 99px 48px;
}
#bg-pic04{
background-image:url(images/his_s2_pic3.jpg);
background-position:50% bottom;
background-repeat: no-repeat;
padding-bottom: 80px;
background-size: 55px 60px;
margin-bottom: 20px;
}
#bg-pic05{
background-image:url(images/his_s3_pic1.png);
background-position:50% top;
background-repeat: no-repeat;
background-size: 139px 102px;
padding-top: 105px;
}
#bg-pic06{
background-image:url(images/his_wwwb2.png);
background-position:50% top;
background-repeat: no-repeat;
background-size: 143px 92px;
padding-top: 105px;
}
#bg-pic07{
background-image:url(images/his_s4_pic1.png);
background-position:50% top;
background-repeat: no-repeat;
background-size: 143px 92px;
padding-top: 105px;
}
#bg-pic08{
background-image:url(images/his_s5_pic1.png);
background-position:50% 0;
background-repeat: no-repeat;
background-size: 76px 52px;
padding-top: 60px;
}
#bg-pic09{
background-image:url(images/his_s6_pic1.png);
background-position:50% 0;
background-repeat: no-repeat;
background-size: 193px 100px;
padding-top:110px;
}
#bg-pic10{
background-image:url(images/his_s7_pic1.png);
background-position:50% 0;
background-repeat: no-repeat;
background-size: 290px 152px;
padding-top:165px;
}
#bg-pic11{
background-image:url(images/his_s7_bg5.png);
background-position:50% 0;
background-repeat: no-repeat;
background-size: 200px 102px;
padding-top:120px;
}
 
.linl-btn{
width:290px;
margin: auto;
}

#school-navi{
padding:20px 4%;
background-color:#fff;
}

.school-title{
text-align:center;
font-weight:bold;
}

.school-txt{
font-size:1.3em;
}

.school-btn a{
background-color:#FBA626;
color:#fff;
line-height:100%;
display:block;
text-decoration:none;
font-size:16px;
padding:20px 0 20px 25px;
background-image:url(../../common/images/more_les01.png);
background-repeat:no-repeat;
background-position:10px 50%;
background-size:5px 10px;
margin:15px 0 25px 0;
}

.school-btn span{
font-size:12px;
line-height:140%;
display:block;
}

.border-type1{
border:1px dashed #94C2D0;
padding:15px;
}

.linktxt-right{
text-align:right;
}

.linktxt-right span{
background-image:url(../../common/images/lnavi1b.png);
background-repeat:no-repeat;
background-position:0 50%;
display:inline-block;
text-indent:18px;
}

}