@charset "UTF-8";

@media print,
screen and (min-width: 541px) {
    a {
        color: #6a9800;
        text-decoration: none;
    }

    a :hover {
        text-decoration: underline;
    }

    body.second #mainColumn #header {
        height: auto;
    }

    .infoHead {
        position: relative;
        height: 320px;
    }

    .infoHead .topVMenu {
        width: 210px;
        height: 270px;
        position: absolute;
        top: 80px;
        left: 670px;
        background: url("../images/info/topvmenu_bg.png") no-repeat 0 0;
    }

    .infoHead .topVMenu li.m1 {
        position: absolute;
        top: 96px;
        left: 119px;
    }

    .infoHead .topVMenu li.m2 {
        position: absolute;
        top: 96px;
        left: 93px;
    }

    .infoHead .topVMenu li.m3 {
        position: absolute;
        top: 96px;
        left: 66px;
    }

    .infoHead .topVMenu li.m4 {
        position: absolute;
        top: 96px;
        left: 39px;
    }

    #secCont {
        padding-bottom: 40px;
    }

    #secCont:after {
        clear: both;
        content: "";
        display: block;
        width: 1px;
        height: 0;
        overflow: hidden;
    }

    #secCont #postArea {
        width: 820px;
        margin: 0 auto;
    }

    #secCont .pageTitle {
        background: url(../images/second/page_title_bg.gif) no-repeat 0 0;
        font-size: 34px;
        line-height: 46px;
        height: 46px;
        padding-left: 25px;
        color: #4d3214;
        width: 820px;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    #secCont .pageTitle:after {
        content: "";
        width: 1px;
        height: 46px;
        display: block;
        vertical-align: middle;
    }

    #secCont .pageTitle img {
        vertical-align: middle;
    }

    #secCont .entryDate {
        font-size: 15px;
        text-align: right;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    #secCont .indexL {
        border-bottom: 1px solid #c0bbba;
        font-size: 26px;
        line-height: 1.5;
        padding-bottom: 5px;
        width: 820px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #secCont .indexM {
        min-height: 30px;
        width: 800px;
        background: url(../images/second/midashi2_bg.png);
        font-size: 16px;
        line-height: 1.5;
        padding: 8px 10px 0;
        color: #000;
        margin-bottom: 20px;
        font-weight: bold;
    }

    #secCont .indexS {
        font-size: 16px;
        line-height: 1.3;
        color: #5d800c;
        border-left: solid 5px #5d800c;
        padding-left: 10px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #secCont p {
        font-size: 15px;
        line-height: 1.8;
        padding-bottom: 25px;
    }

    #secCont p.caption {
        padding: 0;
    }

    #secCont .tableLayout {
        display: table;
        width: 100%;
        border-top: solid 1px #ccc;
        margin-bottom: 40px;
        background: #fff;
    }

    #secCont .tableLayout .row {
        display: table-row;
    }

    #secCont .tableLayout .row .th,
    #secCont .tableLayout .row .td {
        display: table-cell;
        border-bottom: solid 1px #ccc;
        font-size: 16px;
        padding: 15px 25px;
        line-height: 1.8;
        vertical-align: top;
    }

    #secCont .tableLayout .row .th .caution,
    #secCont .tableLayout .row .td .caution {
        display: block;
        font-size: 12px;
        line-height: 1.3;
    }

    #secCont .tableLayout .row .th {
        background: #f2efea;
        border-right: solid 1px #ccc;
        width: 130px;
        font-weight: bold;
    }

    #secCont .infoBlock {
        border: solid 1px #c4cbad;
        border-top: solid 4px #60712a;
        padding: 20px 30px 30px;
        font-size: 16px;
        margin-bottom: 40px;
        background: #fff;
    }

    #secCont .infoBlock .title {
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #secCont .infoBlock p {
        padding-bottom: 0;
    }

    #secCont .infoBlock dl {
        display: table;
        margin-top: 20px;
    }

    #secCont .infoBlock dl dt,
    #secCont .infoBlock dl dd {
        display: table-cell;
        vertical-align: middle;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #secCont .infoBlock dl dt {
        width: 160px;
        text-align: center;
        background: #f6f6f6;
    }

    #secCont .infoBlock dl dd {
        padding-left: 20px;
    }

    #secCont .infoBlock dl dd .tel {
        font-size: 18px;
        color: #61742d;
        font-weight: bold;
        display: block;
    }

    #secCont .infoBlock dl dd .fileLink {
        font-size: 15px;
        display: block;
        font-weight: bold;
        margin: 5px 0;
    }

    #secCont .infoBlock dl dd .caution {
        font-size: 12px;
        display: block;
    }

    #secCont .list {
        padding-bottom: 30px;
    }

    #secCont .list li {
        background: url(../images/second/list-icon.png) no-repeat 0 9px;
        padding-left: 14px;
    }

    #secCont .arrowList {
        padding-bottom: 30px;
    }

    #secCont .arrowList li {
        background: url(../images/second/arrow-green.png) no-repeat 0 7px;
        padding-left: 12px;
    }

    #secCont .mapCaption {
        color: #89ac39;
        font-size: 18px;
        font-weight: bold;
    }

    #secCont span.ico_arrow {
        background: url(../images/second/arrow-green.png) no-repeat 0 7px;
        padding-left: 12px;
    }

    #secCont a.link {
        display: inline-block;
        background: url(../images/second/link-icon.png) no-repeat right top;
        padding-right: 16px;
    }

    #secCont a.ico_pdf {
        background: url(../images/second/pdf-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_excel {
        background: url(../images/second/excel-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_word {
        background: url(../images/second/word-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_ppt {
        background: url(../images/second/ppt-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_file {
        background: url(../images/second/file-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #pankuzu {
        display: table;
        margin: 15px 0 0 15px;
    }

    #pankuzu li {
        display: table-cell;
        padding-left: 5px;
        font-size: 13px;
    }

    #pankuzu li:after {
        content: "/";
        display: inline-block;
        padding-left: 10px;
    }

    #pankuzu li:last-child:after {
        content: "";
        display: none;
        padding: 0;
    }

    .innerMenu {
        background: #f2efea;
        width: 795px;
        padding: 25px 9px 25px 25px;
        letter-spacing: -2px;
        margin-bottom: 30px;
    }
	
	.cont-list {
		background: none;
	}

    .innerMenu li {
        width: 244px;
        display: inline-block;
        border: solid 1px #c5c5c5;
        position: relative;
        margin-right: 16px;
        background: #fff;
        vertical-align: top;
        margin-bottom: 16px;
    }

    .innerMenu li:after {
        display: block;
        position: absolute;
        top: 18px;
        left: 10px;
        width: 7px;
        height: 7px;
        border-bottom: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }
	
	.cont-list li:after {
        top: 50%;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
		border-bottom: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
	}


    .innerMenu li a {
        text-decoration: none;
        color: #000;
        display: block;
        padding-left: 30px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-right: 10px;
        line-height: 1.4;
        letter-spacing: normal;
    }
	
	.cont-list li a:hover{
		color: #aa6a41;
	}

    .innerMenu.double li {
        width: 375px;
    }

    .detailBtn {
        display: block;
        border: solid 1px #c5c5c5;
        position: relative;
        background: #fff;
        vertical-align: top;
        padding: 10px 10px 10px 30px;
        color: #000;
        width: 200px;
        margin-bottom: 30px;
    }

    .detailBtn.tac {
        margin: 0 auto 30px;
    }

    .detailBtn:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

    .red {
        color: #D92B00;
    }

    .imageIn {
        padding-bottom: 40px;
    }

    .imageIn:after {
        clear: both;
        display: block;
        content: "";
        width: 1px;
        height: 0;
        overflow: hidden;
    }

    .imageIn .imageRight {
        display: block;
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .imageIn div.imageRight {
        width: 300px;
    }

    .imageIn div.imageRight img {
        width: 100%;
        height: auto;
    }

    .imageIn .imageLeft {
        display: block;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .imageIn .imageCenter {
        display: block;
        margin: 0 auto 15px;
    }

    .imageIn .imageRight span,
    .imageIn .imageLeft span,
    .imageIn .imageCenter span {
        font-size: 12px;
        line-height: 1.4;
        display: block;
        padding-top: 5px;
    }

    .imageIn p {
        float: left;
        width: 505px;
        padding-bottom: 10px !important;
    }

    .imageIn .imageMulti {
        display: table;
        text-align: center;
        margin: 0 auto 10px;
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        padding: 12px;
    }

    .imageIn .imageMulti .imageMultiIn {
        display: inline-block;
    }

    .imageIn .imageMulti img {
        margin: 0 5px;
    }

    .imageIn .imageMulti span.photo {
        display: block;
    }

    .imageIn .imageMulti span.cap {
        display: block;
        font-size: 12px;
        line-height: 1.4;
        padding-top: 5px;
        text-align: left;
    }
	
	.imageIn.col2{
		display: flex;
		flex-flow: wrap;
		align-items: center;
	}

	.imageIn.col2 img{
		display: inline-block;
		margin-bottom: 15px;
		width: calc(50% - 7.5px);
	}

	.imageIn.col2 img:nth-child(odd){
		margin-right: 15px;
	}

    .bgBox {
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        padding: 20px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .bgBox .bgBoxIn {
        overflow: hidden;
    }

    .bgBox .bgBoxIn .imageLeft {
        float: left;
    }

    .bgBox .cap {
        display: block;
        font-size: 13px;
        padding-top: 3px;
    }

    .bgBox .capRight {
        text-align: right;
    }

    .bgBox .capLeft {
        text-align: left;
    }

    .infoTable {
        width: 430px;
        float: right;
        background: url("../images/info/table_bg.png") no-repeat 0 0;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #532d1b;
        font-size: 14px;
        padding-top: 30px;
    }

    .infoTable li {
        overflow: hidden;
        margin-bottom: 35px;
        line-height: 1.5;
    }

    .infoTable li span.th {
        width: 95px;
        text-align: right;
        float: left;
        display: block;
    }

    .infoTable li span.td {
        margin-left: 130px;
        display: block;
    }

    .infoBox1 {
        width: 820px;
        height: 415px;
        margin-left: -40px;
        background: url("../images/info/sanmon.jpg") no-repeat right bottom;
        padding: 25px 40px 0;
        margin-bottom: 15px;
    }

    .infoBox1 h2 {
        font-size: 26px;
        line-height: 1.5;
        margin-bottom: 35px;
    }

    .infoBox1 p {
        width: 470px;
    }

    .infoBox2 {
        background: url("../images/second/box_bg.png") no-repeat 0 0;
        padding: 20px 10px 20px 25px;
        margin-bottom: 30px;
    }

    .infoBox2 .slick-track {
        transform: inherit !important;
    }

    .infoBox2 div span {
        display: block;
        text-align: right;
        font-size: 14px;
        padding-right: 15px;
    }

    .infoBox2-1 {
        overflow: hidden;
    }

    .infoBox2-1 .imgWrap {
        float: left;
        width: 262px;
    }

    .infoBox2-1 .imgWrap img {
        width: 262px;
    }

    .infoBox2-1 .rightWrap {
        float: right;
        width: 490px;
    }

    .infoBox2-1 .rightWrap dt {
        color: #597a21;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .infoBox2-1 .rightWrap dd {
        font-size: 12px;
        line-height: 2;
    }

    .infoBox2-2 {
        width: 820px;
        height: 465px;
        margin-left: -40px;
        background: url("../images/info/heisei.jpg") no-repeat right bottom;
        padding: 50px 40px 0;
        margin-bottom: 15px;
    }

    .infoBox2-2 h2 {
        font-size: 26px;
        line-height: 1.5;
        margin-bottom: 35px;
    }

    .infoBox2-2 p {
        width: 350px;
    }

    .infoBox4-1 {
        overflow: hidden;
    }

    .infoBox4-1 .imgWrap {
        width: 221px;
        float: left;
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px;
    }

    .infoBox4-1 .imgWrap img {
        max-width: 100%;
    }

    .infoBox4-1 .cap {
        display: block;
        font-size: 14px;
        text-align: left;
    }

    .infoBox4-1 .txtWrap {
        margin-left: 265px;
    }

    .infoBox4-1-R {
        overflow: hidden;
    }

    .infoBox4-1-R .imgWrap {
        width: 221px;
        float: right;
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px;
    }

    .infoBox4-1-R .imgWrap img {
        max-width: 100%;
    }

    .infoBox4-1-R .cap {
        display: block;
        font-size: 14px;
        text-align: left;
    }

    .infoBox4-1-R .txtWrap {
        margin-right: 265px;
    }

    .infoImg1 {
        width: 336px;
    }

    table.tableA {
        width: 100%;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        margin-bottom: 30px;
        background: #fff;
    }

    table.tableA th {
        border-bottom: solid 1px #ccc;
        font-size: 14px;
        padding: 12px 15px;
        line-height: 1.3;
        vertical-align: top;
        background: #f2efea;
        border-right: solid 1px #ccc;
    }

    table.tableA td {
        border-bottom: solid 1px #ccc;
        font-size: 14px;
        padding: 12px 15px;
        line-height: 1.3;
        vertical-align: top;
        border-right: solid 1px #ccc;
    }

    .newsList {
        border-top: 1px solid #cccccc;
        padding-bottom: 30px;
    }

    .newsList li {
        border-bottom: 1px solid #cccccc;
        padding: 18px 15px;
    }

    .newsList li a {
        display: inline-block;
        background: url("../images/second/list-icon-L.png") no-repeat 0 3px;
        padding-left: 35px;
        color: #000;
    }

    .newsList li .day {
        font-size: 16px;
        display: inline-block;
        width: 120px;
    }

    .kotobaBottom {
        margin: 30px 0 0;
    }

    .kotobaBottom .headArea {
        background: #60712a;
        color: #FFF;
        overflow: hidden;
    }

    .kotobaBottom .headArea .titArea {
        padding: 7px 15px 5px;
        float: left;
    }

    .kotobaBottom .headArea .linkArea {
        float: right;
        width: 92px;
    }

    .kotobaBottom .headArea .linkArea a {
        display: block;
        color: #FFF;
        background: url("../images/second/list-icon-L.png") no-repeat 0 9px;
        padding: 9px 10px 0px 35px;
        font-size: 14px;
    }

    .kotobaBottom .headArea .linkArea a:hover {
        text-decoration: underline;
    }

    .kotobaBottom .bottomList {
        border-left: 1px solid #bbbe92;
        border-right: 1px solid #bbbe92;
    }

    .kotobaBottom .bottomList li {
        border-bottom: 1px solid #bbbe92;
    }

    .kotobaBottom .bottomList li a {
        display: block;
        background: url("../images/second/arrow-green_L.png") no-repeat 98% center #fffcfc;
        padding: 10px 15px 7px;
    }

    .kotobaBottom .bottomList li a:hover,
    .kotobaBottom .bottomList li a.on {
        background: url("../images/second/arrow-green_L.png") no-repeat 98% center #f0f0f0;
    }

    .postWrap_kotoba {
        padding-top: 20px;
    }

    .spSecondMenuWrap {
        display: none;
    }

    .treasureWrap h2 {
        margin-bottom: 20px;
    }

    .treasureWrap h2 img {
        width: 100%;
    }

    .treasureWrap h3 {
        background: url("../images/treasure/midashi.jpg") no-repeat 0 0;
        font-size: 18px;
        padding: 5px 15px 3px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .treasureWrap .row {
        margin-bottom: 30px;
    }

    .treasureWrap .row ul {
        overflow: hidden;
        width: 840px;
        margin-bottom: 10px;
        clear: both;
    }

    .treasureWrap .row ul li {
        float: left;
        margin-right: 10px;
    }

    .treasureWrap .row ul li img {
        width: 266px;
        height: 150px;
    }

    .treasureWrap .row ul li.s {
        margin-bottom: 10px;
    }

    .treasureWrap .row ul li.s img {
        width: 266px;
        height: 43px;
    }
    
    .bnrAreaSecond {
        text-align: center;
    }

    .bnrAreaSecond a {
        display: inline-block;
    }
    
    .bnrAreaSecond a img {
        width: 100%;
    }
    
    .mameWrap {
        width: 900px;
        margin-left: -40px;
    }

    .mameWrap dl {
        margin-bottom: 15px;
    }

    .mameWrap dl dt {
        color: #556d1b;
        font-size: 20px;
        font-weight: bold;
        background: url("../images/common/list_icon.png") no-repeat 0 10px;
        padding-left: 18px;
    }

    .mameWrap dl dd {
        font-size: 16px;
    }

    .mameWrap .box1 {
        width: 900px;
        height: 508px;
        background: url("../images/mame/bg1.jpg") no-repeat 0 0;
        position: relative;
    }

    .mameWrap .box1 .boxA {
        width: 570px;
        position: absolute;
        top: 65px;
        left: 255px;
    }

    .mameWrap .box2 {
        width: 900px;
        height: 522px;
        background: url("../images/mame/bg2.jpg") no-repeat 0 0;
        position: relative;
    }

    .mameWrap .box2 .boxB {
        width: 570px;
        position: absolute;
        top: 65px;
        left: 65px;
    }

    .mameWrap .box2 .boxC {
        width: 570px;
        position: absolute;
        top: 325px;
        left: 255px;
    }

    .mameWrap .box3 {
        width: 900px;
        height: 574px;
        background: url("../images/mame/bg3.jpg") no-repeat 0 0;
        position: relative;
    }

    .mameWrap .box3 .boxD {
        width: 570px;
        position: absolute;
        top: 65px;
        left: 65px;
    }

    .mameWrap .box3 .boxE {
        width: 570px;
        position: absolute;
        top: 325px;
        left: 255px;
    }

    .mameWrap .box4 {
        width: 900px;
        height: 558px;
        background: url("../images/mame/bg4.jpg") no-repeat 0 0;
        position: relative;
    }

    .mameWrap .box4 .boxF {
        width: 570px;
        position: absolute;
        top: 65px;
        left: 65px;
    }

    .mameWrap .box4 .boxG {
        width: 570px;
        position: absolute;
        top: 325px;
        left: 255px;
    }

    .mameWrap .box5 {
        width: 900px;
        height: 536px;
        background: url("../images/mame/bg5.jpg") no-repeat 0 0;
        position: relative;
    }

    .mameWrap .box5 .boxH {
        width: 570px;
        position: absolute;
        top: 65px;
        left: 65px;
    }

    .mameWrap .box5 .boxI {
        width: 410px;
        position: absolute;
        top: 315px;
        left: 420px;
    }

    .chronologyWrap {
        background: url("../images/info/info_chr_line.png") repeat-y 200px 0;
    }

    .chronologyWrap ul {
        position: relative;
        top: -10px;
    }

    .chronologyWrap ul li {
        overflow: hidden;
        margin-bottom: 20px;
        background: url("../images/info/info_chr_maru.png") no-repeat 196px 5px;
    }

    .chronologyWrap ul li dl dt {
        float: left;
        width: 120px;
        font-size: 16px;
        color: #9e8527;
        text-align: right;
    }

    .chronologyWrap ul li dl.imgIn dt {
        padding-top: 35px;
    }

    .chronologyWrap ul li dl dd.img {
        float: left;
        width: 128px;
        text-align: right;
    }

    .chronologyWrap ul li dl dd.img img {
        max-width: 100%;
    }

    .chronologyWrap ul li dl dd.txt {
        width: 535px;
        float: right;
        font-size: 16px;
    }

    .chronologyWrap ul li dl.imgIn dd.txt {
        padding-top: 35px;
    }

    .routeBox,
    .routeAll,
    .course-read {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .routeBox .leftCol,
    .routeAll .leftCol,
    .course-read .leftCol {
        float: left;
    }

    .routeBox .leftCol .enRead,
    .routeAll .leftCol .enRead,
    .course-read .leftCol .enRead {
        font-size: 14px !important;
    }

    .routeBox .rightCol,
    .routeAll .rightCol,
    .course-read .rightCol {
        float: right;
    }

    #secCont .section01 {
        padding-top: 40px;
        overflow: hidden;
    }

    #secCont .section01 .leftCol {
        width: 286px;
    }

    #secCont .section01 p {
        font-size: 16px;
    }

    .routeAll {
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    }

    .routeAll .leftCol {
        width: 515px;
    }

    .routeAll .leftCol .leftCol {
        width: 285px;
    }

    .routeAll .leftCol .rightCol {
        width: 210px;
    }

    .routeAll a:hover {
        opacity: 0.8;
    }

    .routeAll .titleBlock {
        position: relative;
    }

    .routeAll h2 {
        padding: 5px 0 10px;
        border-bottom: 1px solid #fff;
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 13px;
    }

    .routeAll dl {
        width: 147px;
        background: #fff;
        border-radius: 15px;
        position: absolute;
        top: -5px;
        right: 0;
        text-align: center;
    }

    .routeAll dt {
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
    }

    .routeAll h3 {
        margin-bottom: 15px;
    }

    .routeAll ul {
        width: 210px;
    }

    .routeAll li {
        padding: 3px 0;
        margin-bottom: 2px;
        background: #fff;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
    }

    .routeAll .rightCol {
        width: 224px;
    }

    #secCont .leftCol p {
        font-size: 16px;
        line-height: 1.4;
    }

    .courseA {
        background: url(../images/route/bg_object-a.png) no-repeat left top #d5e1ec;
        padding: 25px 30px;
    }

    .courseA h2 .number {
        width: 32px;
        height: 32px;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        font-size: 20px;
        background: #92abc2;
        border-radius: 50%;
        text-align: center;
    }

    .courseA h3 img {
        width: 263px;
    }

    .courseA .course {
        display: block;
        font-size: 18px;
        color: #516f8c;
        font-weight: bold;
    }

    .courseA .enCourse {
        display: block;
        font-size: 14px;
    }

    .courseA dd {
        font-size: 18px;
        font-weight: bold;
        color: #516f8c;
        display: inline-block;
        vertical-align: middle;
    }

    .courseA li.on {
        background: #92abc2;
        color: #fff;
    }

    .courseA li span {
        margin: 5px 0 0 5px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 14px;
        height: 13px;
        font-size: 8px;
        line-height: 13px;
        color: #fff;
        background: url(../images/route/bg_number-a.png) no-repeat 1px;
    }

    .courseA .rightCol a {
        background: url(../images/route/bt_a.png) no-repeat center top;
        width: 228px;
        height: 43px;
        display: block;
        margin-bottom: 30px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding-top: 10px;
    }

    .courseA .rightCol img {
        margin-top: 13px;
    }

    .courseB {
        background: url(../images/route/bg_object-b.png) no-repeat left top #dee6da;
        padding: 25px 30px;
    }

    .courseB h2 .number {
        width: 32px;
        height: 32px;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        font-size: 20px;
        background: #96af89;
        border-radius: 50%;
        text-align: center;
    }

    .courseB h3 img {
        width: 265px;
    }

    .courseB .course {
        display: block;
        font-size: 18px;
        color: #698b58;
        font-weight: bold;
    }

    .courseB .enCourse {
        display: block;
        font-size: 14px;
    }

    .courseB dd {
        font-size: 18px;
        font-weight: bold;
        color: #698b58;
        display: inline-block;
        vertical-align: middle;
    }

    .courseB li.on {
        background: #96af89;
        color: #fff;
    }

    .courseB li span {
        margin: 5px 0 0 5px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 14px;
        height: 13px;
        font-size: 8px;
        line-height: 13px;
        color: #fff;
        background: url(../images/route/bg_number-b.png) no-repeat 1px;
    }

    .courseB .rightCol a {
        background: url(../images/route/bt_b.png) no-repeat center top;
        width: 228px;
        height: 43px;
        display: block;
        margin-bottom: 30px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding-top: 10px;
    }

    .courseC {
        background: url(../images/route/bg_object-c.png) no-repeat left top #d2cad4;
        padding: 25px 30px;
    }

    .courseC h2 .number {
        width: 32px;
        height: 32px;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        font-size: 20px;
        background: #998299;
        border-radius: 50%;
        text-align: center;
    }

    .courseC h3 img {
        width: 265px;
    }

    .courseC .course {
        display: block;
        font-size: 18px;
        color: #6e476f;
        font-weight: bold;
    }

    .courseC .enCourse {
        display: block;
        font-size: 14px;
    }

    .courseC dd {
        font-size: 18px;
        font-weight: bold;
        color: #6e476f;
        display: inline-block;
        vertical-align: middle;
    }

    .courseC li.on {
        background: #998299;
        color: #fff;
    }

    .courseC li span {
        margin: 5px 0 0 5px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 14px;
        height: 13px;
        font-size: 8px;
        line-height: 13px;
        color: #fff;
        background: url(../images/route/bg_number-c.png) no-repeat 1px;
    }

    .courseC .rightCol a {
        background: url(../images/route/bt_c.png) no-repeat center top;
        width: 228px;
        height: 43px;
        display: block;
        margin-bottom: 30px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding-top: 10px;
    }

    .courseC .rightCol img {
        margin-top: 13px;
    }

    .course-read {
        overflow: hidden;
        padding-top: 40px;
    }

    .course-read h2 {
        margin-bottom: 20px;
    }

    .course-read .leftCol {
        width: 495px;
    }

    .course-read .leftCol p {
        font-size: 16px;
    }

    .course-read .rightCol {
        width: 293px;
    }

    .courseList {
        overflow: hidden;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
        margin-bottom: 40px;
    }

    .courseList h2 {
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .courseList h2 .en {
        font-size: 14px;
        padding-left: 17px;
        display: inline-block;
        vertical-align: middle;
    }

    .courseList .hideBlock {
        overflow: hidden;
    }

    .courseList ul li {
        width: 210px;
        background: #fff;
        margin-bottom: 2px;
        padding: 3px 0;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
    }

    .courseList .leftCol {
        width: 210px;
        float: left;
    }

    .courseList .rightCol {
        width: 525px;
        float: right;
    }

    .courseList .imgBlock {
        overflow: hidden;
    }

    .courseList .imgBlock img:nth-child(odd) {
        float: left;
    }

    .courseList .imgBlock img:nth-child(even) {
        float: right;
    }

    #secCont .eventIndexWrap table.tableA td {
        font-size: 14px;
        padding-bottom: 7px;
    }

    #secCont .eventIndexWrap table.tableA h4 {
        color: #5d800c;
        font-weight: bold;
        margin-bottom: 3px;
    }

    #secCont .eventIndexWrap table.tableA p {
        padding: 0;
        width: auto;
        font-size: 14px;
    }

    #secCont .eventIndexWrap table.tableA .tableInBtn {
        padding: 10px 0 5px 0;
    }

    #secCont .eventIndexWrap table.tableA .detailBtn {
        margin-bottom: 0;
        border: none;
        padding: 0 0 0 15px;
        width: auto;
        color: #5d800c;
        text-decoration: underline;
    }

    #secCont .eventIndexWrap table.tableA .detailBtn:after {
        left: 0px;
    }

    .bgImg {
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px;
    }

    #secCont .tableLayout.size12 .row .th,
    #secCont .tableLayout.size12 .row .td {
        font-size: 12px;
    }

    .submitBtn {
        display: inline-block;
        border: solid 1px #c5c5c5;
        position: relative;
        background: #fff;
        vertical-align: top;
        padding: 10px 10px 10px 10px;
        color: #000;
        width: 200px;
        margin-bottom: 30px;
        margin: 0 auto 30px;
        text-align: center;
    }

    .submitBtn:after {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

    .submitBtn:hover {
        cursor: pointer;
    }

    .backBtn {
        display: inline-block;
        border: solid 1px #c5c5c5;
        position: relative;
        background: #fff;
        vertical-align: top;
        padding: 10px 10px 10px 10px;
        color: #000;
        width: 200px;
        margin-bottom: 30px;
        margin: 0 auto 30px;
        text-align: center;
    }

    .backBtn:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(225deg);
        content: "";
    }

    .backBtn:hover {
        cursor: pointer;
    }

    .btnArea {
        text-align: center;
    }

    .btnArea {
        text-align: center;
    }

    .linkContact {
        margin-top: 10px;
    }

    /* 201609008 add */
    .appWrap {
        overflow: hidden;
    }

    .appWrap .screenImg {
        float: left;
        width: 425px;
        text-align: center;
    }

    .appWrap .textBox {
        float: right;
        width: 365px;
        text-align: center;
        padding-right: 30px;
    }

    .appWrap .textBox img {
        margin-bottom: 30px;
    }

    .appWrap .textBox p {
        text-align: left;
    }

    .appWrap .textBox .dlBtn a {
        background: url(../images/tsunagare/dl_btn.jpg) no-repeat center top;
        display: block;
        width: 334px;
        height: 110px;
        line-height: 110px;
        color: #fff;
        font-size: 20px;
        padding-left: 20px;
    }

    .appWrap .textBox .dlBtn a:hover {
        opacity: 0.9;
    }

    #secCont .aform-style {
        margin-top: 30px;
    }

    #secCont .aform-content dl {
        background: #f2efea;
        display: table;
        table-layout: fixed;
        margin: 0;
        padding: 0;
        width: 100%;
        border-style: solid;
    }

    #secCont .aform-content dl:first-of-type {
        border-top: 1px solid #ccc;
    }

    #secCont .aform-content dl dt {
        background: #f2efea;
        float: none;
        width: 130px;
        padding: 15px 25px;
        display: table-cell;
        vertical-align: top;
    }

    #secCont .aform-content dl dd {
        background: #fff;
        font-size: 16px;
        padding: 15px 25px;
        line-height: 1.8;
        display: table-cell;
        vertical-align: top;
        float: none;
    }

    #secCont .aform-content dl dd p {
        padding-bottom: 0;
    }

    #secCont .aform-content dl dt .required {
        top: 10px;
        right: 10px;
    }

    #secCont .aform-content dl input,
    #secCont .aform-style .aform-content dl textarea,
    .aform-content dl select {
        width: auto;
    }

    #secCont .aform-content .aform-name-ul li,
    #secCont .aform-style .aform-content .aform-kana-ul li {
        display: inline-block;
    }

    #secCont .aform-content .submit {
        background: none;
    }

    #secCont .form_bt {
        text-align: center;
        margin: 30px 0;

    }

    #secCont .aform-content .form_bt .submit {
        display: inline-block;
        position: relative;
        background: #fff;
        vertical-align: top;
        color: #000;
        min-width: 200px;
        text-align: center;
        padding: 0;
        margin: 0 10px;
    }

    #secCont .aform-content .form_bt .back {
        display: inline-block;
        position: relative;
        background: #fff;
        vertical-align: top;
        color: #000;
        min-width: 150px;
        text-align: center;
        padding: 0;
        margin: 0 10px;
    }

    #secCont .aform-content .form_bt .submit::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

    #secCont .aform-content .form_bt .back::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-left: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(-45deg);
        content: "";
    }

    #secCont .aform-content .form_bt .submit input[type="submit"] {
        padding: 10px 40px 10px 25px;
        background: #fff;
        margin: 0;
        border: solid 1px #c5c5c5;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 120%;
    }

    #secCont .aform-content .form_bt .back input[type="button"] {
        padding: 10px 25px 10px 40px;
        background: #fff;
        margin: 0;
        border: solid 1px #c5c5c5;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 120%;
    }

    #secCont #aform_confirm_msg {
        margin-top: 20px;
        text-align: center;
    }

    #secCont .aform-content .aform-note {
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }

    #secCont .aform-content .aform-note + p {
        padding-bottom: 0;
    }

    #secCont #aform_result .comp {
        text-align: center;
        color: #000;
        font-size: 28px;
        font-weight: normal;
    }

    #secCont #aform_result .comp + p {
        color: #000;
        text-align: center;
        margin-bottom: 30px;
        font-weight: normal;
    }

    #secCont .aform-content .aform-input-example span {
        color: #D92B00;
    }

    .attentionWrap {
        margin-top: 50px;
        background-color: #eee;
        border: solid 1px #ccc;
        padding: 10px 20px;
        line-height: 1.8;
    }

    .attentionWrap h2 {
        font-size: 16px;
        font-weight: bold;
    }

    .attentionWrap p {
        font-size: 13px;
    }

    .attentionWrap ol {
        font-size: 13px;
    }

    .attentionWrap ol li {
        margin-top: 1em;
    }

    .stepWrap ul {
        display: flex;
        flex-flow: nowrap;
        text-align: center;
    }

    .stepWrap ul li {
        padding: 20px 12px 0;
        width: 25%;
    }

    .stepWrap ul li:nth-child(1) {
        background-color: #dee4d0;

    }

    .stepWrap ul li:nth-child(2) {
        background-color: #d7e3bb;

    }

    .stepWrap ul li:nth-child(3) {
        background-color: #ccdba7;

    }

    .stepWrap ul li:nth-child(4) {
        background-color: #c0d392;

    }

    .stepWrap .txt {
        font-weight: bold;
        letter-spacing: -1px;
        font-size: 15px;
        margin-top: 10px;
    }

    .stepWrap p {
        font-size: 13px !important;
        text-align: left;
        display: inline-block;
        margin-top: 10px;
    }

    .stepWrap.img {
        margin-top: 10px;
    }

    .stepWrap.img img {
        transition: .3s ease-in;
    }

    .stepWrap.img img:hover {
        opacity: 0.7;

    }
    
