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


.br::before {
	content: "\A" ;
	white-space: pre ;
}



/* 「トップに戻る」ボタン　アニメーション・ページトップで非表示が機能しない
　htmlでhead末尾にfontawsome足すの忘れないよう*/
 #pagetop{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 25px;
    bottom: 50px;
    background: #4bc96a;
    opacity: 0.6;
    border-radius: 50%;
  }
  #pagetop a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    text-align: center;
  }
  #pagetop a::before{
    font-family: "Font Awesome 5 Free";
    content: '\f106';
    font-weight: 900;
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: auto;
  }







@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */

    body {
        background-color:#FFFFFF;
      }

    a:link {
        text-decoration:underline;
    }

    a:hover {
        text-decoration:none;
    }

    a:hover img {
        opacity:0.8;
        filter: alpha(opacity=80);
        transition: 0.5s;
    }

    /* wrapper */
    #wrapper {
        max-width: 960px;
        width:auto; /*wrapperの横幅は自動（初期値）*/
        margin:0 auto; /*wrapperのbodyからの幅は0*/
        font-size:15px; /*文字サイズ*/
        color:#111; /*文字色*/
        line-height:1.9; /*行の高さ（行間幅）は文字サイズ×1.9倍（そう広くない）*/
    }
    #wrapper p {
        margin-bottom:20px;
    }
    .wrapper_inner {
        width:960px;
        text-align:left;
        margin:0 auto; /*wrapper_innerのwrapperからの幅は0*/
    }





    
    /* mainimage　巨大バナー */
    #main {
        width:960px;
        height:350px;
        margin-bottom:45px;
        float:left;
    }
    .sp-slide {
        background-color:#000;
    }   
    .sp-selected {
        background-color:#fff;
    }   
    .sp-slide img {
        transition: 0.5s;
        opacity: 0.5;
    }  
    .sp-selected img {
        transition: 0.5s;
        opacity: 1;
    }    
    .sp-arrows {
        margin-top:-35px !important;
    }   
    .sp-previous-arrow {
        content:' ' !important;
        display: block;
        text-indent: -9999px;
        width:32px;
        height:61px;
        background:url(../images/common/slider_arrow_previous.png) no-repeat left top;
    }
    .sp-next-arrow {
        content:' ' !important;
        display: block;
        text-indent: -9999px;
        width:32px;
        height:61px;
        background:url(../images/common/slider_arrow_previous.png) no-repeat left top;
    }
    .sp-previous-arrow:after,
    .sp-next-arrow:after {
        display:none;
    }
    #slider2 {
        display:none;
    }




     /* outline 巨大バナー下、概要部*/
     #outline {
        display:table;
        width:810px;
        padding:30px;
        margin: 0px auto;
        text-align:left;
        font-size:15px;
        color:#1c1c1c;
    }

    #outline p {
        margin: 0.7em 0px;
        line-height:1.8;
    }
    #outline h5 {        /*小見出し*/
        font-weight:bold;
    }    
    #outline h6 {        /*箇条書き（・）用*/
        text-indent: -1em;
        padding-left: 1em;
    }
    #outline h3 {    /*特殊箇条書き（「○回生：」）用*/ 
        text-indent: -4em;
        padding-left: 4em;
    }



    .course_img {
        margin:0 20px 20px 0;
        float:left;
    }

    .course_img_sp {
        display:none;
    }


    /* header 
        #header {
            width:203px;
            height:128px;
            margin-bottom:13px;
            float:left;
        }
        #header h1,
        #header p.h1 {
            width:137px;
            height:43px;
            margin:23px 0 6px;
        }
    */

    /* bread 
        #bread {
            width:960px;
            margin-bottom:20px;
            color:#555;
            float:left;
        }
        #bread ol li {
            font-size:13px;
            display:inline;
        }
        #bread ol li:after {
            content:">";
        }
        #bread ol li a {
            margin-right: 10px;
        }
        #bread ol li.active {
            color:#A52C2A;
            text-decoration:underline;
        }
        #bread ol li.active:after {
            content:"";
        } 
    */

    /* mainnavi topページ３分野並列部*/
    #nav {
        width:100%;
        margin:0 auto 40px;
        text-align: center;
        padding:50px 0;
        background-color:#F7F7F7;
        float:left;
    }

    #nav .nav_inner {
        width:960px;
        margin:0 auto;
        font-size:15px;
    }


    #nav ul {
        margin-right:-15px;
    }
    #nav ul li {
        margin-right:15px;
        float: left;
        width: 310px;
    }

    #nav .nav01,
    #nav .nav02,
    #nav .nav03,
    #nav .nav04 {
        margin-right:10px;
    }

    #nav .nav01 {
        background-color:#BFEFFF;
    }
    #nav .nav02 {
        background-color:#FFCFBF;
    }
    #nav .nav03 {
        background-color:#FFE599;
    }

    #nav .nav01_sp,
    #nav .nav02_sp,
    #nav .nav03_sp {
        display:none;
    }

    #nav .title h2 {
        margin:15px 0;
        font-size:24px;
    }
    #nav .txt {
        min-height:156px;
        padding:0 15px 20px;
        text-align:left;
    }
    #nav .txt p {
        margin-bottom:0px;
    }





    /* 各分野page */
    /* 各分野title */
    #sec_title {
        width:100%;
        height:auto;
        margin:0 auto 40px;
        padding:58px 0 50px;
        text-align:center;
        background-color:#BFEFFF;
        float:left;
    }

    #shinri #sec_title {
        background-color:#FFCFBF !important;
    }

    #doutoku #sec_title {
        background-color:#FFE599 !important;
    }
    #sec_title h1{
        font-size:28px;
        font-family:"游ゴシック", "ヒラギノ角ゴ ProN";
        line-height:120%; 
    }

    /* sub nav */
    #sub_nav {
        width:100%;
        height:45px;
        text-align:center;
        background-color:#F7F7F7;
        margin-bottom:37px;
        float:left;
    }

    #sub_nav label,
    #sub_nav .on-off {
        display:none;
    }

    .fixed {
        position: fixed;
        transition: 0.5s;
        opacity: 1;
        border-bottom:2px solid #fff;
    }


    #sub_nav ul li {
        float:left;
    }

    #sub_nav ul li a {
        display:block;
        line-height:45px;
        padding:0 40px 0 15px;
        background:url(../images/common/subnav_icon.png) no-repeat 0 19px;
    }

    #shinri #sub_nav ul li a {
        background:url(../images/common/subnav_icon_shinri.png) no-repeat 0 19px;
    }

    #doutoku #sub_nav ul li a {
        background:url(../images/common/subnav_icon_doutoku.png) no-repeat 0 19px;
    }


    /* contents */
    .img_right {
        float:right;
        margin:0 0 0 20px;
    }

    .img_right span {
        display:block;
        text-align:center;
    }

    .sp_img_right {
        display:none;
    }

    .img_202310 {
        float:right;
        margin:0 0 0 20px;
    }

    .img_magin {
        margin:50px 0 50px 20px;
    }

    .section_inner {
        width:960px;
        height:auto;
        text-align:left;
        margin-bottom:10px;

        background:url(../images/common/bottom_line.png) repeat-x bottom;   /*セクション最下の破線*/
    }

    .updonw_line {
        padding:30px 0;
        border-top:1px dotted #666;
        border-bottom:0px dotted #666;
    }

    .section_staff {
        width:960px;
        height:auto;
        text-align:left;

    }
    
    .section_article {
        width:100%;
        margin:0 auto;
        background-color:#F7F7F7;
        float:left;
    }

    .section_curriculum {
        width:960px;
        height:auto;
        text-align:left;
        float:left;
    }
    
    #top .section_curriculum {
        width:810px;
        padding:30px;
        margin: 0px auto;
        float:none;
    }




    
    .section_staff h2,
    .section_school h2,
    .section_article h2,
    .section_curriculum h2,
    .course-basis h2 {
        margin:40px auto 30px;
        text-align:center;
        font-size:24px;
    }

    .section_article h3 {
        font-size:23px;
        border-bottom:1px solid #ccc;
        margin:0 0 30px 0;
    }

    .section_curriculum h3,
    .course-basis h3 {
        font-size:23px;
        border-bottom:none;
        background-color:#F7F7F7;
        padding:10px 30px;
        margin:30px 0 20px;
        line-height:1;
        clear:both;
    }

    .section_curriculum .inner h3 {
        font-size:23px;
        border-bottom:1px solid #BFEFFF;
        margin:0 0 30px 0;
        padding:0;
    }

    #shinri .section_curriculum .inner h3 {
        border-bottom:1px solid #FFCFBF;
    }
    #doutoku .section_curriculum .inner h3 {
        border-bottom:1px solid #FFD2B9;
    }


    .section_staff ul {
        display:block;
        margin-right:-43px;
    }

    .section_staff ul li {
        width:291px;
        margin:0 43px 65px 0;
        border-bottom:1px solid #ccc;
        font-size:14px;
        float:left;
    }

    .section_staff ul li span {
        font-size:17px;
    }

    .section_staff ul li a {
        display:block;
        width:auto;
        padding:5px 0;
        background:url(../images/common/staff_arrow.png) no-repeat 97% center;
    }

    #shinri .section_staff ul li a {
        background:url(../images/common/staff_arrow_shinri.png) no-repeat 97% center;
    }

    #doutoku .section_staff ul li a {
        background:url(../images/common/staff_arrow_doutoku.png) no-repeat 97% center;
    }
    

    .section_article ul {
        margin:0 0 30px 0;
    }

    .section_article ul li {
        border-bottom:1px dotted #ccc;
        padding-bottom:5px;
        margin-bottom:5px;
    }


    .section_school {
        width:100%;
        height:auto;
        margin:0 auto;
        padding:0 0 40px;
        text-align:center;
        background-color:#BFEFFF;
        float:left;
    }
    #shinri .section_school {
        background-color:#FFCFBF;
    }
    #doutoku .section_school {
        background-color:#FFE599;
    }
    #top .section_school {
        background-color:#E2F0D9;
    }


    .section_curriculum .cnt {
        width:290px;
        display:table-cell;
        border:1px solid #ccc;
        line-height:1.6;
    }

    .section_curriculum .inner {
        width:auto;
        margin-bottom:30px;
    }

    .section_curriculum .cnt h3 {
        background-color:#ECFAFF;
        text-indent:20px;
        height:50px;
        line-height:50px;
    }

    #shinri .section_curriculum .cnt h3 {
        background-color:#FFF1EC;
    }

    #doutoku .section_curriculum .cnt h3 {
        background-color:#FFF7E0;
    }


    .section_curriculum .cnt p {
        margin-left:20px;
        margin-right:20px;
    }

    .section_curriculum .arrow_right {
        width:12px;
        display:table-cell;
        text-indent:-9999em;
        background:url(../images/common/arrow_right.png) no-repeat center 22px;
        padding:0 22px 0 23px;
    }

    #shinri .section_curriculum .arrow_right {
        background:url(../images/common/arrow_right_shinri.png) no-repeat center 22px;
    }

    #doutoku .section_curriculum .arrow_right {
        background:url(../images/common/arrow_right_doutoku.png) no-repeat center 22px;
    }

    /* table */
    .section_school table {
        border:1px solid #ccc;
        width: 100%;

    }
    .section_school table th,
    .section_school table td {
        padding:15px 40px;
        text-align:left;
        border-right:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }

    #shinri .section_school table th {
        background-color:#FFF1EC;
    }


    .section_school table th {
        width:35%;
        background-color:#ECFAFF;
        font-weight:normal;
        vertical-align:middle;
    }

    table.table,
    table.table2 {
        border:1px solid #ccc;
        width: 100%;
        margin-bottom:30px;
    }

    table.table th,
    table.table td {
        padding:5px;
        text-align:left;
        border-right:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }

    table.table2 th,
    table.table2 td {
        padding:5px;
        text-align:left;
        font-weight:normal;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }

    table.table th {
        background-color:#ECFAFF;
        font-weight:normal;
        vertical-align:middle;

    }

    table .td_cell_left {
        text-align:left !important;
    }

    #shinri table.table th {
        font-size:17px;
    }

    #shinri table.table td {
        text-align:left;
        padding:10px 10px 10px 60px;
    }

    #shinri table.table th {
        background-color:#FFF1EC;

    }

    table.table td,
    table.table2 th,
    table.table2 td {
        text-align:center;
    }

    td.bordernone_right {
        border-right:none !important;
    }

    .contents {
        width:auto;
        text-align:left;
        padding:35px 50px;
        background-color:#fff;
        box-shadow: 2px 2px 2px #A6CFDD;
        -webkit-box-shadow: 2px 2px 2px #A6CFDD;
        -moz-box-shadow: 2px 2px 2px #A6CFDD;

    }
    #shinri .contents {
        box-shadow: 2px 2px 2px #DDB3A6;
        -webkit-box-shadow: 2px 2px 2px#DDB3A6;
        -moz-box-shadow: 2px 2px 2px #DDB3A6;
    }
    #doutoku .contents {
        box-shadow: 2px 2px 2px #F2D991;
        -webkit-box-shadow: 2px 2px 2px #F2D991;
        -moz-box-shadow: 2px 2px 2px #F2D991;
    }
    #top .contents {
        box-shadow: 2px  #fff;
        -webkit-box-shadow: 2px  #fff;
        -moz-box-shadow:2px  #fff;
    }



    .contents h3 {
        background-color:#F7F7F7;
        padding:10px 40px;
        margin:30px 0 20px;
        line-height:1;
        clear:both;
    }
    #top .contents h3{
        background-color:#F0F0F0; 
    }
    .section_staff h3 {
        font-size:17px;
        background-color:#F7F7F7;
        padding:10px 40px;
        margin:30px 0;
        line-height:1;
        clear:both;
    }


    .info .info_txt {
        display:none;
    }


    /* pagetop */
    /*
    .pagetop {
        width:960px;
        height:50px;
        float:left;
        text-align:right;
        position:relative;
    }
    .pagetop_bt {
        margin-right:-111px;
        margin-top:-57px;
    }*/



    /* footer */
    #footer {
        background-color:#f7f7f7;
        width:100%;
        padding:50px 0;
        float:left;
        margin-top:50px
    }

    #footer .wrapper_inner {
        display:table;
        overflow:hidden;
    }

    #footer dl {
        display:table-cell;
        width:220px;
        padding-right:20px;
        background:url(../images/common/footer_nav_bg.gif) repeat-y 219px 0;
        float: left;
    }


    #footer dl.end {
        background:none;
    }


    #footer dt {
        font-size:16px;
        margin-bottom:10px;
    }
    #footer dt:after {
        content:">";
    }

    #footer dd {
        font-size:12px;
    }


    #footer dl a {
        margin-right:10px;
    }


    address {
        width:100%;
        display:block;
        color:#fff;
        background-color:#A72B2B;
        text-align:center;
        padding:10px 0;
        float:left;
    }



    /* 16/9/30 追記 21/7/29修正 */

    .top-info {
        width:950px;
        height:auto;
        margin:0 auto;
        text-align:left;
        border:1px solid #ccc;
        box-sizing:border-box;
        margin-bottom:25px;
        background-color:#fff;
        padding:10px 15px 0px 15px;
    }

    .top-info legend {
        text-align:center;
        font-size:18px;
        padding:0 5px;
    }

    .top-info strong {
        color:#E30000;
    }

    .w950 {
        width:950px !important;
    }

    /* 18/1/5 追記 */

    .course-basis {
        width:950px;
        margin:0 auto;
        text-align:left;
        clear:both;
    }

    .course-basis .blue {
        background-color:#BFEFFF;
    }

}









































































































