@charset "UTF-8";

.sec * {
    box-sizing: border-box;
}


@media all and (max-width: 767px) {
	
	.page__link{
		width: 90%;
		margin: auto;
		padding-bottom: 175px;
		display: flex;
    	justify-content: space-between;
	}
	
	.page__link .menu{  
		position: relative;
		width: 100%;
		margin: 30px 0;
		width: 45%;
	}
	.page__link .menu > .button{
	    display: block;
		width: 100%;
		padding: 10px;
		background: #30927D;
		color: #fff;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		border-radius: 3px;
	}

	.page__link .menu > .list{
	  display: none;
	  z-index: 9999;
	  position: absolute;
	  width: 100%;
	  background: #dcedc8;
	  text-align: center;
	}
	
	.page__link .menu > .list li{
		background: #30927D;
	}
	
	.page__link .menu > .list li a{
		color: #30927D;
		text-decoration: none;
		padding: 10px;
		display: block;
		background-color: #d7f9d9;
		border: solid 1px #30927D;
	}
	
	
	
	
    .sec {
        width: 100%;
        overflow: hidden;
        font-size: 15px;
        color: #333;
        background: #fff;
        padding: 0 4%;
        box-sizing: border-box;
    }


    /*--------------------
    Section01
    --------------------*/
    .sec01 {
        position: relative;
    }
    .sec01 h1 {
        margin: 0 -35% 0 -17%;
    }
    .sec01 .bread-c {
		display: none;
	}


    /*--------------------
    Section02
    --------------------*/
    .sec02 {
        width: 100%;
        padding: 10px 4% 0;
    }
    .sec02 .inner {

    }
    .sec02 [class^="col"] {
    }
    .sec02 .col01 h2 {
        font-size: 19px;
        font-weight: bold;
        color: #30927D;
        letter-spacing: -.02em;
        margin: 0 0 12px;
    }
    .sec02 .col01 p {
        line-height: 1.8;
    }
    .sec02 .col02 {
        margin: 12px 0 0;
    }
    .sec02 .box01 {
        margin: 22px 0 0;
        border: #FF9897 4px solid;
    }

    /*--------------------
    Section03
    --------------------*/
    .sec03 {
        width: 100%;
        padding: 45px 0 15px;
    }
    .sec03 h2 {
        text-align: center;
        margin: 0 0 5px;
        padding: 0 6%;
    }
    .sec03 .btn01 {
        text-align: center;
        padding: 0 12% 25px;
    }

    /*--------------------
    Item Table
    --------------------*/
    .item {

    }
    .item h3 {
        font-size: 20px;
        font-weight: bold;
        color: #30927D;
        border-bottom: #CCC 3px solid;
        padding: 0 0 2px;
        margin: 0 0 15px;
    }
    .item .txt01 {
        line-height: 1.8;
        margin: 0 0 20px;
    }
    .panel {
        width: 100%;
        overflow: scroll;
    }
    .panel h3 {
        font-size: 20px;
        font-weight: bold;
        color: #30927D;
        border-bottom: #CCC 3px solid;
        padding: 0 0 2px;
        margin: 25px 0 5px;
    }
    .panel2 {
        overflow: visible;
    }
    table {
        width: 890px;
        margin: 20px 0 40px;
    }
    .panel2 table {
        width: 100%;
    }
    .panel p.desc {
        margin-top: 15px;
    }
    .panel p.desc2 {
        margin-top: 0;
    }
    thead {
        background: #E9EBED;
    }
    tbody tr {
        border: #E9EBED 4px solid;
    }
    tbody tr:last-of-type {
        /*border-bottom: none;*/
    }
    th,
    td {
        font-size: 13px;
        border-right: #CCC 1px solid;
        padding: 15px 10px;
        vertical-align: top;
        text-align: center;
    }
    td {
        background-color: #FFFFFF;
    }
    td.nocenter {
        text-align: left;
    }
    td.noitem {
        vertical-align: middle;
    }
    .panel2 td {
        width: 100%;
        display: block;
        border-bottom: #CCC 1px solid;
        border-right: none;
    }
    th:last-of-type,
    td:last-of-type {
        border-right: none;
    }
    th:nth-of-type(1) {
        width: 210px;
    }
    th:nth-of-type(n+2) {
        width: 240px;
    }
    th span {
        font-size: 15px;
        font-weight: bold;
        display: block;
        line-height: 1.3;
        margin: 0 0 -14px 0;
    }
    td .icon {
        position: relative;
        padding: 0 0 0 52px;
        display: block;
        font-size: 16px;
        margin: 24px 0 0;
		display: flex;
		align-items: center;
    }
    td .icon2 {
        padding: 0;
    }
    .panel2 td .icon {
        padding: 0;
        margin: 15px 0 0;
        font-weight: bold;
    }
    td .icon img {
		margin-right: 5px;
/*
        position: absolute;
        top: 0;
        left: 0;
*/
    }
    td a {
        font-size: 16px;
        font-weight: bold;
        color: #0035D8;
        text-decoration: underline;
        padding: 3px 0 2px;
        display: inline-block;
    }
    img.scroll {
        width: 100%;
        margin-top: 20px;
    }
    img.plus {
        display: block;
        position: relative;
        margin: 0 auto 0;
        top: -20px;
        right: 0;
        left: 0;
    }
    .exchange {
        margin: 0 auto 30px;
        padding: 15px 10px;
        width: 100%;
        border: #E9EBED 4px solid;
    }
    .exchange a {
        font-size: 16px;
        font-weight: bold;
        color: #0035D8;
        text-decoration: underline;
        margin-bottom: 5px;
        padding: 3px 0 2px;
        display: inline-block;
    }
    .exchange a:link {
        color: #00c;
        text-decoration: none;
    }
    .exchange a:hover {
        color: #f00;
        text-decoration: underline;
    }
    /*--------------------
    Large Case
    --------------------*/
    .largeCase {
        top: -20px;
        position: relative;
        padding: 15px 15px;
        border: #E9EBED 4px solid;
    }
    .largeCase-L {
       text-align: center;
    }
    .largeCase-R {
       margin-top: 15px;
    }
    .largeCase-txt01 {
        line-height: 1.8;
    }
    .largeCase-txt02 {
        margin-top: 6px;
        font-size: 12px;
    }



    /*--------------------
    Common
    --------------------*/
    .cmn .icon01 {
        margin: 21px 0 -12px;
    }
    .cmn .icon01 li {
        display: inline-block;
        vertical-align: top;
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        padding: 6px 9px 6px;
        background: #ED6A89;
        border-radius: 6px;
        margin: 0 1px 0 0;
    }
    .cmn p {
        font-size: 15px;
        color: #FFF;
        line-height: 1.6;
        margin: 20px 0 20px;
    }
    .cmn .btn {
        margin: 20px 0 35px;
        text-align: center;
    }
    .cmn .btn a {
        display: inline-block;
        width: 160px;
        padding: 5px 15px 5px 20px;
        border: #fff 2px solid;
        box-sizing: border-box;
        border-radius: 30px;
        text-align: right;
        transition: opacity .5s ease;
    }
    .cmn .btn img {
        height: 20px;
    }



    /*-----------------------------------
    GEK
    ------------------------------------*/
    /*--------------------
    Section01
    --------------------*/
    .gek .sec01 {
        padding: 0;
    }
    .gek .sec01 h1 {
        margin: 0 -35% 0 -17%;
    }
    /*--------------------
    Section02
    --------------------*/
    .gek .sec02 .box01 {
        padding: 22px 15px 0 15px;
    }
    .gek .sec02 .box01 li {
        position: relative;
        font-size: 14px;
        margin: 0 0 20px;
    }
    .gek .sec02 .box01 li img {
        display: block;
        margin: 0 auto 8px;
    }
    .gek .sec02 .box01 li:last-child img {
        margin-bottom: -14px;
    }

    /*--------------------
    Section03
    --------------------*/
    .gek .sec03 {
        padding: 40px 4% 15px;
    }

    /*--------------------
    Section04
    --------------------*/
    .gek .sec04 {
        background: #2A937D url(../img/gek/sec04_bg.png) no-repeat left 71% top 80px /260%;
        padding: 0 5% 0;
    }
    .gek .sec04 h2 {
        background: #fff;
        text-align: center;
        margin: 0 -6%;
        padding: 0 0 10px;
    }
    .gek .sec04 h2 img {
        height: 70px;
    }
    .gek .sec04 .inner {
        margin: 0 auto;
        padding: 100% 0 0;
    }
    .gek .sec04 .inner h3 {
		width: 65%;
		max-width: 300px;
	}


    /*-----------------------------------
    GED
    ------------------------------------*/
    /*--------------------
    Section01
    --------------------*/
    .ged .sec01 {

    }
    .ged .sec01 h1 {
        margin: 0 -41% 0 -25%;
    }

    /*--------------------
    Section02
    --------------------*/
    .ged .sec02 .box01 {
        padding: 17px 15px 18px 15px;
    }
    .ged .sec02 .box01 li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0 0 6px;
    }
    .ged .sec02 .box01 li:last-child {

    }
    .ged .sec02 .box01 li:last-child {
        margin: 20px 0 20px 0;
    }
    .ged .sec02 .box01 li strong {
        display: block;
        margin: 0 0 -19px;
    }
    .ged .sec02 .box01 li img {
        margin: 0 0 10px;
        width: 100%;
    }

    /*--------------------
    Section03
    --------------------*/
    .ged .sec03 .box01 {
        text-align: center;
        padding: 25px 4% 25px;
    }
    .ged .sec03 .box01 .sttl {
        font-size: 20px;
        font-weight: bold;
        background: #2A937D;
        color: #fff;
        line-height: 1.3;
        border-radius: 10px;
        padding: 8px 0 6px;
        margin: 0 auto 15px;
    }
    .ged .sec03 .box01 .sttl span {
        display: block;
        font-size: 14px;
    }
    .ged .sec03 .box01 .txt01 {
        font-size: 17px;
        font-weight: bold;
        color: #30927D;
        margin: 0 0 25px;
        text-align: left;
        padding: 0 2%;
     }
    .ged .sec03 .box01-01 > img {
        margin-bottom: 20px;
    }
     /**/
    .ged .sec03 .box02 {
        min-height: 200px;
        background: #F4F5F6;
        padding: 25px 4% 28px;
    }
    .ged .sec03 .box02 .txt01 {
        font-size: 17px;
        font-weight: bold;
        color: #30927D;
        margin: 0 0 25px;
        padding: 0 2%;
     }
    .ged .sec03 .box02 .inr {

    }
    .ged .sec03 .box02 [class^="col"] {
        display: inline-block;
        vertical-align: top;
    }
    .ged .sec03 .box02 .col01 {

    }
    .ged .sec03 .box02 .col01 h3 {
        font-size: 18px;
        font-weight: bold;
        color: #30927D;
        margin: 3px 0 10px;
    }
    .ged .sec03 .box02 .col01 p {
        line-height: 1.7;
    }
    .ged .sec03 .box02 .trig {
        border: #ccc 2px solid;
        padding: 7px 32px 6px 14px;
        font-size: 15px;
        color: #30927D;
        position: relative;
        margin: 25px 0 0;
        background: #fff;
        cursor: pointer;
    }
    .ged .sec03 .box02 .trig:before {
        content: '';
        display: block;
        width: 16px;
        height: 13px;
        background: url(../img/ged/trig_icon.png) no-repeat 0 0 /16px;
        position: absolute;
        top: 21px;
        right: 9px;
    }
    .ged .sec03 .box02 .trig.open:before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    .ged .sec03 .box02 .trig span {
        font-weight: bold;
    }
    .ged .sec03 .panel {
        display: none;
    }
    .ged .sec03 .box02 .col02 {
        margin: 14px 0 0;
    }
    .ged .sec03 .custom-desc {
        text-align: left;
    }
    .ged .sec03 .custom-desc h3 {
        font-size: 16px;
        font-weight: bold;
        color: #30927D;
        margin: 10px 0 5px;
    }
    .ged .sec03 .visual-flow {
        padding-bottom: 15px;
    }
    .ged .sec03 .visual-flow > img {
        margin: 25px 0 6px;
    }
    .ged .sec03 .visual-flow > div {
    }
    .ged .sec03 .visual-flow > div.flow01 {
    }
    .ged .sec03 .visual-flow h4 {
        background-color: #30927D;
        border-radius: 5px;
        color: #FFF;
        text-align: center;
        padding: 8px 0;
        font-weight: bold;
        margin: 8px 0 5px;
    }
    .ged .sec03 .visual-flow ul {
        padding-left: 3px;
    }
    .ged .sec03 .visual-flow ul li {
        line-height: 1.7;
    }
    .ged .sec03 .visual-flow p {
        text-align: right;
        margin-top: 17px;
    }

    /*--------------------
    Section04
    --------------------*/
    .ged .sec04 .inner {padding: 5px 0 35px;}
    .ged .sec04 .box01 {
        background: #D0F1EA;
        padding: 18px 15px;
    }
    .ged .sec04 h2 {
        text-align: center;
    }
    .ged .sec04 h2 img {
        height: 70px;
    }
    .ged .sec04 h3 {
        font-size: 17px;
        font-weight: bold;
        color: #30927D;
        text-align: center;
        margin: 0 0 8px;
    }
    .ged .sec04 .txt01 {
        margin: 25px auto 20px;
    }
    .ged .sec04 dl {
        font-size: 14px;
        margin: 0 0 -12px;
    }
    .ged .sec04 .dl01 {
        width: 100%;
    }
    .ged .sec04 .dl02 {
        margin-bottom: -17px;
    }
    .ged .sec04 .dl03 {
        margin: 0 0 -6px 30px;
    }
    .ged .sec04 dt,
    .ged .sec04 dd {
        display: inline-block;
        vertical-align: top;
        padding: 8px 0 0;
    }
    .ged .sec04 dt {
        font-weight: bold;
        color: #1B8C74;
        position: relative;
        padding: 8px 0 20px 30px;
        margin: 0 -3px 0 0;
    }
    .ged .sec04 .dl03 dt {
        padding-left: 0;
    }
    .ged .sec04 dt img {
        position: absolute;
        top: -2px;
        left: 0;
        width: 25px;
    }
    .ged .sec04 .dl03 dd {
        color: #878787;
        position: relative;
    }
    .ged .sec04 .dl02 dd,
    .ged .sec04 .dl03 dd {
        position: relative;
        top: 1px;
    }
    .ged .sec04 .dl02 dd a {
        color: #333;
    }
    .ged .sec04 .dl03 dd a {
        color: #878787;
    }
    .ged .sec04 .dl03 dd:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .ged .sec04 .txt02 {
        font-size: 13px;
        padding: 0 0 0 30px;
    }

    /*--------------------
    Section05
    --------------------*/
    .ged .sec05 {
        background: #1B5F57 url(../img/ged/sec05_bg.png) no-repeat left 20% top 16% /230%;
        padding: 0 4% 0;
    }
    .ged .sec05 h2 {
        background: #fff;
        text-align: center;
        margin: 0 -5%;
        padding: 0 0 10px;
    }
    .ged .sec05 h2 img {
        height: 70px;
    }
    .ged .sec05 .inner {
        margin: 0 auto;
        padding: 82% 0 0;
    }
    .ged .sec05 h3 img {
        width: 70%;
    }

}