/* award */
    
    #awardWrap .lead{
        margin: 0 0 25px;
        line-height: 1.62;
    }
    #awardWrap h2{
        font-size: 28px;
        margin-bottom: 15px;
        font-weight: normal;
        
    }
    

    

    #awardWrap .ttl {
        display: flex;
    }

    #awardWrap .ttlTheme {
        font-weight: bold;
    }

    #awardWrap  .ttlTheme span {
        font-weight: normal;
    }

    #awardWrap .comment {
        line-height: 1.62;
        margin-top: 20px;
        padding-left: 10px;
    }

    #awardWrap .awardIcon {
        margin-right: 6px;
    }

    #awardWrap .type1 {
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        padding: 30px 0 40px;
        display: flex;
        flex-flow: wrap;
    }

    #awardWrap .type1 .img {
        width: 50%;
        margin-right: 34px;
    }
    #awardWrap .type1 .img img {
        max-width: 410px;
    }

    #awardWrap .type1 .txt {
        width: 45%;
    }

    #awardWrap .type1 .ttlTheme{
        font-size: 35px;
        margin: 24px 0 10px -12px;
    }
  #awardWrap .type1.noTxt .img{
    width: 100%;
    margin-right: 0;
  }
  #awardWrap .type1.noTxt .img img{
      max-width: 100%;  
  }
    
    #awardWrap .ttlTheme.nowrapPC {
        white-space: nowrap;
    }

    #awardWrap .ttlTheme span {
        display: block;
        font-size: 18px;
        padding-left: 10px;
        margin-top: 4px;
    }