@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */

    img {
        max-width:100%;
        height:auto;
    }

    /*
    #header {
        width:100%;
        height:auto;
        padding:10px 0;
        margin:0 auto;
        border-bottom:1px solid #ccc;
        z-index:1;
        position:relative;
        text-align:center;
        float:left;
    }
    #header img {
        vertical-align:bottom;
        line-height:1;
    }
    #header .header_inner {
        width:100%;
        height:auto;
        text-align:center;
        margin:0 auto;
    }
    #header h1,
    #header p.h1 {
        display:block;
        width:auto;
        margin:0 10px;
        margin-right:10px;
    }
    */


    #header .logo {
        display:block;
        width:auto;
    /*	float:left;*/
    }
    .logo img {
        width:100%;
        height:auto;
        text-align:center;
    }
    .course_img {
        margin:0 20px 20px 0;
        float:left;
    }

    .course_img_sp {
        display:none;
    }


    #sec_title h1{
        font-family:"游ゴシック", "ヒラギノ角ゴ ProN";
        line-height:120%;  
    }


    /* mainnavi */
    #nav {
        width:100%;
        margin:0 autox;
        text-align: center;
        background-color:#F7F7F7;
        float:left;
    }
    #nav .nav01,
    #nav .nav02,
    #nav .nav03 {
        display:none;
    }
    #nav .nav_inner {
        padding:20px;
        
    }
    #nav .title {
        padding:20px 0;
    }
    #nav .txt,
    #nav .detail_bt {
        display:none;
    }
    .sp-slides-container {
        position:relative;
        z-index:0;
    }
    .course_img {
        display:none;
    }
    #slider1 {
        display:none;
    }
    .sp-arrow {
        display:none;
    }
    .sp-buttons {
        text-align:center;
    }

     /* outline 巨大バナー下、概要部*/

     #outline p {
        margin: 0.7em 0px;
        line-height:1.8;
    }
       #outline h5 {
        font-weight:bold;
    }    
    #outline h6 {
        text-indent: -1em;
        padding-left: 1em;
    }
    #outline h3 {
        text-indent: -4em;
        padding-left: 4em;
    }



    #course {
        background-color:#fff;
        clear:both;
    }

    #course .course_txt {
        padding:10px 20px;
    }


    /* bread 
    #bread {
        width:100%;
        background-color:#fff;
        padding-bottom:20px;
        color:#555;
        float:left;
    }

    #bread ol {
        margin-left:10px;
    }

    #bread ol li {
        font-size:13px;
        display:inline;
    }

    #bread ol li a {
        margin-right: 10px;
    }

    #bread ol li.active {
        color:#A52C2A;
        text-decoration:underline;
    }
    */


    




    #sec_title {
        width:100%;
        height:auto;
        margin:0 auto 20px;
        padding:30px 0 20px;
        text-align:center;
        background-color:#BFEFFF;
        float:left;
    }

    #sec_title img,
    h2 img {
        max-width:95%;
    }

    #shinri #sec_title {
        background-color:#FFCFBF !important;
    }

    #doutoku #sec_title {
        background-color:#FFE599 !important;
    }


    #sub_nav {
        width:100%;
        height:auto;
        text-align:center;
        background-color:#F7F7F7;
    /*	margin-bottom:37px;*/
        float:left;
    }

    .fixed {
        position: fixed;
        transition: 0.5s;
        opacity: 1;
        border-bottom:2px solid #fff;
    }

    #sub_nav ul {
        padding:0 10px;
    }

    #sub_nav ul li {
        float:left;
    }

    #sub_nav ul li a {
        display:block;
        padding:10px 0;
    }

    #sub_nav ul li a:after {
        content:" ｜";
    }

    #sub_nav ul li.end a:after {
        content:"";
    }

    .section_inner {
        width:auto;
        height:auto;
        text-align:left;
        margin-bottom:10px;
        float:left;
        background:url(../images/common/bottom_line.png) repeat-x bottom;
    }

    .contents .img_right img {
        margin-bottom:20px;
    }

    .img_right span,
    .info p span {
        display:block;
        text-align:center;
    }

    .contents .img_right span {
        margin-top:-20px;
        margin-bottom:20px;
    }

    #article .img_right span,
    .info p span {
        margin-bottom:20px;
    }

    .img_202310 {
        margin:0 0 0 0px;
        width:150px;
        float: right;

    }

    .img_202310 span {
        display:block;
        text-align:center;
    }


    .section_article {
        width:100%;
        margin:0 auto;
        text-align: left;
        background-color:#F7F7F7;
        float:left;
    }

    .section_article .wrapper_inner {
        padding:20px;
    }

    .section_staff,
    .section_curriculum {
        width:auto;
        height:auto;
        text-align:left;
        padding:0 20px;
        float:left;
    }


    .section_staff {
        width:100%;
        margin-bottom:20px;
        padding:0;
    }

    .section_staff h2,
    .section_school h2,
    .section_article h2,
    .section_curriculum h2 {
        margin:20px auto;
        text-align:center;
        font-size:23px;
    }

    .section_article h3 {
        font-size:23px;
        border-bottom:1px solid #ccc;
        margin:0 0 30px 0;
    }

    .section_curriculum h3 {
        font-size:23px;
        border-bottom:none;
        background-color:#F7F7F7;
        padding:10px 20px;
        margin:30px 0 20px;
        line-height:1;
        clear:both;
    }

    .section_curriculum .cnt {
        width:auto;
        padding-bottom:20px;
        border:1px solid #ccc;
    }

    .section_curriculum .inner {
        width:auto;
        margin:20px 0;
    }

    .section_curriculum .inner h3 {
        font-size:23px;
        border-bottom:1px solid #BFEFFF;
        margin:0 0 20px 0;
        padding:0;
    }

    #shinri .section_curriculum .inner h3 {
        border-bottom:1px solid #FFCFBF;
    }
    #doutoku .section_curriculum .inner h3 {
        border-bottom:1px solid #FFD2B9;
    }


    .section_curriculum .cnt h3 {
        background-color:#ECFAFF;
        text-indent:20px;
        padding:10px 0;
    }

    #shinri .section_curriculum .cnt h3 {
        background-color:#FFF1EC;
    }

    #doutoku .section_curriculum .cnt h3 {
        background-color:#FFF7E0;
    }

    .section_curriculum .cnt p {
        margin-left:20px;
        margin-right:20px;
    }

    .section_curriculum .arrow_right {
        width:auto;
        text-align:center;
        color:#BFEFFF;
        margin:10px 0;
    }

    #shinri .section_curriculum .arrow_right {
        color:#FFD0C0;
    }

    #doutoku .section_curriculum .arrow_right {
        color:#FFE59A;
    }

    .section_article ul {
        margin:0 0 30px 0;
    }

    .section_article ul li {
        border-bottom:1px dotted #ccc;
        padding-bottom:5px;
        margin-bottom:5px;
    }

    .section_staff ul {
        display:block;
        width:100%;
        float:left;
    }

    .section_staff ul li {
        width:100%;
        margin:0 0 10px 0;
        border-bottom:1px solid #ccc;
        font-size:14px;
        float:left;
    }

    .section_staff ul li span {
        font-size:17px;
    }

    .section_staff ul li a {
        display:block;
        width:auto;
        padding:5px 20px;
        background:url(../images/common/staff_arrow.png) no-repeat 96% center;
    }

    #shinri .section_staff ul li a {
        background:url(../images/common/staff_arrow_shinri.png) no-repeat 96% center;
    }

    #doutoku .section_staff ul li a {
        background:url(../images/common/staff_arrow_doutoku.png) no-repeat 96% center;
    }



    /* table */
    .section_school table {
        border:1px solid #ccc;
        width: 100%;
        margin:20px 0;

    }
    .section_school table th,
    .section_school table td {
        padding:10px;
        text-align:left;
        border-right:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }

    #shinri .section_school table th {
        background-color:#FFF1EC;
    }


    .section_school table th {
        width:35%;
        background-color:#ECFAFF;
        font-weight:normal;
        vertical-align:middle;
    }

    table.table,
    table.table2 {
        border:1px solid #ccc;
        width: 100%;
        margin:20px 0;
    }

    table.table th,
    table.table td {
        padding:5px;
        text-align:left;
        border-right:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }

    table.table2 th,
    table.table2 td {
        padding:5px;
        text-align:left;
        font-weight:normal;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }

    table.table th {
        background-color:#ECFAFF;
        font-weight:normal;
        vertical-align:middle;

    }

    table .td_cell_left {
        text-align:left !important;
    }

    #shinri table.table th {
        font-size:17px;
    }

    #shinri table.table td {
        text-align:left;
        padding:10px;
    }

    #shinri table.table th {
        background-color:#FFF1EC;

    }

    table.table td,
    table.table2 th,
    table.table2 td {
        text-align:center;
    }

    td.bordernone_right {
        border-right:none !important;
    }

    .contents {
        width:auto;
        text-align:left;
        background-color:#fff;
        margin:20px;
        padding:20px;
        box-shadow: 2px 2px 2px #A6CFDD;
        -webkit-box-shadow: 2px 2px 2px #A6CFDD;
        -moz-box-shadow: 2px 2px 2px #A6CFDD;
    }
    #shinri .contents {
        box-shadow: 2px 2px 2px #DDB3A6;
        -webkit-box-shadow: 2px 2px 2px#DDB3A6;
        -moz-box-shadow: 2px 2px 2px #DDB3A6;
    }
    #doutoku .contents {
        box-shadow: 2px 2px 2px #F2D991;
        -webkit-box-shadow: 2px 2px 2px #F2D991;
        -moz-box-shadow: 2px 2px 2px #F2D991;
    }
    #top .contents {
        box-shadow: 0px  #fff;
        -webkit-box-shadow: 0px  #fff;
        -moz-box-shadow: 0px  #fff;
    }



    .contents h3 {
        background-color:#F7F7F7;
        padding:5px 20px;
        margin:20px 0;
        line-height:1;
        clear:both;
    }
    #top .contents h3{
        background-color:#F0F0F0; 
    }
    .section_staff h3 {
        font-size:17px;
        background-color:#F7F7F7;
        padding:10px 40px;
        margin:30px 0;
        line-height:1;
        clear:both;
    }

    .section_school {
        width:100%;
        height:auto;
        margin:0 auto;
        padding:0 0 20px;
        text-align:center;
        background-color:#BFEFFF;
        float:left;
    }

    #shinri .section_school {
        background-color:#FFCFBF;
    }
    #doutoku .section_school {
        background-color:#FFE599;
    }
    #top .section_school {
        background-color:#fff;
    }

     /* image size */
    #nav .main_img img {
        min-width:100%;
    }

    #nav img,
    #outline img,
    .img_right img,
    .yochien_img_sp img,
    .sp_img_right img {
        width:100%;
    }

    /* block none */

    .sp_none {
        display:none;
    }

    /* txt padding */

    .txt {
        padding:20px;
    }

    /* info banner sp */
    .info .info_img {
        display:none;
    }

    label {
        background-color:#F7F7F7;
        padding: 10px;
        display: block;
        margin: 0;
        border: 1px solid #fff;
        cursor:pointer;
        text-align:center;
    }

    input[type="checkbox"].on-off{
        display: none;
    }

    #sub_nav ul {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    input[type="checkbox"].on-off + ul{
        height: 0;
        overflow: hidden;
    }

    input[type="checkbox"].on-off:checked + ul{
        height: 1%;
    }


    /* footer */
    #footer {
        background-color:#fff;
        width:100%;
        padding:0;
        float:left;
    }


    #footer dt {
        border-bottom:1px dotted #ccc;
    }


    #footer dl.end dt {
        border-bottom:none;
    }

    #footer dt a {
        display:block;
        padding:5px 0 5px 40px;
        background:url(../images/common/sp_footer_arrow.png) no-repeat 20px center;
    }


    #footer dd {
        display:none;
    }


    address {
        width:100%;
        display:block;
        color:#fff;
        background-color:#A72B2B;
        text-align:center;
        padding:10px 0;
        float:left;
    }

    /* 16/9/30 追記 21/7/29修正 */

    .top-info {
        width:auto;
        height:auto;
        margin:0 auto;
        text-align:left;
        border:1px solid #ccc;
        box-sizing:border-box;
        margin:20px 20px 0px 20px;
        background-color:#fff;
        padding:10px 15px 10px 15px;
    }

    .top-info legend {
        text-align:center;
        font-size:16px;
        padding:0 5px;
    }

    .top-info strong {
        color:#E30000;
    }

    /* 18/1/5 追記 */
    .course-basis {
        padding:0 20px;
        margin-bottom:20px;
    }


}














































