@media all and (min-width: 768px) {
    img {
        max-width: initial;
        transition: opacity .5s ease;
    }
    a:hover img {
        opacity: .8;
    }
	
	.page__link{
		width: 90%;
		margin: auto;
		padding-bottom: 175px;
		display: flex;
    	justify-content: space-between;
	}
	
	.page__link .menu{  
		position: relative;
		width: 100%;
		margin: 30px 0;
		width: 45%;
	}
	.page__link .menu > .button{
	    display: block;
		width: 100%;
		padding: 10px;
		background: #30927D;
		color: #fff;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		border-radius: 3px;
	}

	.page__link .menu > .list{
	  display: none;
	  z-index: 9999;
	  position: absolute;
	  width: 100%;
	  background: #dcedc8;
	  text-align: center;
	}
	
	.page__link .menu > .list li{
		background: #30927D;
	}
	
	.page__link .menu > .list li a{
		color: #30927D;
		text-decoration: none;
		padding: 10px;
		display: block;
		background-color: #d7f9d9;
		border: solid 1px #30927D;
	}
	
    .sec {
        width: 100%;
        overflow: hidden;
        font-size: 16px;
        font-size: 123.0766%;
        color: #333;
        background: #FFF;
    }

    /*--------------------
    Section01
    --------------------*/
    .sec01 {
        height: 501px;
        position: relative;
    }
    .sec01 h1 {
        width: 970px;
    }
    .sec01 img {
        position: absolute;
        top: 0;
        left: -100%;
        right: -100%;
        margin: auto;
        max-width: 1560px;
    }
    .sec01 .bread-c {
		position: absolute;
		top: 8px;
		left: calc(50% - 481px);
		color: #fff;
		font-size: 13px;
		font-size: 81.2%;
	}
    .sec01 .bread-c a {
		color: #fff;
	}



    /*--------------------
    Section02
    --------------------*/
    .sec02 {
        width: 100%;
        margin: -15px 0 0;
        padding: 15px 0 0;
    }
    .sec02 .inner {
        width: 780px;
        margin: 0 auto;
    }
    .sec02 [class^="col"] {
        display: inline-block;
        vertical-align: top;
    }
	.sec02 .col01 {
        width: 375px;
	}
	.sec02 .col02 {
        width: 370px;
	}
    .sec02 .col01 h2 {
        font-size: 26px;
        font-size: 162.5%;
        font-weight: bold;
        color: #30927D;
        letter-spacing: -.04em;
        margin: 0 0 16px;
    }
    .sec02 .col01 p {
        line-height: 1.7;
    }
    .sec02 .col02 {
        margin-left: 24px;
    }
    .sec02 .box01 {
        margin: 40px 0 0;
        border: #FF9897 4px solid;
        padding: 20px 10px 20px 20px;
        min-height: 190px;
        letter-spacing: -.4em;
    }




    /*--------------------
    Section03
    --------------------*/
    .sec03 {
        width: 100%;
        padding: 100px 0 80px;
    }
    .sec03 .inner {
        width: 970px;
        margin: 0 auto;
    }
    .sec03 h2 {
        text-align: center;
        margin: 0 0 60px;
    }
    .sec03 .btn01 {
        text-align: center;
    }


    /*--------------------
    Item Table
    --------------------*/
    .item {

    }
    .item h3 {
        font-size: 26px;
        font-size: 162%;
        font-weight: bold;
        color: #30927D;
        border-bottom: #CCC 4px solid;
        padding: 0 0 4px;
        margin: 0 0 20px;
    }
    .item .txt01 {
        line-height: 1.8;
        margin: 0 0 30px;
    }
    .panel h3 {
        font-size: 26px;
        font-weight: bold;
        color: #30927D;
        border-bottom: #CCC 4px solid;
        padding: 0 0 4px;
        margin: 30px 0 10px;
    }
    .panel p.desc {
        margin-top: 20px;
    }
    .panel p.desc2 {
        margin-top: 0;
    }
    table {
        width: 100%;
        margin: 30px 0 80px;
    }
    thead {
        background: #E9EBED;
    }
    tbody tr {
        border: #E9EBED 4px solid;
    }
    tbody tr:last-of-type {
        /*border-bottom: none;*/
    }
    th,
    td {
        font-size: 13px;
        font-size: 81.2%;
        border-right: #CCC 1px solid;
        padding: 15px 10px;
        vertical-align: top;
        text-align: center;
    }
    td {
        background-color: #FFFFFF;
    }
    td.nocenter {
        text-align: left;
    }
    td.noitem {
        vertical-align: middle;
    }
    th:last-of-type,
    td:last-of-type {
        border-right: none;
    }
    th:nth-of-type(1) {
        width: 210px;
    }
    th:nth-of-type(n+2) {
        width: 240px;
    }
    th span {
        font-size: 16px;
        font-size: 123%;
        font-weight: bold;
        display: block;
        line-height: 1.3;
        margin: 0 0 -14px 0;
    }
    td .icon {
        position: relative;
        padding: 0 0 0 52px;
        display: block;
        font-size: 16px;
        font-size: 123%;
        margin: 24px 0 0;
		display: flex;
		align-items: center;
    }
    td .icon2 {
        padding: 0;
    }
    .panel2 td .icon {
        padding: 0;
        margin: 15px 0 0;
        font-weight: bold;
    }
    td .icon img {
		margin-right: 5px;
/*
        position: absolute;
        top: 0;
        left: 0;
*/
    }
    td a {
        font-size: 16px;
        font-size: 123.1%;
        font-weight: bold;
        color: #0035D8;
        text-decoration: underline;
        padding: 3px 0 2px;
        display: inline-block;
    }
    img.scroll {
       display: none;
    }
    img.plus {
        display: block;
        position: relative;
        margin: 0 auto -30px;
        top: -50px;
        right: 0;
        left: 0;
    }
    .exchange {
        margin: 0 auto 50px;
        padding: 15px 30px 0;
        width: 760px;
        border: #E9EBED 4px solid;
    }
    .exchange img {
        margin: 5px auto 10px;
    }
    .exchange a {
        font-size: 16px;
        font-weight: bold;
        color: #0035D8;
        text-decoration: underline;
        padding: 3px 0 2px;
        margin-left: 5px;
        display: inline-block;
    }
    .exchange a:link {
        color: #00c;
        text-decoration: none;
    }
    .exchange a:hover {
        color: #f00;
        text-decoration: underline;
    }
    /*--------------------
    Large Case
    --------------------*/
    .largeCase {
        top: -40px;
        position: relative;
        padding: 30px 30px;
        width: 970px;
        border: #E9EBED 4px solid;
    }
    .largeCase-L {
        display: inline-block;
        vertical-align: top;
    }
    .largeCase-R {
        display: inline-block;
        width: 660px;
        vertical-align: top;
        padding-left: 25px;
    }
    .largeCase-txt01 {
        line-height: 1.8;
    }
    .largeCase-txt02 {
        margin-top: 12px;
        font-size: 13px;
    }



    /*--------------------
    Common
    --------------------*/
    .cmn .icon01 {
        margin: 21px 0 -14px;
    }
    .cmn .icon01 li {
        display: inline-block;
        vertical-align: top;
        color: #FFF;
        font-size: 18px;

        font-weight: bold;
        padding: 8px 12px 6px;
        background: #ED6A89;
        border-radius: 6px;
        margin: 0 1px 0 0;
		min-width: 100px;
		text-align: center;
		box-sizing: border-box;
    }
    .cmn p {
        font-size: 16px;
        color: #FFF;
        line-height: 1.6;
        margin: 30px 0 20px;
    }
    .cmn .btn {
        margin-top: 18px;
    }
    .cmn .btn a {
        display: inline-block;
        width: 200px;
        padding: 10px 15px 5px 20px;
        border: #fff 2px solid;
        box-sizing: border-box;
        border-radius: 30px;
        text-align: right;
        transition: opacity .5s ease;
    }
    .cmn .btn a:hover {
        opacity: .7;
    }



    /*-----------------------------------
    GEK
    ------------------------------------*/
    /*--------------------
    Section01
    --------------------*/
    .gek .sec01 {
        background: url(../img/gek/sec01_img01_rpt.jpg) repeat-x;
    }
    .gek .sec02 .box01 li {
        width: 346px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding: 0 0 0 170px;
        position: relative;
        letter-spacing: normal;
    }
    .gek .sec02 .box01 li:last-child:before {
        content: '';
        display: block;
        width: 22px;
        height: 48px;
        background: url(../img/gek/sec02_arrow01.png) no-repeat 0 0;
        position: absolute;
        top: 17px;
        left: -40px;
    }
    .gek .sec02 .box01 li:last-child {
        margin: 0 0 0 44px;
    }
    .gek .sec02 .box01 li img {
        position: absolute;
        top: -4px;
        left: 0;
    }
    /*--------------------
    Section04
    --------------------*/
    .gek .sec04 {
        background: #2A937D url(../img/gek/sec04_bg.png) no-repeat center 141px;
    }
    .gek .sec04 h2 {
        background: #fff;
        text-align: center;
        height: 141px;
    }
    .gek .sec04 .inner {
        width: 970px;
        min-height: 505px;
        margin: 0 auto;
    }
    .gek .sec04 .inner {
        width: 970px;
        margin: 0 auto;
        padding: 82px 530px 10px 0;
        box-sizing: border-box;
    }


    /*-----------------------------------
    GED
    ------------------------------------*/
    /*--------------------
    Section01
    --------------------*/
    .ged .sec01 {
        background: url(../img/ged/sec01_img01_rpt.jpg) repeat-x;
        height: 516px;
    }

    /*--------------------
    Section02
    --------------------*/
    .ged .sec02 .col01 h2 br {
		display: none;
	}
    .ged .sec02 .box01 li {
        width: 280px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        position: relative;
        letter-spacing: normal;
    }
    .ged .sec02 .box01 li:last-child {
        width: 402px;
    }
    .ged .sec02 .box01 li:last-child {
        margin: 0 0 0 44px;
    }
    .ged .sec02 .box01 li img {
        margin: 0 0 20px;
    }

    /*--------------------
    Section03
    --------------------*/
    .ged .sec03 .box01 {
        text-align: center;
        padding: 80px 0 50px;
    }
    .ged .sec03 .box01 .sttl {
        font-size: 36px;
        font-size: 224.6%;
        font-weight: bold;
        width: 560px;
        background: #2A937D;
        color: #fff;
        line-height: 1.1;
        border-radius: 10px;
        padding: 13px 0 9px;
        margin: 0 auto 15px;
    }
    .ged .sec03 .box01 .sttl span {
        display: block;
        font-size: 20px;
        font-size: 64.1%;
    }
    .ged .sec03 .box01 .txt01 {
        font-size: 24px;
        font-size: 150%;
        font-weight: bold;
        color: #30927D;
        margin: 0 0 35px;
     }
    .ged .sec03 .box01-01 {
        text-align: left;
        width: 852px;
        margin: 0 auto;

    }
    .ged .sec03 .box01-01 > img {
        margin: 20px 0 0 20px;
    }
    .ged .sec03 .box01-01 > a {
        margin-left: 310px;
    }
     /**/
    .ged .sec03 .box02 {
        min-height: 200px;
        background: #F4F5F6;
        padding: 50px 0;
    }
    .ged .sec03 .box02 .txt01 {
        text-align: center;
        font-size: 24px;
        font-size: 150%;
        font-weight: bold;
        color: #30927D;
        margin: 20px 0 70px;
     }

    .ged .sec03 .box02 .inr {
        width: 970px;
        margin: 0 auto;
    }
    .ged .sec03 .box02 [class^="col"] {
        display: inline-block;
        vertical-align: top;
    }
    .ged .sec03 .box02 .col01 {
        width: 567px;
    }
    .ged .sec03 .box02 .col01 h3 {
        font-size: 19px;
        font-size: 118%;
        font-weight: bold;
        color: #30927D;
        margin: 18px 0 15px;
    }
    .ged .sec03 .box02 .col01 p {
        line-height: 1.7;
    }
    .ged .sec03 .box02 .trig {
        border: #ccc 4px solid;
        padding: 10px 14px 7px;
        font-size: 26px;
        font-size: 162%;
        color: #30927D;
        position: relative;
        margin: 60px 0 0;
        background: #fff;
        cursor: pointer;
    }
    .ged .sec03 .box02 .trig:before {
        content: '';
        display: block;
        width: 24px;
        height: 20px;
        background: url(../img/ged/trig_icon.png);
        position: absolute;
        top: 17px;
        right: 18px;
    }
    .ged .sec03 .box02 .trig.open:before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    .ged .sec03 .box02 .trig span {
        font-weight: bold;
    }
    .ged .sec03 .box02 .panel {
        display: none;
    }
    .ged .sec03 .box02 .col02 {
        width: 370px;
        margin: 0 0 0 26px;
    }
    .ged .sec03 .custom-desc {
        margin: 0 auto;
        width: 970px;
        text-align: left;
    }
    .ged .sec03 .custom-desc h3 {
        font-size: 19px;
        font-size: 118.7%;
        font-weight: bold;
        color: #30927D;
        margin: 50px 0 15px;
    }
    .ged .sec03 .custom-desc2 h3 {
        margin-top: 80px;
    }
    .ged .sec03 .custom-desc p {
        line-height: 1.7;
    }
    .ged .sec03 .visual-flow {
        padding-bottom: 30px;
    }
    .ged .sec03 .visual-flow > img {
        margin: 50px 0 12px;
    }
    .ged .sec03 .visual-flow > div {
        width: 220px;
        display: inline-block;
        vertical-align: top;
        margin-left: 18px;
    }
    .ged .sec03 .visual-flow > div.flow01 {
        margin-left: 7px;
    }
    .ged .sec03 .visual-flow h4 {
        background-color: #30927D;
        border-radius: 5px;
        color: #FFF;
        text-align: center;
        padding: 16px 0;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .ged .sec03 .visual-flow ul {
        padding-left: 6px;
    }
    .ged .sec03 .visual-flow ul li {
        line-height: 1.7;
    }
    .ged .sec03 .visual-flow p {
        text-align: right;
        padding-right: 5px;
        margin-top: 34px;
    }

    /*--------------------
    Section04
    --------------------*/
    .ged .sec04 .inner {
        width: 970px;
        margin: 0 auto;
        padding: 0 0 150px;
    }
    .ged .sec04 .box01 {
        background: #D0F1EA;
        padding: 30px 100px 42px 110px;
    }
    .ged .sec04 h2 {
        text-align: center;
    }
    .ged .sec04 h3 {
        font-size: 20px;
        font-weight: bold;
        color: #30927D;
        text-align: center;
        margin: 0 0 10px;
    }
    .ged .sec04 .txt01 {
        text-align: center;
        margin: 20px auto 60px;
    }
    .ged .sec04 dl {
        display: inline-block;
        vertical-align: top;
        font-size: 30px;
    }
    .ged .sec04 .dl01 {
        width: 100%;
        margin-bottom: -4px;
    }
    .ged .sec04 .dl02 {
        width: 390px;
    }
    .ged .sec04 .dl03 {
        width: 310px;
    }
    .ged .sec04 dt,
    .ged .sec04 dd {
        display: inline-block;
        vertical-align: top;
        padding: 20px 0;
    }
    .ged .sec04 dt {
        font-weight: bold;
        color: #1B8C74;
        position: relative;
        padding: 20px 0 20px 60px;
        margin: 0 -8px 0 0;
    }
    .ged .sec04 .dl03 dt {
        padding-left: 0;
    }
    .ged .sec04 dt img {
        position: absolute;
        top: 0;
        left: 0;
    }
    .ged .sec04 .dl03 dd {
        color: #878787;
    }
    .ged .sec04 .dl02 dd,
    .ged .sec04 .dl03 dd {
        position: relative;
        top: 1px;
    }
    .ged .sec04 .txt02 {
        margin: -12px 0 0 60px;
    }
    .ged .sec04 .txt02 br {
        display: none;
    }

    /*--------------------
    Section05
    --------------------*/
    .ged .sec05 {
        background: #1B5F57 url(../img/ged/sec05_bg.png) no-repeat center 141px;
    }
    .ged .sec05 h2 {
        background: #fff;
        text-align: center;
        height: 141px;
    }
    .ged .sec05 .inner {
        width: 970px;
        min-height: 505px;
        margin: 0 auto;
    }
    .ged .sec05 .inner {
        width: 970px;
        margin: 0 auto;
        padding: 180px 0 0 510px;
        box-sizing: border-box;
    }

}

.secvideo {
    padding:10px;
background: #FFF;

}
.video_wrap {
           width: 600px;
        margin: 0 auto;
}
.video{

    text-align:center;
  position:relative;
  width:100%;
  padding-top:56.25%;
}




.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

@media screen and (max-width: 767px) {
    
.video_wrap {
           width: 100%!important;
        margin: 0 auto;
}
}