#awardWrap .awardBoxWrapBorder {
    position: relative;
}

#awardWrap .awardBoxWrapBorder::after {
    content: "";
    display: block;
    background-color: #cecece;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 97%;
    width: 1px;
}
/*
#awardWrap .awardBoxWrapBorder::before {
    content: "";
    display: block;
    background-color: #cecece;
    position: absolute;
    bottom: 650px;
    bottom: -30px;
    left: 0;
    height: 1px;
    width: 100%;
}
*/
    
    #awardWrap .awardBoxWrapBorder.bd-none::before  {
        content: none;
    }
    #awardWrap .awardBoxWrapBorder.bd-none::after  {
        content: none;
    }
    
#awardWrap .awardBoxWrap {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
#awardWrap .awardBoxWrap:not(:first-child){
    border-top: 1px solid #cecece;
}

#awardWrap .awardBox.type2 {
    margin-top: 34px;
    max-width: 412px;
}
    
    #awardWrap .awardBox.type2 .txt {
        margin-bottom: 24px;
    }
    #awardWrap .awardBox.type2 img{
        max-width: 372px;
        height: auto;
    }
#awardWrap .awardBox.type2 img.autumn {
    width: 372px;
        height: auto;
    }

#awardWrap .awardBox.type2:nth-child(n + 3) {
    margin-top: 40px;
}