/* print */

@media print {

    body {
        background-color:#FFFFFF;
    }

    a:link {
        text-decoration:underline;
    }

    a:hover {
        text-decoration:none;
    }

    a:hover img {
        opacity:0.8;
        filter: alpha(opacity=80);
        transition: 0.5s;
    }

    /* wrapper */
    #wrapper {
        width:auto;
        margin:0 auto;
        font-size:15px;
        color:#111;
        line-height:1.9;
    }

    #wrapper p {
        margin-bottom:20px;
    }

    .wrapper_inner {
        width:960px;
        text-align:left;
        margin:0 auto;
    }



    /* mainimage */
    #main {
        width:960px;
        height:350px;
        margin-bottom:45px;
        float:left;
    }

    #slider2 {
        display:none;
    }

    .sp-slide {
        background-color:#000;
    }

    .sp-selected {
        background-color:#fff;
    }

    .sp-slide img {
        transition: 0.5s;
        opacity: 0.5;
    }

    .sp-selected img {
        transition: 0.5s;
        opacity: 1;
    }

    .sp-arrows {
        margin-top:-35px !important;
    }


    .sp-previous-arrow:before,
    .sp-previous-arrow:after,
    .sp-next-arrow:before,
    .sp-next-arrow:after {
        display:none;
    }


    /* outline 巨大バナー下、概要部*/
    #outline {
    display:table;
    width:810px;
    margin-left: auto;
    margin-right: auto;
    padding:30px;
    text-align:left;
    font-size:15px;
    color:#000;
    }
    #outline p {
        margin: 0.7em 0px;
        line-height:1.8;
    }
       #outline h5 {
        font-weight:bold;
    }    
    #outline h6 {
        text-indent: -1em;
        padding-left: 1em;
    }
    #outline h3 {
        text-indent: -4em;
        padding-left: 4em;
    }

    .course_img {
        margin:0 20px 20px 0;
        float:left;
    }

    .course_img_sp {
        display:none;
    }
    



    /* 
    header 
        #header {
            width:203px;
            height:128px;
            margin-bottom:13px;
            float:left;
        }
        #header h1,
        #header p.h1 {
            width:137px;
            height:43px;
            margin:23px 0 6px;
        }
    */


    /* bread 
        #bread {
            width:960px;
            margin-bottom:20px;
            color:#555;
            float:left;
        }


        #bread ol li {
            font-size:13px;
            display:inline;
        }

        #bread ol li:after {
            content:">";
        }

        #bread ol li a {
            margin-right: 10px;
        }

        #bread ol li.active {
            color:#A52C2A;
            text-decoration:underline;
        }

        #bread ol li.active:after {
            content:"";
        }
    */


    /* mainnavi */
    #nav {
        width:100%;
        margin:0 auto 40px;
        text-align: center;
        padding:50px 0;
        background-color:#F7F7F7;
        float:left;
    }

    #nav .nav_inner {
        width:960px;
        margin:0 auto;
        font-size:15px;
    }


    #nav ul {
        margin-right:-15px;
    }
    #nav ul li {
        margin-right:15px;
        float: left;
        width: 310px;
    }

    #nav .nav01,
    #nav .nav02,
    #nav .nav03,
    #nav .nav04 {
        margin-right:10px;
    }

    #nav .nav01 {
        background-color:#BFEFFF;
    }
    #nav .nav02 {
        background-color:#FFCFBF;
    }
    #nav .nav03 {
        background-color:#FFE599;
    }

    #nav .nav01_sp,
    #nav .nav02_sp,
    #nav .nav03_sp {
        display:none;
    }

    #nav .title h2 {
        margin:15px 0;
        font-size:24px;
    }
    #nav .txt {
        min-height:156px;
        padding:0 15px 20px;
        text-align:left;
    }
    #nav .txt p {
        margin-bottom:0px;
    }




    /* 各分野page */
    /* 各分野title */
    #sec_title  {
        width:100%;
        height:auto;
        margin:0 auto 40px;
        padding:58px 0 50px;
        text-align:center;
        background-color:#BFEFFF;
        float:left;
    }

    #shinri #sec_title {
        background-color:#FFCFBF !important;
    }

    #doutoku #sec_title {
        background-color:#FFE599 !important;
    }
    #sec_title h1{
        font-size:28px;
        font-family:"游ゴシック", "ヒラギノ角ゴ ProN";
        line-height:120%;  
    }

    /* sub nav */
    #sub_nav {
        width:100%;
        height:45px;
        text-align:center;
        background-color:#F7F7F7;
        margin-bottom:37px;
        float:left;
    }

    #sub_nav label,
    #sub_nav .on-off {
        display:none;
    }

    .fixed {
        position: fixed;
        transition: 0.5s;
        opacity: 1;
        border-bottom:2px solid #fff;
    }


    #sub_nav ul li {
        float:left;
    }

    #sub_nav ul li a {
        display:block;
        line-height:45px;
        padding:0 40px 0 15px;
        background:url(../images/common/subnav_icon.png) no-repeat 0 19px;
    }

    #shinri #sub_nav ul li a {
        background:url(../images/common/subnav_icon_shinri.png) no-repeat 0 19px;
    }

    #doutoku #sub_nav ul li a {
        background:url(../images/common/subnav_icon_doutoku.png) no-repeat 0 19px;
    }


    /* contents */
    .img_right {
        float:right;
        margin:0 0 0 20px;
    }

    .sp_img_right {
        display:none;
    }

    .img_202310 {
        float:right;
        margin:0 0 0 10px;
    }


    .img_magin {
        margin:50px 0 50px 20px;
    }

    .section_inner {
        width:960px;
        height:auto;
        text-align:left;
        margin-bottom:10px;
        float:left;
        background:url(../images/common/bottom_line.png) repeat-x bottom;
    }

    .updonw_line {
        padding:30px 0;
        border-top:1px dotted #666;
        border-bottom:0px dotted #666;
    }

    .section_article {
        width:100%;
        margin:0 auto;
        text-align: center;
        background-color:#F7F7F7;
        float:left;
    }

    .section_staff,
    .section_curriculum {
        width:960px;
        height:auto;
        text-align:left;
        float:left;
    }
    
    #top .section_curriculum {
        width:810px;
        padding:30px;
        margin: 0px auto;
        float:none;
    }

    .section_staff h2,
    .section_school h2,
    .section_article h2,
    .section_curriculum h2 {
        margin:40px auto 30px;
        text-align:center;
        font-size:24px;
    }

    .section_article h3 {
        font-size:23px;
        border-bottom:1px solid #ccc;
        margin:0 0 30px 0;
    }

    .section_curriculum h3 {
        font-size:23px;
        border-bottom:none;
        background-color:#F7F7F7;
        padding:10px 30px;
        margin:30px 0 20px;
        line-height:1;
        clear:both;
    }

    .section_curriculum .inner h3 {
        font-size:23px;
        border-bottom:1px solid #BFEFFF;
        margin:0 0 30px 0;
        padding:0;
    }

    #shinri .section_curriculum .inner h3 {
        border-bottom:1px solid #FFCFBF;
    }
    #doutoku .section_curriculum .inner h3 {
        border-bottom:1px solid #FFD2B9;
    }

    .section_article ul {
        margin:0 0 30px 0;
    }

    .section_article ul li {
        border-bottom:1px dotted #ccc;
        padding-bottom:5px;
        margin-bottom:5px;
    }

    .section_staff ul {
        display:block;
        margin-right:-43px;
    }

    .section_staff ul li {
        width:291px;
        margin:0 43px 65px 0;
        border-bottom:1px solid #ccc;
        font-size:14px;
        float:left;
    }

    .section_staff ul li span {
        font-size:17px;
    }

    .section_staff ul li a {
        display:block;
        width:auto;
        padding:5px 0;
        background:url(../images/common/staff_arrow.png) no-repeat 97% center;
    }

    #shinri .section_staff ul li a {
        background:url(../images/common/staff_arrow_shinri.png) no-repeat 97% center;
    }

    #doutoku .section_staff ul li a {
        background:url(../images/common/staff_arrow_doutoku.png) no-repeat 97% center;
    }


    .section_school {
        width:100%;
        height:auto;
        margin:0 auto;
        padding:0 0 40px;
        text-align:center;
        background-color:#BFEFFF;
        float:left;
    }

    #shinri .section_school {
        background-color:#FFCFBF;
    }
    #doutoku .section_school {
        background-color:#FFE599;
    }
    #top .section_school {
        background-color:#fff;
    }

    .section_curriculum .cnt {
        width:290px;
        display:table-cell;
        border:1px solid #ccc;
        line-height:1.6;
    }

    .section_curriculum .inner {
        width:auto;
        margin-bottom:30px;
    }

    .section_curriculum .cnt h3 {
        background-color:#ECFAFF;
        text-indent:20px;
        height:50px;
        line-height:50px;
    }

    #shinri .section_curriculum .cnt h3 {
        background-color:#FFF1EC;
    }

    #doutoku .section_curriculum .cnt h3 {
        background-color:#FFF7E0;
    }


    .section_curriculum .cnt p {
        margin-left:20px;
        margin-right:20px;
    }

    .section_curriculum .arrow_right {
        width:12px;
        display:table-cell;
        text-indent:-9999em;
        background:url(../images/common/arrow_right.png) no-repeat center 22px;
        padding:0 22px 0 23px;
    }

    #shinri .section_curriculum .arrow_right {
        background:url(../images/common/arrow_right_shinri.png) no-repeat center 22px;
    }

    #doutoku .section_curriculum .arrow_right {
        background:url(../images/common/arrow_right_doutoku.png) no-repeat center 22px;
    }

    /* table */
    .section_school table {
        border:1px solid #ccc;
        width: 100%;

    }
    .section_school table th,
    .section_school table td {
        padding:15px 40px;
        text-align:left;
        border-right:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }

    #shinri .section_school table th {
        background-color:#FFF1EC;
    }

    .section_school table th {
        width:35%;
        background-color:#ECFAFF;
        font-weight:normal;
        vertical-align:middle;
    }

    table.table,
    table.table2 {
        border:1px solid #ccc;
        width: 100%;
        margin-bottom:30px;
    }

    table.table th,
    table.table td {
        padding:5px;
        text-align:left;
        border-right:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }

    table.table2 th,
    table.table2 td {
        padding:5px;
        text-align:left;
        font-weight:normal;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }

    table.table th {
        background-color:#ECFAFF;
        font-weight:normal;
        vertical-align:middle;

    }

    table .td_cell_left {
        text-align:left !important;
    }

    #shinri table.table th {
        font-size:17px;
    }

    #shinri table.table td {
        text-align:left;
        padding:10px 10px 10px 60px;
    }

    #shinri table.table th {
        background-color:#FFF1EC;

    }

    table.table td,
    table.table2 th,
    table.table2 td {
        text-align:center;
    }

    td.bordernone_right {
        border-right:none !important;
    }

    .contents {
        width:auto;
        text-align:left;
        padding:35px 50px;
        background-color:#fff;
        box-shadow: 2px 2px 2px #A6CFDD;
        -webkit-box-shadow: 2px 2px 2px #A6CFDD;
        -moz-box-shadow: 2px 2px 2px #A6CFDD;

    }
    #shinri .contents {
        box-shadow: 2px 2px 2px #DDB3A6;
        -webkit-box-shadow: 2px 2px 2px#DDB3A6;
        -moz-box-shadow: 2px 2px 2px #DDB3A6;
    }
    #doutoku .contents {
        box-shadow: 2px 2px 2px #F2D991;
        -webkit-box-shadow: 2px 2px 2px #F2D991;
        -moz-box-shadow: 2px 2px 2px #F2D991;
    }
    #top .contents {
        box-shadow: 0px  #fff;
        -webkit-box-shadow: 0px  #fff;
        -moz-box-shadow: 0px  #fff;
    }

    .contents h3 {
        background-color:#F7F7F7;
        padding:10px 40px;
        margin:30px 0 20px;
        line-height:1;
        clear:both;
    }
    #top .contents h3{
        background-color:#F0F0F0; 
    }
    .section_staff h3 {
        font-size:17px;
        background-color:#F7F7F7;
        padding:10px 40px;
        margin:30px 0;
        line-height:1;
        clear:both;
    }


    .info .info_txt {
        display:none;
    }




    /* pagetop */
    /*
    .pagetop {
        width:960px;
        height:50px;
        float:left;
        text-align:right;
        position:relative;
    }
    .pagetop_bt {
        margin-right:-111px;
        margin-top:-57px;
    }*/


    /* footer */
    #footer {
        background-color:#f7f7f7;
        width:100%;
        padding:50px 0;
        float:left;
    }

    #footer .wrapper_inner {
        display:table;
        overflow:hidden;
    }

    #footer dl {
        display:table-cell;
        width:220px;
        padding-right:20px;
        background:url(../images/common/footer_nav_bg.gif) repeat-y 219px 0;
        float: left;
    }


    #footer dl.end {
        background:none;
    }


    #footer dt {
        font-size:16px;
        margin-bottom:10px;
    }
    #footer dt:after {
        content:">";
    }

    #footer dd {
        font-size:12px;
    }


    #footer dl a {
        margin-right:10px;
    }


    address {
        width:100%;
        display:block;
        color:#fff;
        background-color:#A72B2B;
        text-align:center;
        padding:10px 0;
        float:left;
    }


    /* 16/9/30 追記 21/7/29修正 */

    .top-info {
        width:950px;
        height:auto;
        margin:0 auto;
        text-align:left;
        border:1px solid #ccc;
        box-sizing:border-box;
        margin-bottom:25px;
        background-color:#fff;
        padding:10px 15px 0px 15px;
    }

    .top-info legend {
        text-align:center;
        font-size:16px;
        padding:0 5px;
    }

    .top-info strong {
        color:#E33333;
    }

}