#awardWrap .awardBox.type2 .ttlTheme {
    font-size: 18px;
    margin: 20px 0 0;
}

#awardWrap .awardBox.type2 .ttlTheme span {
    font-size: 16px;
    line-height: 1.3;
    height: 0;
}

#awardWrap .awardBox.for-rightCol .ttl {
    flex-flow: column;
/*    text-align: center;*/
}

#awardWrap .awardBox.for-rightCol .awardIcon {
    text-align: center;
}

#awardWrap .awardBox.for-rightCol .ttlTheme {
    font-size: 30px;
}
    
.awardWrap .awardTtlTop {
    display: flex;
}
#awardWrap .awardTtlTop .ttlTheme {
    font-size: 30px;
    margin: 20px 0 10px 40px;
}
    
.themes {
    text-align: center;
    font-size: 24px !important;
}

.themes .ttl {
    color: #607422;
    font-weight: bold;
    font-size: 26px !important;
}
    
/*    add20201218*/
    
    .yt-container {
        max-width: 540px;
        margin: 10px 0 40px; }
    .yt-container .yt-containerIn {
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
    .yt-container iframe, .yt-container video {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }
    .yt-container video {
        outline: none; }
    .yt-container.col2 {
        max-width: none;
        display: -webkit-box;
        display: flex;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between; }
    .yt-container.col2 .yt-containerIn {
        width: calc(50% - 7.5px);
        padding-top: 28.125%; }
    .yt-container.col2 .yt-containerIn:nth-child(odd) {
        margin-right: 15px; }
    .yt-container.col2 .yt-containerIn:nth-child(n + 3) {
        margin-top: 15px; }
    
    .insta-container{
        width: 40%;
    }
    .fb-container{
/*        padding-top: 221%;*/
        width: 40%;
        padding-top: 89%;
        position: relative;
    }
    .fb-container iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media screen and (max-width: 540px) {
    a {
        color: #6a9800;
        text-decoration: none;
    }

    a :hover {
        text-decoration: underline;
    }

    body.second {
        width: 100%;
    }

    body.second #topV {
        overflow: hidden;
        text-align: center;
        position: relative;
        width: 100%;
    }

    body.second #topV div img {
        width: 100%;
    }

    .infoHead .topVMenu {
        display: none;
    }

    #secCont {
        width: 100%;
        padding-bottom: 30px;
    }

    #secCont #postArea {
        width: 100%;
    }

    #secCont .pageTitle {
        background: url(../images/second/sp-page_title_bg.gif) no-repeat right 0 #eeebe1;
        background-size: 100% auto;
        font-size: 20px;
        line-height: 1.3;
        min-height: 48px;
        padding: 10px 5px 10px 20px;
        margin: 0 0 20px 0;
        color: #4d3214;
        width: 820px;
        width: 100%;
        position: relative;
        font-weight: bold;
    }

    #secCont .pageTitle:before {
        content: "";
        display: block;
        width: 5px;
        height: 23px;
        background: url(../images/second/page_title_bg.gif) no-repeat 0 0;
        background-size: cover;
        position: absolute;
        left: 5px;
        top: 24px;
        margin-top: -11px;
    }

    #secCont .entryDate {
        font-size: 15px;
        text-align: right;
        padding-right: 20px;
        margin-bottom: 10px;
    }

    #secCont .indexL {
        border-bottom: 1px solid #c0bbba;
        background-size: 100% auto;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.3;
        padding-bottom: 5px;
        width: 95%;
        margin: 10px auto 20px;
    }

    #secCont .indexM {
        min-height: 30px;
        width: 95%;
        background: url(../images/second/midashi2_bg.png);
        background-size: 100% auto;
        font-size: 16px;
        line-height: 1.5;
        padding: 5px 10px 5px;
        color: #000;
        margin: 0 auto 20px;
        font-weight: bold;
    }

    #secCont .indexS {
        font-size: 16px;
        line-height: 1.4;
        color: #5d800c;
        padding-left: 5px;
        font-weight: bold;
        margin: 0 auto 20px;
        width: 95%;
        border-left: solid 5px #5d800c;
    }

    #secCont p {
        font-size: 16px;
        line-height: 1.4;
        padding-bottom: 15px;
        width: 95%;
        margin: 0 auto;
    }

    #secCont p.caption {
        padding: 0;
    }

    #secCont .tableLayout {
        width: 95%;
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        margin: 0 auto 40px;
    }

    #secCont .tableLayout .row .th,
    #secCont .tableLayout .row .td {
        border-bottom: solid 1px #ccc;
        font-size: 14px;
        padding: 10px;
        line-height: 1.3;
        display: block;
        background: #fff;
    }

    #secCont .tableLayout .row .th .caution,
    #secCont .tableLayout .row .td .caution {
        display: block;
        font-size: 12px;
        line-height: 1.3;
    }

    #secCont .tableLayout .row .th {
        background: #f2efea;
        font-weight: bold;
    }

    #secCont .infoBlock {
        border: solid 1px #c4cbad;
        border-top: solid 4px #60712a;
        padding: 10px;
        font-size: 14px;
        margin: 0 auto 40px;
        background: #fff;
        width: 95%;
    }

    #secCont .infoBlock .title {
        padding-bottom: 5px;
        border-bottom: solid 1px #ccc;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 18px;
    }

    #secCont .infoBlock p {
        padding: 0;
    }

    #secCont .infoBlock dl {
        margin-top: 10px;
    }

    #secCont .infoBlock dl dt {
        background: #eaeaea;
        text-align: center;
        height: 40px;
        line-height: 40px;
    }

    #secCont .infoBlock dl dd .tel {
        font-size: 15px;
        color: #61742d;
        font-weight: bold;
        display: block;
        padding: 10px 0;
        border-bottom: solid 1px #ccc;
        margin-bottom: 5px;
    }

    #secCont .infoBlock dl dd .fileLink {
        font-size: 14px;
        display: block;
        font-weight: bold;
        margin: 5px 0;
    }

    #secCont .infoBlock dl dd .caution {
        font-size: 12px;
        line-height: 1.2;
        display: block;
    }

    #secCont .list {
        padding-bottom: 30px;
        width: 95%;
        margin: 0 auto;
    }

    #secCont .list li {
        background: url(../images/second/list-icon.png) no-repeat 0 5px;
        padding-left: 12px;
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    #secCont .arrowList {
        padding-bottom: 10px;
        width: 95%;
        margin: 0 auto;
    }

    #secCont .arrowList li {
        background: url(../images/second/arrow-green.png) no-repeat 0 7px;
        padding-left: 12px;
    }

    #secCont span.ico_arrow {
        background: url(../images/second/arrow-green.png) no-repeat 0 7px;
        padding-left: 12px;
    }

    #secCont a.link {
        display: inline-block;
        background: url(../images/second/link-icon.png) no-repeat right top;
        padding-right: 16px;
    }

    #secCont a.ico_pdf {
        background: url(../images/second/pdf-icon.png) no-repeat right bottom;
        padding-right: 22px;
        background-size: contain;
    }

    #secCont a.ico_excel {
        background: url(../images/second/excel-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_word {
        background: url(../images/second/word-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_ppt {
        background: url(../images/second/ppt-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont a.ico_file {
        background: url(../images/second/file-icon.png) no-repeat right bottom;
        padding-right: 22px;
    }

    #secCont .mapCaption {
        color: #89ac39;
        font-size: 16px;
        display: block;
        width: 95%;
        margin: 0 auto;
        font-weight: bold;
    }

    #pankuzu {
        margin: 5px 0 5px 5px;
        font-size: 12px;
    }

    #pankuzu li {
        padding-left: 5px;
        display: inline-block;
    }

    #pankuzu li:after {
        content: "/";
        display: inline-block;
        padding-left: 10px;
    }

    #pankuzu li:last-child:after {
        content: "";
        display: none;
        padding: 0;
    }

    .innerMenu {
        background: #f2efea;
        width: 100%;
        padding: 10px 0 10px 5%;
        letter-spacing: -2px;
        margin-bottom: 30px;
        box-sizing: border-box;
    }
	.cont-list {
		background: none;
	}

    .innerMenu li {
        width: 43%;
        display: inline-block;
        border: solid 1px #c5c5c5;
        position: relative;
        margin-right: 5%;
        margin-bottom: 5%;
        background: #fff;
        vertical-align: top;
        box-sizing: border-box;
    }

    .innerMenu li:after {
        display: block;
        position: absolute;
        top: 18px;
        left: 10px;
        width: 7px;
        height: 7px;
        border-bottom: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }
	
	.cont-list li {
		width: 95%;
	}
	
	.cont-list li:after {
        top: 50%;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
		border-bottom: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .innerMenu li a {
        text-decoration: none;
        color: #000;
        display: block;
        padding-left: 30px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-right: 10px;
        line-height: 1.4;
        letter-spacing: normal;
	}

    .detailBtn {
        display: block;
        border: solid 1px #c5c5c5;
        position: relative;
        background: #fff;
        vertical-align: top;
        padding: 10px 10px 10px 30px;
        color: #000;
        width: 95%;
        margin: 0 auto 30px;
    }

    .detailBtn:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

    .red {
        color: #f00;
    }

    .imageIn {
        padding-bottom: 40px;
    }

    .imageIn .imageRight,
    .imageIn .imageLeft,
    .imageIn .imageCenter {
        display: block;
        max-width: 100%;
        margin: 0 auto 15px;
        text-align: center;
    }

    .imageIn .imageRight img,
    .imageIn .imageLeft img,
    .imageIn .imageCenter img {
        max-width: 100%;
        height: auto;
    }

    .imageIn .imageRight span,
    .imageIn .imageLeft span,
    .imageIn .imageCenter span {
        font-size: 12px;
        line-height: 1.4;
        display: block;
        padding-top: 5px;
    }

    .imageIn .imageMulti {
        display: table;
        text-align: center;
        margin: 0 auto;
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        padding: 12px;
    }

    .imageIn .imageMulti .imageMultiIn {
        display: block;
    }

    .imageIn .imageMulti img {
        margin-bottom: 5px;
        max-width: 100%;
    }

    .imageIn .imageMulti span.photo {
        display: block;
    }

    .imageIn .imageMulti span.cap {
        display: block;
        font-size: 12px;
        line-height: 1.4;
        padding-bottom: 15px;
        text-align: center;
    }

	.imageIn.col2 img{
		display: inline-block;
        width: 100%;
	}

	.imageIn.col2 img:not(:first-child){
		margin: 0 auto 15px;
	}

    .marketImg {
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
        table-layout: fixed;
    }

    .marketImg a {
        display: table-cell !important;
        vertical-align: top;
        width: 50%;
    }

    .marketImg img {
        width: 100%;
    }

    .bgBox {
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px 10px;
        margin: 0 10px 20px;
        overflow: hidden;
        text-align: center;
    }

    .bgBox img {
        max-width: 100%;
    }

    .bgBox .cap {
        display: block;
        font-size: 13px;
        padding-top: 3px;
    }

    .bgBox .capRight {
        text-align: right;
    }

    .bgBox .capLeft {
        text-align: right;
    }

    .infoTable {
        margin: 0 0px 0px;
        background-size: 100% auto;
    }

    .infoTable li {
        font-size: 14px;
    }

    .infoTable li span.th {
        display: block;
        background: url("../images/second/box_midashi_bg.png") repeat 0 0;
        padding: 5px 15px;
        margin: 0 1px;
        color: #FFF;
        text-align: left;
    }

    .infoTable li span.td {
        display: block;
        color: #532d1b;
        text-align: left;
        padding: 5px 15px;
    }

    .infoBox1 h2 {
        margin-bottom: 10px;
    }

    .infoBox1 h2 img {
        width: 100%;
    }

    .infoBox2 {
        background: url("../images/second/box_bg.png") no-repeat 0 0;
        padding: 20px 0;
        margin-bottom: 30px;
    }

    .infoBox2 div.in {
        text-align: center;
    }

    .infoBox2 div.in img {
        width: 95%;
        max-width: 100%;
        display: inline;
    }

    .infoBox2 div span {
        display: block;
        text-align: center;
        font-size: 14px;
    }

    .infoBox2-1 .rightWrap dl {
        margin: 0 10px;
        text-align: left;
    }

    .infoBox2-1 .rightWrap dt {
        color: #597a21;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .infoBox2-1 .rightWrap dd {
        font-size: 14px;
    }

    .infoBox2-2 h2 {
        margin-bottom: 10px;
    }

    .infoBox2-2 h2 img {
        width: 100%;
    }

    .infoBox4-1 .imgWrap {
        width: 221px;
        margin: 0 auto 20px;
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px;
    }

    .infoBox4-1 .imgWrap img {
        max-width: 100%;
    }

    .infoBox4-1 .cap {
        display: block;
        font-size: 14px;
        text-align: left;
    }

    .infoBox4-1-R .imgWrap {
        width: 221px;
        margin: 0 auto 20px;
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px;
    }

    .infoBox4-1-R .imgWrap img {
        max-width: 100%;
    }

    .infoBox4-1-R .cap {
        display: block;
        font-size: 14px;
        text-align: left;
    }

    .topTxt {
        padding-top: 20px;
    }

    .infoImg1 {
        margin: 0 auto 15px;
    }

    table.tableA {
        width: 95%;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        margin: 0 2.5% 30px;
        background: #fff;
    }

    table.tableA th {
        border-bottom: solid 1px #ccc;
        font-size: 14px;
        padding: 8px 10px;
        line-height: 1.3;
        vertical-align: top;
        background: #f2efea;
        font-weight: bold;
        border-right: solid 1px #ccc;
    }

    table.tableA td {
        border-bottom: solid 1px #ccc;
        font-size: 14px;
        padding: 8px 10px;
        line-height: 1.3;
        vertical-align: top;
        border-right: solid 1px #ccc;
    }

    .newsList {
        border-top: 1px solid #cccccc;
        padding-bottom: 30px;
        margin: -20px 0 0 0;
    }

    .newsList li {
        border-bottom: 1px solid #cccccc;
        padding: 13px 10px;
    }

    .newsList li a {
        display: inline-block;
        background: url("../images/second/list-icon-L.png") no-repeat 0 3px;
        background-size: 18px;
        padding-left: 25px;
        color: #000;
    }

    .newsList li .day {
        font-size: 14px;
        display: block;
    }

    .kotobaBottom {
        margin: 30px 10px 0;
    }

    .kotobaBottom .headArea {
        background: #60712a;
        color: #FFF;
        overflow: hidden;
    }

    .kotobaBottom .headArea .titArea {
        padding: 7px 15px 5px;
        float: left;
    }

    .kotobaBottom .headArea .linkArea {
        float: right;
        width: 92px;
    }

    .kotobaBottom .headArea .linkArea a {
        display: block;
        color: #FFF;
        background: url("../images/second/list-icon-L.png") no-repeat 0 9px;
        padding: 9px 10px 0px 35px;
        font-size: 14px;
    }

    .kotobaBottom .bottomList {
        border-left: 1px solid #bbbe92;
        border-right: 1px solid #bbbe92;
    }

    .kotobaBottom .bottomList li {
        border-bottom: 1px solid #bbbe92;
    }

    .kotobaBottom .bottomList li a {
        display: block;
        background: url("../images/second/arrow-green_L.png") no-repeat 98% center #fffcfc;
        padding: 10px 15px 7px;
    }

    .kotobaBottom .bottomList li a:hover,
    .kotobaBottom .bottomList li a.on {
        background: url("../images/second/arrow-green_L.png") no-repeat 98% center #f0f0f0;
    }

    .postWrap_kotoba {
        padding-top: 20px;
    }

    .spSecondMenuWrap {
        margin: 0 10px 20px;
    }

    .spSecondMenuWrap .spSecondMenuTit {
        background: url("../images/second/submenu_head.png") no-repeat right 0;
        font-size: 16px;
    }

    .spSecondMenuWrap .spSecondMenuTit a {
        display: block;
        padding: 7px 15px;
        color: #FFF;
    }

    .spSecondMenuWrap .spSecondMenu {
        font-size: 16px;
        border-left: 1px solid #61732c;
        border-right: 1px solid #61732c;
    }

    .spSecondMenuWrap .spSecondMenu li {
        border-bottom: 1px solid #61732c;
    }

    .spSecondMenuWrap .spSecondMenu li a {
        display: block;
        padding: 7px 25px 7px 15px;
        background: url("../images/second/sp_secondmenu_arrow.png") no-repeat 97% center #fff;
        background-size: 7px;
        color: #000;
    }

    .spSecondMenuWrap .spSecondMenu li.on a {
        display: block;
        padding: 7px 25px 7px 15px;
        background: url("../images/second/sp_secondmenu_arrow_on.png") no-repeat 97% center #f3f0df;
        background-size: 7px;
        color: #8b4e33;
    }

    .treasureWrap h2 {
        margin-bottom: 10px;
        padding: 10px;
    }

    .treasureWrap h2 img {
        width: 100%;
    }

    .treasureWrap h3 {
        background: url("../images/treasure/midashi.jpg") no-repeat 0 0;
        font-size: 18px;
        padding: 5px 15px 3px;
        font-weight: bold;
        margin: 0 10px 15px;
    }

    .treasureWrap .row {
        margin: 0 10px 20px;
    }

    .treasureWrap .row ul {
        margin: 0 5px;
    }

    .treasureWrap .row ul li {
        margin-bottom: 10px;
    }

    .treasureWrap .row ul li img {
        width: 100%;
    }
    
    .bnrAreaSecond {
        margin: 0 15px;
    }

    .spImg {
        max-width: 100%;
    }

    .mameWrap {
        background: url("../images/mame/sp/sp_bg.jpg") repeat;
    }

    .mameWrap dl {
        margin-bottom: 10px;
    }

    .mameWrap dl dt {
        color: #556d1b;
        font-size: 15px;
        font-weight: bold;
        background: url("../images/common/list_icon.png") no-repeat 0 7px;
        background-size: 12px;
        padding-left: 18px;
    }

    .mameWrap dl dd {
        font-size: 14px;
        line-height: 1.5;
    }

    .mameWrap .box1 {
        width: 320px;
        height: 517px;
        margin: 0 auto;
        background: url("../images/mame/sp/sp_bg1.jpg") no-repeat 0 0;
        background-size: 320px auto;
    }

    .mameWrap .box1 .boxA {
        padding: 30px 30px 0px 80px;
    }

    .mameWrap .box2 {
        width: 320px;
        height: 460px;
        margin: 0 auto;
        background: url("../images/mame/sp/sp_bg2.jpg") no-repeat 0 0;
        background-size: 320px auto;
    }

    .mameWrap .box2 .boxB {
        padding: 45px 70px 0px 30px;
    }

    .mameWrap .box2 .boxC {
        padding: 60px 30px 0px 100px;
    }

    .mameWrap .box3 {
        width: 320px;
        height: 492px;
        margin: 0 auto;
        background: url("../images/mame/sp/sp_bg3.jpg") no-repeat 0 0;
        background-size: 320px auto;
    }

    .mameWrap .box3 .boxD {
        padding: 40px 70px 0px 30px;
    }

    .mameWrap .box3 .boxE {
        padding: 45px 30px 0px 90px;
    }

    .mameWrap .box4 {
        width: 320px;
        height: 503px;
        margin: 0 auto;
        background: url("../images/mame/sp/sp_bg4.jpg") no-repeat 0 0;
        background-size: 320px auto;
    }

    .mameWrap .box4 .boxF {
        padding: 40px 90px 0px 30px;
    }

    .mameWrap .box4 .boxG {
        padding: 65px 30px 0px 100px;
    }

    .mameWrap .box5 {
        width: 320px;
        height: 393px;
        margin: 0 auto;
        background: url("../images/mame/sp/sp_bg5.jpg") no-repeat 0 0;
        background-size: 320px auto;
    }

    .mameWrap .box5 .boxH {
        padding: 45px 90px 0px 30px;
    }

    .mameWrap .box5 .boxI {
        padding: 140px 10px 0px 75px;
    }

    .chronologyWrap {
        background: url("../images/info/info_chr_line.png") repeat-y 110px 0;
    }

    .chronologyWrap ul {
        position: relative;
        top: -10px;
    }

    .chronologyWrap ul li {
        overflow: hidden;
        margin-bottom: 20px;
        background: url("../images/info/info_chr_maru.png") no-repeat 106px 5px;
        padding-right: 10px;
    }

    .chronologyWrap ul li dl dt {
        float: left;
        width: 70px;
        font-size: 14px;
        color: #9e8527;
        text-align: right;
        padding-right: 7px;
    }

    .chronologyWrap ul li dl.imgIn dt {
        padding-top: 18px;
    }

    .chronologyWrap ul li dl dd.img {
        float: left;
        width: 72px;
        text-align: right;
    }

    .chronologyWrap ul li dl dd.img img {
        max-width: 60px;
    }

    .chronologyWrap ul li dl dd.txt {
        margin-left: 170px;
        font-size: 14px;
    }

    .chronologyWrap ul li dl.imgIn dd.txt {
        padding-top: 18px;
    }

    .course.pageTitle .ja {
        display: block;
        font-size: 12px;
        color: #000;
        font-weight: normal;
    }

    .course.pageTitle .en {
        padding-top: 5px;
        display: block;
        font-size: 12px;
        color: #000;
        font-weight: normal;
    }

    .course.pageTitle .en span {
        display: block;
        font-size: 15px;
        font-weight: bold;
    }

    .routeBox {
        margin-top: 10px;
    }

    .routeBox .leftCol .enRead,
    .routeAll .leftCol .enRead,
    .course-read .leftCol .enRead {
        font-size: 12px !important;
    }

    #secCont .section01 .rightCol {
        width: 95%;
        margin: 0 auto 20px;
    }

    #secCont .section01 .rightCol img {
        width: 100%;
    }

    #secCont .section01 p {
        font-size: 15px;
    }

    #secCont .section01 .arrowList li {
        font-size: 14px;
    }

    #secCont .section01 .arrowList li {
        font-size: 14px;
    }

    .routeAll {
        width: 95%;
        margin: 0 auto 20px;
        padding: 10px;
    }

    .routeAll .leftCol .leftCol {
        overflow: hidden;
    }

    .routeAll .leftCol .leftCol p {
        float: left;
        width: 60%;
    }

    .routeAll .leftCol .leftCol img.forSP {
        float: right;
        width: 35%;
    }

    .routeAll .titleBlock {
        border-bottom: 1px solid #fff;
        position: relative;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .routeAll h2 {
        font-size: 18px;
        line-height: 1.4;
    }

    .routeAll .enCourse {
        font-size: 10px;
        display: block;
    }

    .routeAll dl {
        padding: 0 10px;
        background: #fff;
        border-radius: 20px;
        position: absolute;
        top: -5px;
        right: 0;
        text-align: center;
        font-size: 12px;
    }

    .routeAll dt {
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
    }

    .routeAll h3 {
        margin-bottom: 10px;
    }

    .routeAll h3 img {
        width: auto;
        max-width: 100%;
    }

    .routeAll ul {
        margin: 15px auto 25px;
        width: 95%;
    }

    .routeAll li {
        padding: 3px 0;
        margin-bottom: 2px;
        background: #fff;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
    }

    .routeAll .leftCol .leftCol .enRead {
        width: 60% !important;
    }

    .routeAll.courseA h2,
    .routeAll.courseB h2,
    .routeAll.courseC h2 {
        background: none;
    }

    .courseA {
        background: url(../images/route/bg_object-a.png) no-repeat left top #d5e1ec;
        background-size: 49px;
    }

    .courseA h2 {
        background: url(../images/route/a-minus.gif) no-repeat 96% center;
        background-size: 25px;
    }

    .courseA h2 .number {
        width: 25px;
        height: 25px;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        font-size: 13px;
        background: #92abc2;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .courseA h3 img {
        width: auto;
        max-width: 258px;
    }

    .courseA .course {
        display: block;
        font-size: 13px;
        color: #516f8c;
        font-weight: bold;
    }

    .courseA dd {
        font-weight: bold;
        color: #516f8c;
        display: inline-block;
        vertical-align: middle;
    }

    .courseA li span {
        margin: 5px 0 0 5px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 14px;
        height: 13px;
        font-size: 8px;
        line-height: 13px;
        color: #fff;
        background: url(../images/route/bg_number-a.png) no-repeat 1px;
    }

    .courseA .rightCol a {
        background: url(../images/route/bt_a.png) no-repeat center top;
        background-size: contain;
        width: 228px;
        height: 46px;
        display: block;
        margin: 0 auto 20px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        padding-top: 7px;
    }

    .courseA.hide h2 {
        background: url(../images/route/a-plus.gif) no-repeat 96% center;
        background-size: 25px;
    }

    .courseB {
        background: url(../images/route/bg_object-b.png) no-repeat left top #dee6da;
        background-size: 49px;
    }

    .courseB h2 {
        background: url(../images/route/b-minus.gif) no-repeat 96% center;
        background-size: 25px;
    }

    .courseB h2 .number {
        width: 25px;
        height: 25px;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        font-size: 17px;
        background: #96af89;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .courseB h3 img {
        width: auto;
        max-width: 262px;
    }

    .courseB .course {
        color: #698b58;
        display: block;
        font-size: 13px;
        font-weight: bold;
    }

    .courseB dd {
        color: #698b58;
        display: inline-block;
        font-weight: bold;
        vertical-align: middle;
    }

    .courseB li span {
        margin: 5px 0 0 5px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 14px;
        height: 13px;
        font-size: 8px;
        line-height: 13px;
        color: #fff;
        background: url(../images/route/bg_number-b.png) no-repeat 1px;
    }

    .courseB .rightCol a {
        background: url(../images/route/bt_b.png) no-repeat center top;
        background-size: contain;
        width: 228px;
        height: 46px;
        display: block;
        margin: 0 auto 20px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        padding-top: 7px;
    }

    .courseB.hide h2 {
        background: url(../images/route/b-plus.gif) no-repeat 96% center;
        background-size: 25px;
    }

    .courseC {
        background: url(../images/route/bg_object-c.png) no-repeat left top #d2cad4;
        background-size: 49px;
    }

    .courseC h2 {
        background: url(../images/route/c-minus.gif) no-repeat 96% center;
        background-size: 25px;
    }

    .courseC h2 .number {
        width: 25px;
        height: 25px;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        font-size: 17px;
        background: #998299;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }

    .courseC h3 img {
        width: auto;
        max-width: 264px;
    }

    .courseC .course {
        color: #6e476f;
        display: block;
        font-size: 13px;
        font-weight: bold;
    }

    .courseC dd {
        color: #6e476f;
        display: inline-block;
        font-weight: bold;
        vertical-align: middle;
    }

    .courseC li span {
        margin: 5px 0 0 5px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 14px;
        height: 13px;
        font-size: 8px;
        line-height: 13px;
        color: #fff;
        background: url(../images/route/bg_number-c.png) no-repeat 1px;
    }

    .courseC .rightCol a {
        background: url(../images/route/bt_c.png) no-repeat center top;
        background-size: contain;
        width: 228px;
        height: 46px;
        display: block;
        margin: 0 auto 20px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        padding-top: 7px;
    }

    .courseC.hide h2 {
        background: url(../images/route/c-plus.gif) no-repeat 96% center;
        background-size: 25px;
    }

    .course-read {
        margin: 20px 0 5px;
    }

    .course-read h2 {
        margin: 0 10px 15px;
    }

    .course-read h2 img {
        width: 220px;
    }

    .course-read .rightCol {
        margin: 0 10px;
    }

    .course-read .rightCol img {
        display: none;
    }

    .courseList {
        margin: 0 10px 10px;
    }

    .courseList h2 {
        padding: 10px;
        overflow: hidden;
    }

    .courseList h2 .en {
        display: block;
        font-size: 10px;
    }

    .courseList h2 .h2Wrap {
        font-size: 15px;
        display: inline-block;
        line-height: 1.2;
        vertical-align: middle;
    }

    .courseList .leftCol {
        display: none;
    }

    .courseList .rightCol {
        border-top: 1px solid #fff;
        padding-top: 10px;
        margin: 0 10px;
    }

    .courseList .imgBlock {
        padding-bottom: 15px;
    }

    .courseList .imgBlock img {
        width: 100%;
        margin-bottom: 5px;
    }

    .hide .hideBlock {
        display: none;
    }

    #pageIndex {
        display: table;
        border-bottom: solid 5px #879d46;
        table-layout: fixed;
        width: 100%;
    }

    #pageIndex a {
        display: table-cell;
        background: #e1e1e1;
        text-align: center;
        color: #535353;
        vertical-align: middle;
        padding: 5px 0;
    }

    #pageIndex a img {
        width: 16px;
        height: auto;
        vertical-align: middle;
    }

    #pageIndex a span {
        padding-left: 5px;
        line-height: 1;
        vertical-align: middle;
    }

    #pageIndex a.nowHere {
        background: #879d46;
        color: #fff;
    }

    #secCont .eventIndexWrap table.tableA td {
        font-size: 14px;
        padding-bottom: 7px;
    }

    #secCont .eventIndexWrap table.tableA h4 {
        color: #5d800c;
        font-weight: bold;
        margin-bottom: 3px;
    }

    #secCont .eventIndexWrap table.tableA p {
        padding: 0;
        width: auto;
        font-size: 14px;
    }

    #secCont .eventIndexWrap table.tableA .tableInBtn {
        padding: 10px 0 5px 0;
    }

    #secCont .eventIndexWrap table.tableA .detailBtn {
        margin-bottom: 0;
        padding: 0 0 0 15px;
        border: none;
        width: auto;
        color: #5d800c;
        text-decoration: underline;
    }

    #secCont .eventIndexWrap table.tableA .detailBtn:after {
        left: 0px;
    }

    .bgImg {
        background: url("../images/second/box_bg.png") repeat-y 0 0;
        background-size: 100% auto;
        padding: 12px;
    }

    .submitBtn {
        display: block;
        border: solid 1px #c5c5c5;
        position: relative;
        background: #fff;
        vertical-align: top;
        padding: 10px 10px 10px 30px;
        color: #000;
        width: 200px;
        margin-bottom: 30px;
        margin: 0 auto 30px;
    }

    .submitBtn:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

    .linkContact {
        margin-top: 10px;
    }

    /* 201609008 add */
    .appWrap {
        overflow: hidden;
    }

    .appWrap .screenImg {
        text-align: center;
    }

    .appWrap .textBox {
        text-align: center;
    }

    .appWrap .textBox img {
        margin-bottom: 30px;
    }

    .appWrap .textBox p {
        text-align: left;
    }

    .appWrap .textBox .dlBtn a {
        display: block;
        border-radius: 10px;
        background: #5d7f0c;
        color: #FFF;
        padding: 10px;
        text-align: center;
        position: relative;
        margin: 0 10px 20px;
    }

    .appWrap .textBox .dlBtn a:after {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        top: 50%;
        left: 93%;
        margin-top: -4px;
        position: absolute;
    }

    .attentionWrap {
        margin-top: 20px;
        background-color: #eee;
        border: solid 1px #ccc;
        padding: 10px 0;
        line-height: 1.8;
    }

    .attentionWrap h2 {
        font-size: 16px;
        font-weight: bold;
    }

    .attentionWrap p {
        font-size: 13px;
    }

    .attentionWrap ol {
        font-size: 13px;
    }

    .attentionWrap ol li {
        margin-top: 1em;
    }

    ol {
        width: 95%;
        margin: auto;
    }

    .stepWrap ul {
        display: block;
        text-align: center;
    }

    .stepWrap ul li {
        padding: 10px 12px 10px;
        display: flex;
        flex-flow: nowrap;
    }

    .stepWrap ul li:nth-child(1) {
        background-color: #dee4d0;
        padding: 10px 12px 0;
    }

    .stepWrap ul li:nth-child(2) {
        background-color: #d7e3bb;

    }

    .stepWrap ul li:nth-child(3) {
        background-color: #ccdba7;

    }

    .stepWrap ul li:nth-child(4) {
        background-color: #c0d392;

    }

    .stepWrap .txt {
        font-weight: bold;
        letter-spacing: -1px;
        font-size: 15px;
        margin-top: 10px;
        width: 70%;
    }

    .stepWrap p {
        font-size: 13px !important;
        text-align: left;
        display: inline-block;
        margin-top: 10px;
    }

    .stepWrap p {
        text-align: center;
    }

    .stepWrap .img {
        margin-top: 10px;
        width: 30%;
    }

    .stepWrap.img img {
        transition: .3s ease-in;
    }

    .stepWrap.img img:hover {
        opacity: 0.7;

    }
    
    /* award */
    #awardWrap .img {
        max-width: 80%;
        margin: auto;
    }
    #awardWrap img {
        max-width: 100%;
        height: auto;
    }
    #awardWrap .lead{
        line-height: 1.62;
        width: 95%;
        margin: 20px auto 30px;
    }
    #awardWrap h2{
        font-size: 20px;
        width: 95%;
        margin:0 auto 15px;
        font-weight: bold;
    }
    #awardWrap .ttl {
        display: flex;
        align-items: center;
        order: 3;
        margin: 30px auto 10px;
        padding: 0 6px;
}
    #awardWrap .ttlTheme {
        font-size: 20px;
        font-weight: bold;
        width: auto;
    }

    #awardWrap .ttlTheme span {
        font-weight: normal;
    }

    #awardWrap .awardIcon {
        margin-right: 6px;
    }
    
    #awardWrap .type1 {
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        padding: 0 0 30px;
        display: flex;
        flex-flow: wrap;
        flex-direction: column-reverse;
    }
    
    #awardWrap .comment {
        line-height: 1.62;
        margin-top: 20px;
        order: 1;
    }
    
    #awardWrap .type1 .img{
        max-width: 80%;
        margin: auto;
        order: 2;
    }
    #awardWrap .type1 img{
        max-width: 100%;
    }
    
    #awardWrap.type1 .ttlTheme {
        font-size: 26px;
        margin: 24px 0 10px 0;
/*        white-space: nowrap;*/
        position: relative;
        right: 15px;
        bottom: 0;
    }
    

    #awardWrap .ttlTheme span {
        display: block;
        font-size: 16px;
        padding-left: 10px;
        margin-top: 4px;
    }

    #awardWrap .type1 .awardIcon img{
/*        max-width: 80%;*/
        width: 126px;
        min-width: 126px;
    }
    #awardWrap .awardBoxWrap {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        margin-bottom: 35px;
        position: relative;
    }

    #awardWrap .awardBox.type2:nth-child(n + 2){
        margin-top: 10px;
    }
    #awardWrap .awardBox.type2 .txt {
        margin-bottom: 0;
    }
    
    #awardWrap .awardBox.type2 img.autumn {
/*        width: 372px;*/
        height: auto;
    }
    
    #awardWrap .awardBox.type2 .ttlTheme {
        font-size: 18px;
        margin: 20px 0;
            padding-bottom: 0!important;
    }
    #awardWrap .awardBox.type2 .ttl {
        margin: 30px auto 0;
        padding: 0 15px;
    }
    #awardWrap .awardBox.type2 .ttlTheme span {
        font-size: 16px;
        line-height: 1.3;
    }
    
    #awardWrap .awardBox.type2 .awardIcon img{
        width: 75px;
        min-width: 75px;
        height: auto;
    }
    
    #awardWrap .awardBox.for-rightCol .ttl {
        flex-flow: column;
    }

    #awardWrap .awardBox.for-rightCol .awardIcon {
        text-align: center;
    }

    #awardWrap .awardBox.for-rightCol .ttlTheme {
        margin-top: 10px;
        white-space: normal;
        right: auto;
    }
    
    .awardWrap .awardTtlTop {
        display: flex;
    }
    
    #awardWrap .awardTtlTop .ttlTheme {
        margin: 24px 0 10px -12px;
    }

    .themes {
        text-align: center;
        font-size: 24px !important;
    }

    .themes .ttl {
        color: #607422;
        font-weight: bold;
        font-size: 26px !important;
    }

    .themes .small {
        font-size: 18px !important;
    }
    
/*    add20201218*/
    .yt-container {
        width: 95%;
        max-width: 540px;
        margin: 20px auto 30px; }
    .yt-container .yt-containerIn {
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
    .yt-container iframe, .yt-container video {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }
    .yt-container video {
        outline: none; }
    .yt-container.col2 {
        max-width: none;
        display: -webkit-box;
        display: flex;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between; }
    .yt-container.col2 .yt-containerIn + .yt-containerIn {
        margin-top: 15px; }
    
    .insta-container{
        width: 95%;
        margin: auto;
    }
    iframe.instagram-media{
        width: 100%;
        max-width: 540px;
        display: block;
        margin: auto;
    }
    
    
/*
    .fb-container{
        width: 95%;
        max-width: 500px;
        margin: auto;
    }
*/
    
    .fb-container{
        width: 70%;
        margin: auto;
/*        padding-top: 221%;*/
        padding-top: 125%;
        position: relative;
    }
    .fb-container iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media print,
screen and (min-width: 541px) {
    .pagenate ul {
        text-align: center;
        letter-spacing: -0.4em;
    }

    .pagenate li {
        display: inline-block;
        letter-spacing: normal;
        margin: 0 5px 10px;
        border: 1px solid #658516;
    }

    .pagenate li a,
    .pagenate li span {
        padding: 0px 10px;
        display: block;
    }

    .pagenate li .current_page {
        background: #658516;
        color: #fff;
    }
}

@media screen and (max-width: 540px) {
    .pagenate ul {
        text-align: center;
        letter-spacing: -0.4em;
    }

    .pagenate li {
        display: inline-block;
        letter-spacing: normal;
        margin: 0 5px 10px;
        border: 1px solid #658516;
    }

    .pagenate li a,
    .pagenate li span {
        padding: 0px 10px;
        display: block;
    }

    .pagenate li .current_page {
        background: #658516;
        color: #fff;
    }

    #secCont .aform-content dl {
        margin: 0 15px;
        padding: 0;
        border-style: solid;
        border: solid 1px #ccc;
        border-top: none;
    }

    #secCont .aform-content dl:first-of-type {
        border-top: 1px solid #ccc;
    }

    #secCont .aform-content dl dt {
        background: #f2efea;
        float: none;
        padding: 15px;
        background: #f2efea;
        font-size: 14px;
        border-bottom: solid 1px #ccc;
    }

    #secCont .aform-content dl dd {
        background: #fff;
        font-size: 14px;
        padding: 15px;
        line-height: 1.8;
        float: none;
        margin-bottom: 0;
    }

    #secCont .aform-content dl dd p {
        padding-bottom: 0;
        width: 100%;
    }

    #secCont .aform-content dl dd .aform-input-example {
        margin-bottom: 5px;
        font-size: 13px;
    }

    #secCont .aform-content dl dd input[type="text"],
    #secCont .aform-content dl dd input[type="email"],
    #secCont .aform-content dl dd input[type="tel"],
    #secCont .aform-content dl dd textarea,
    #secCont .aform-content dl dd select {
        border: 1px solid #c5c5c5;
        box-shadow: none;
        border-radius: 0;
        padding: 10px 5px;
        -webkit-appearance: none;
        background: #fff;
    }

    #privacy_check-1 {
        opacity: 0;
    }

    #privacy_check-1 + label {
        position: relative;
    }

    #privacy_check-1 + label::before {
        content: "";
        width: 20px;
        height: 20px;
        border: 1px solid #c5c5c5;
        display: block;
        position: absolute;
        top: -3px;
        left: -25px;
    }

    #privacy_check-1:checked + label::after {
        content: "";
        width: 10px;
        height: 5px;
        border-left: 3px solid #6a9800;
        border-bottom: 3px solid #6a9800;
        transform: rotate(-45deg);
        left: -20px;
        top: 2px;
        position: absolute;
    }

    .aform-radio {
        opacity: 0;
        -webkit-appearance: none;
    }

    .aform-radio + label {
        position: relative;
    }

    #secCont .aform-content .aform-horizontal-ul li {
        padding-left: 20px;
    }

    .aform-radio + label::before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #c5c5c5;
        display: block;
        position: absolute;
        top: -3px;
        left: -25px;
    }

    .aform-radio:checked + label::after {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #6a9800;
        left: -21px;
        top: 1px;
        position: absolute;
    }

    #secCont .aform-content dl dt .required {
        top: 10px;
        right: 10px;
    }

    #secCont .form_bt {
        text-align: center;
        margin: 30px 0;

    }

    #secCont .aform-content .form_bt .submit {
        display: inline-block;
        position: relative;
        background: #fff;
        vertical-align: top;
        color: #000;
        text-align: center;
        padding: 0;
        margin-top: 0;
    }

    #secCont .aform-content .form_bt .submit input {
        -webkit-appearance: none;
        border-radius: 0;
    }

    #secCont .aform-content .form_bt .back {
        display: inline-block;
        position: relative;
        background: #fff;
        vertical-align: top;
        color: #000;
        text-align: center;
        padding: 0;
        margin: 0 10px;
    }

    #secCont .aform-content .form_bt .submit::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-right: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

    #secCont .aform-content .form_bt .back::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 7px;
        height: 7px;
        margin-top: -5px;
        border-top: solid 2px #748446;
        border-left: solid 2px #748446;
        -webkit-transform: rotate(45deg);
        transform: rotate(-45deg);
        content: "";
    }

    #secCont .aform-content .form_bt .submit input[type="submit"] {
        padding: 10px 35px 10px 25px;
        background: #fff;
        margin: 0;
        border: solid 1px #c5c5c5;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 100%;
    }

    #secCont .aform-content .form_bt .back input[type="button"] {
        padding: 10px 25px 10px 35px;
        background: #fff;
        margin: 0;
        border: solid 1px #c5c5c5;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 100%;
    }

    #secCont #aform_confirm_msg {
        margin-top: 20px;
    }

    #secCont .aform-content .aform-note {
        margin: 10px 15px 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc;
    }

    #secCont .aform-content .aform-note + p {
        padding-bottom: 0;
    }

    #secCont #aform_result .comp {
        margin: 20px 0 0;
        width: 100%;
        text-align: center;
        color: #000;
        font-size: 22px;
        font-weight: normal;
    }

    #secCont #aform_result .comp + p {
        color: #000;
        text-align: center;
        margin-bottom: 20px;
        font-weight: normal;
    }

    #secCont .aform-content .aform-input-example span {
        color: #D92B00;
    }
}