
	/*Container and columns*/

	    .container {
	        max-width:1920px
	    }

	    .col{
	        padding-right:0;
	        padding-left:0;
	    }
	    .col-7{
	        padding-right:0;
	        padding-left:0;
	    }
	    .container-fluid{
	        padding-left: 0;
	        padding-right: 0;

	    }
	    .column-top-left {
	        width: 50%;
	            float: left;
	    }
	    .column-top-right {
	        width: 50%;
	            float: left;
	    }
	    .column-left-01 {
	        width: 55%;
	            float: left;
	    }
	    .column-right-01 {
	        width: 45%;
	            float: left;
	    }
	    .column-left-02 {
	        width: 45%;
	            float: right;
	    }
	    .column-right-02 {
	        width: 55%;
	            float: right;
	    }
	    .mobile-only{
	    	display: none;
	    }
	/*text class*/
	    .top-text {
	        text-align: center;
	        display: inline-block;
	        margin: auto;
	    }
	    #p-12 {
	        font-size: 200%;
	        color: white;
	       /* font-family: HiraKaKuPro-W3;*/
	    }

	    #p-36 {
	        font-size: 500%;
	        color: white;
	       /* font-family: HiraKaKuPro-W3;*/
	        letter-spacing: 5px;
	    }

	    .span-header-line {
		    margin-left: 1%;
		    margin-right: 13%;
	            font-size: 280%;
	        font-weight: bold;
	        width: 70%;
	      /*  font-family: HiraKaKuPro-W6; */
	        white-space: pre-line;
	        margin-bottom: 2%;
	    }
	    .col-header-02 {
	        font-size: 280%;
	        font-weight: bold;
	        margin-left: 10%;
	        margin-right: 0%;
	       /* font-family: HiraKaKuPro-W6; */
	        letter-spacing: -2px;
	    }   
	    .col-header-03 {
	        font-size: 280%;
	        font-weight: bold;
	        margin-left: 10%;
	        margin-right: 0%;
	      /*   font-family: HiraKaKuPro-W6; */
	        letter-spacing: -2px;
	    }   
	    .col-text-01 {
	        font-size: 209%;
	        margin-left: 17%;
	       /*  font-family: HiraKaKuPro-W3; */
	        line-height: 190%;
	        padding-right: 9%;
	    }


	    .col-text-02 {
	        font-size: 209%;
	        margin-left: 10%;
	       /*  font-family: HiraKaKuPro-W3; */
	        line-height: 190%;
	        padding-right: 17%;
	    }

	    .end-text {
	        font-size: 209%;
	        text-align: right;
	        font-weight: bold;
	        margin-right: 16.5%;
	      /*   font-family: HiraKaKuPro-W6; */
	        margin-top: 6%;
	        margin-bottom: 0;
	    }
	    .end-text-span {
	        font-size: 167%;
	        font-weight: bold;
	        margin-left: 1%;
	      /*  font-family: HiraKaKuPro-W6; */
	    }
	/*images / background*/

	    .bg-top {
	        background-color: #eb6100;
	    }

	    img.resize-content-01 {
	        width: 100%;

	    }
	    img.resize-top {
	        width: 100%;

	    }
	    img.resize-content-02 {
	        width: 100%;

	    }
	/*padding / margin class */

	    .row-container {
	        padding-top: 5%;
	    }

	    .end-padding {
	        padding-bottom: 3%;
	    }
	/*other*/
	    /*Lines*/
	    h2 {
	      display: flex;
	      align-items: center;
	      justify-content: center;
	    }
	    h2 span {
	      background: #fff;
	      margin: 0% 0%;
	    }
	    h2:before{
	      background: black;
	      height: 2px;
	      flex: 1;
	      content: '';
	      margin-bottom: 8%;
	    }
	     h2:after {
	      background: black;
	      height: 2px;
	      flex: 1;
	      content: '';
	    }
	    h2.left:after {
	      background: none;
	      flex: 0;
	    }
	    h2.right:before {
	      background: none;
	      flex: 0;
	    }
	    h2.left-one:after{
	    	background: none;
	     	
	     	flex: 0;
	    }
	    h2.left-one:before{
			background: black;
		    height: 2px;
		    flex: 1;
		    content: '';
		    margin-bottom: 2%;
	    }

	/*Additional Content*/




	/*IMG*/
		img.resize-content-03{
			position: relative;
			top: -8px; 
			left: 7%;
			width: 60%;
		}

		img.resize-content-04{
			position: relative;
			top: -3%; 
			left: 19%;
			width: 60%;
		}

		img.resize-last-content-badge{
			position: absolute;
		    /*top: 19%;
		    left: 68%;*/
		    bottom:0;
		    right: 0;
		    float: left;
		    width: 25%;
		}
	/*Text*/
		.span-header-line-last{
		    margin-left: 1%;
		    margin-right: 13%;
	        font-size: 280%;
	        font-weight: bold;
	        width: 70%;
	      /*  font-family: HiraKaKuPro-W6; */
	        white-space: pre-line;
	        margin-bottom: 2%;
		}
		.col-text-01-last {
		    font-size: 209%;
		    margin-left: 17%;
		  /*  font-family: HiraKaKuPro-W3; */
		    font-weight: bold;
		    line-height: 190%;
		    padding-right: 9%;
		    margin-top: 1%;
		}
		.col-header-02-last{
			font-size: 280%;
	        font-weight: bold;
	        margin-left: 10%;
	        margin-right: 0%;
	       /* font-family: HiraKaKuPro-W6; */
		}
		.col-text-02-last {
		    font-size: 209%;
		    margin-left: 10%;
		/*    font-family: HiraKaKuPro-W3; */
		    line-height: 190%;
		    font-weight: bold;
		    padding-right: 17%;
		    margin-top: 2%;
		}
		h1.last-header{
			padding-top: 3%;
			font-size: 800%;
			/* font-family: HiraKaKuPro-W6; */
		}

		.last-text{
			font-size: 209%;
			line-height: 200%;
			margin-top: 2%;
			font-weight: bold;
			/* font-family: HiraKaKuPro-W3; */
		}
	/*COntainer*/
		.last-content-cont{
			background-color: #eeeeee;
			text-align: center;
			position: relative;
		}

		.blank-container{
			height: 150px;
		}

	/*Other*/
		.border{
			border: 12px solid #e457a5 !important;
		    margin: 0;
		    padding: 0
		}
		/*Border*/
		h1.last-title-header{
			background-color: #e457a5;
		   /* font-family: HiraKakuPro-w6; */
		    position: relative;
		    color: white;
		    z-index: 1;
		    font-size: 500%;
		}

		h1.border.last-title-header::before {
		    content: '';
		    position: absolute;
		    top: -25%;
		    left: -10%;
		    right: -10%;
		    bottom: -25%;
		    z-index: -1;
		    background-color: #e457a5;
		    /* margin: 0; */
		    /* padding: 0; */
		}
		h1.border.last-title-header::after {
		    content: '';
		    position: absolute;
		    top: -22px;
		    left: -10%;
		    right: -10%;
		    bottom: -22px;
		    z-index: -1;
		    border-top: 5px solid #e4007f;
		    border-bottom: 5px solid #e4007f;
		    /* margin: 0; */
		    /* padding: 0; */
		}

		/*Pesudo ELement*/
		h1.border::after {
		    content: '';
		    position: absolute;
		    top: -20px;
		    left: -100%;
		    right: -100%;
		    bottom: -20px;
		    z-index: -1;
		    border-top: 5px solid #e4007f;
		    border-bottom: 5px solid #e4007f;
		}


	/*/////////////////////////////////////////////////////////////////*/
	@media only screen and (max-width: 1800px){
	    .span-header-line {
	        font-size: 200%;
	    }
	    .col-header-02 {
	        font-size: 200%;
	    }   
	    .col-text-01 {
	        font-size: 180%;
	    }
	    .col-text-02 {
	        font-size: 180%;
	    }
	    .end-text {
	        font-size: 180%;
	    }
	    .end-text-span {
	        font-size: 200%;
	    }
	    h2 span {
	    background: #fff;
	    margin: 0% -6%;
	    }

	    /*Additional*/
	    .span-header-line-last {
	        font-size: 200%;
	        text-align: left;
	    }
	    .col-header-02-last {
	        font-size: 200%;
	        text-align: left;
	    }   
	    .col-text-01-last {
	        font-size: 180%;
	        text-align: left;
	    }
	    .col-text-02-last {
	        font-size: 180%;
	        text-align: left;
	    }
	    h1.last-header{
	    	font-size: 550%;
	    }
	    .last-text{
	    	font-size: 180%;
	    }
		img.resize-last-content-badge{
			position: absolute;
		    /*top: 10%;
		    left: 68%;*/
		    bottom: 0;
		    right: 0;
		    float: left;
		    width: 24%;
		}
	}

	@media only screen and (max-width: 1600px){
	    .span-header-line {
	        font-size: 200%;

	    }
	    .col-header-02 {
	        font-size: 200%;
	    }   
	    .col-text-01 {
	        font-size: 160%;
	    }
	    .col-text-02 {
	        font-size: 160%;
	    }
	    .end-text {
	        font-size: 160%;
	    }
	    .end-text-span {
	        font-size: 167%;
	    }
	    h2 span {
	    background: #fff;
	    margin: 0% 6%;
	    }

	    /*Additional*/
	    .span-header-line-last {
	        font-size: 200%;
	        text-align: left;
	    }
	    .col-header-02-last {
	        font-size: 200%;
	        text-align: left;
	    }   
	    .col-text-01-last {
	        font-size: 160%;
	        text-align: left;
	    }
	    .col-text-02-last {
	        font-size: 160%;
	        text-align: left;
	    }
	    h1.last-header{
	    	font-size: 500%;
	    }
	    .last-text{
	    	font-size: 160%;
	    }

	    		img.resize-last-content-badge{
			position: absolute;
		    /*top: 10%;
		    left: 68%;*/
		    bottom: 0;
		    right: 0;
		    float: left;
		    width: 24%;
		}
	}
	@media only screen and (max-width : 1440px) {
	    


	    .span-header-line {
	    margin-left: 1%;
	    margin-right: 17%;
	    font-size: 175%;
	    /* word-break: keep-all; */
	    width: 70%;
	    
	    }
	    .col-text-01 {
	    font-size: 120%;
	    margin-left: 13%;
	    padding-right: 9%;
	    }
	    .col-text-02 {
	    font-size: 120%;
	    margin-left: 9%;
	    padding-right: 9%;
	    }
	    .col-header-02 {
	        font-size: 175%;
	        margin-left: -5%;
	        font-weight: bold;
	        margin-right: 0%;
	    }
	    .end-text {
	    font-size: 120%;
	    text-align: right;
	    font-weight: bold;
	    margin-right: 8.5%;
	    margin-top: 6%;
	    margin-bottom: 0;
	    }
	    .end-text-span {
	    font-size: 147%;
	    font-weight: bold;
	    margin-left: 1%;
	    }

	    /*other*/
	    h2 span {
	    background: #fff;
	    margin: 0% 0%;
	    }
	    .ml-13{
	        margin-left: 13%;
	    }

	    /*Additional*/
	    .span-header-line-last {
	        font-size: 175%;
	        text-align: left;
	    }
	    .col-header-02-last {
	        font-size: 175%;
	        margin-left: -3%;
	        text-align: left;

	    }   
	    .col-text-01-last {
	        font-size: 120%;
	        text-align: left;
	    }
	    .col-text-02-last {
	        font-size: 120%;
	        text-align: left;
	    }
	    h1.last-header{
	    	font-size: 450%;
	    	margin-left: -3%
	    }
	    .last-text{
	    	font-size: 120%;
	    }
	    img.resize-content-03{

		}

		img.resize-content-04{

		}

		img.resize-last-content-badge{
			position: absolute;
		    /*top: 10%;
		    left: 68%;*/
		    bottom: 0;
		    right: 0;
		    float: left;
		    width: 21%;
		}

		h1.last-title-header{
			font-size: 400%;
		}
	    



	}
	@media only screen and (max-width : 1024px) {
	   .column-left-01, .column-right-01,.column-right-02,.column-left-02,
	   .column-top-left,.column-top-right {
	        width: 100%;
	    }
	    .pankuzu_area01 {
	        padding: 90px 0 30px 0px;
	    }
	    .order-first{
	        order:13;
	    }
	    .order-last{
	        order: -1;
	    }
	    img.resize-content-01 {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	    }
	    img.resize-content-top {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	    }
	    img.resize-content-02 {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	    }
	    .col-header-02 {
	        font-size: 180%;
	        font-weight: bold;
	        margin-left: 0;
	        margin: 0% 0% 0% 5%;
	    }
	    h2 {
	      display: flex;
	      align-items: center;
	      justify-content: center;
	    }
	    h2 span {
	        background: #fff;
	        margin: 0 72px;
	    }
	    h2:before,
	    h2:after {
	      background: none;
	      height: 2px;
	      flex: 1;
	      content: '';
	    }


	    .span-header-line {
		    /* margin-left: -12%; */
		    font-size: 180%;
		    font-weight: bold;
		    white-space: pre-line;
		    width: 100%;
		    margin: 0% 0% 2% 5%;
		}
	    .col-text-01 {
	        font-size: 180%;
	        margin-left: 0%;
	        line-height: unset;
	        margin: 0% 5% 0% 5%;
	        padding-right: 0;
	    }
	    .col-text-02 {
	        font-size: 180%;
	        /* white-space: pre-line; */
	        margin-left: 0;
	        margin: -2% 5% 0% 5%;
	        padding: 0;
	    }
	    .end-text {
	        font-size: 180%;
	        text-align: right;
	        font-weight: bold;
	        /* margin-right: 15%; */
	        margin: 0% 5% 5% 0%;
	    }
	        .ml-13{
	        margin-left: 0%;
	    }


	    /*Additional*/


	    h2.left-one:before {
		    background: none;
		    height: 2px;
		    flex: 0;
		    content: '';
		    margin-bottom: 2%;
		}
		h2:before, h2:after {
		    background: none;
		    height: 2px;
		    flex: 0;
		    content: '';
		}
	    .span-header-line-last {
		    font-size: 180%;
		    font-weight: bold;
		    width: 100%;
		    /* margin: 0% 25% 2% 0%; */
		    text-align: center;
		    margin: 0 0 3%;
		}

	    .col-header-02 {
		    font-size: 180%;
		    font-weight: bold;
		    margin-left: 0;
		    margin: 0% 0% 0% 5%;
		    text-align: left;
		    width: 100%;
		}  
	    .col-text-01-last {
	        font-size: 180%;
	        margin-left: 0%;
	        line-height: unset;
	        margin: 0% 5% 0% 5%;
	        padding-right: 0;
	        text-align: center;
	    }
	    .col-text-02-last {
	        font-size: 180%;
	        margin-left: 0;
	        margin: -2% 5% 0% 5%;
	        padding: 0;
	        text-align: center;
	        padding-top: 3%;
	    }
	    h1.last-header{
	    	font-size: 600%;
	    }
	    .last-text{
	    	font-size: 180%;
	    }
	    img.resize-content-03{
			position: relative;
			top: 16px; 
			left: 19.5%;
			width: 60%;
		}

		img.resize-content-04{
			position: relative;
			top: 2%; 
			left: 19%;
			width: 60%;
		}

	    h2.left-one:before {
		    background: none;
		    height: 2px;
		    flex: 1;
		    content: '';
		    margin-bottom: 2%;
		}
		h1.last-title-header{
			font-size: 400%;
		}

	}

	@media only screen and (max-width: 1024px){
		.mobile-only{
			display: block;
		}
		img.resize-last-last {
			width: 35%;
		}
		img.resize-last-content-badge{
			visibility: hidden;
		}

	}
	@media only screen and (max-width : 768px) {
	   .column-left-01, .column-right-01,.column-right-02,.column-left-02,
	   .column-top-left,.column-top-right {
	        width: 100%;
	    }
	    .pankuzu_area01 {
	        padding: 90px 0 30px 0px;
	    }
	    .order-first{
	        order:13;
	    }
	    .order-last{
	        order: -1;
	    }
	    img.resize-content-01 {
	        width: 100%;
	        text-align:center;
	        padding-left: 15%;
	        padding-right:15%;
	    }
	    img.resize-content-top {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	    }
	    img.resize-content-02 {
	        width: 100%;
	        text-align:center;
	        padding-left: 15%;
	        padding-right:15%;
	    }
	    .col-text-01 {
	        font-size: 160%;
	        margin-left: 5%;
	    }
	    .col-text-02 {
	        font-size: 160%;
	        margin-left: 5%
	    }
	    .span-header-line {
	        margin-left: -21%;
	        font-size: 100%;
	        font-weight: bold;
	        width: 100%;
	        margin-left: 5%;
	        margin-right: 5%;
	        white-space: unset;
	    }
	    .col-header-02 {
	        font-size: 100%;
	        font-weight: bold;
	        margin-left: 5%;
	        width: 100%;
	        margin-right: 5%;
	    }
	    .end-text {
	        font-size: 160%;
	        text-align: right;
	        margin-right: 7%;
	    }
	    .end-text-span {
	        font-size: 125%;
	        font-weight: bold;
	    }
	        h2 {
	      display: flex;
	      align-items: center;
	      justify-content: center;
	    }
	    h2 span {
	      background: #fff;
	      margin: 0 0;
	    }
	    h2:before,
	    h2:after {
	      background: none;
	      height: 0;
	      flex: 0;
	      content: '';
	    }
	        .ml-13{
	        margin-left: 0%;
	    }


		/*Additional*/
	    .span-header-line-last {
	        margin-left: -21%;
	        font-size: 100%;
	        font-weight: bold;
	        width: 100%;
	        margin-left: 5%;
	        margin-right: 5%;
	        white-space: unset;
	        text-align: center;
	    }
	    .col-header-02-last {
	        font-size: 100%;
	        font-weight: bold;
	        margin-left: 5%;
	        width: 100%;
	        margin-right: 5%;
	        text-align: center;
	    }   
	    .col-text-01-last {
	        font-size: 160%;
	        margin-left: 5%;
	        text-align: center;
	    }
	    .col-text-02-last {
	        font-size: 160%;
	        text-align: center;
	        margin-left: 5%;
	        padding-top: 3%;
	    }
	    h1.last-header{
	    	font-size: 400%;
	    }
	    .last-text{
	    	font-size: 160%;
	    }

	    img.resize-content-03{
			position: relative;
			top: 16px; 
			left: 19.5%;
			width: 60%;
		}

		img.resize-content-04{
			position: relative;
			top: 2%; 
			left: 19%;
			width: 60%;
		}


	}
	@media only screen and (max-width : 425px){
	    .column-left-01, .column-right-01,.column-right-02,.column-left-02,
	    .column-top-left,.column-top-right {
	        width: 100%;
	    }
	    .pankuzu_area01 {
	        padding: 75px 0 30px 0px;
	    }
	    .column-top-left{
	        margin-top: 5%;
	    }
	    .order-first{
	        order:13;
	    }
	    .order-last{
	        order: -1;
	    }
	    img.resize-content-01 {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	    }
	    img.resize-content-top {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	    }
	    img.resize-content-02 {
	        width: 100%;
	        text-align:center;
	        padding-left: 5%;
	        padding-right:5%;
	        padding-bottom: 5%;
	    }
	    .col-text-01 {
	        font-size: 100%;
	        margin-left: 5%;
	        margin-right: 5%;
	        line-height: 200%;
	        white-space: unset;
	    }
	    .col-text-02 {
	        font-size: 100%;
	        margin-left: 5%;
	        margin-right: 5%;
	        white-space: unset;
	    }
	    .span-header-line {
	        margin-left: -21%;
	        font-size: 70%;
	        font-weight: bold;
	        width: 100%;
	        margin-right: 6%;
	        margin-left: 4%;
	        margin-bottom: 1rem;
	        white-space: unset;
	    }
	    .col-header-02 {
	        font-size: 70%;
	        font-weight: bold;
	        margin-left: 5%;
	    }
	        h2 {
	      display: flex;
	      align-items: center;
	      justify-content: center;
	    }
	    h2 span {
	      background: #fff;
	      margin: 0 0;
	    }
	    h2:before,
	    h2:after {
	      background: none;
	      height: 0;
	      flex: 0;
	      content: '';
	    }
	    .end-text {
	        font-size: 120%;
	        text-align: right;
	        font-weight: bold;
	        margin-right: 11%;


	    }
	    #p-12 {
	        font-size: 180%;
	        color: white;
	    }
	    #p-36 {
	        font-size: 280%;
	        color: white;
	    }
	        .end-text-span {
	        font-size: 150%;
	        font-weight: bold;
	      /*  font-family: HiraKaKuPro-W6; */
	    }
	       .ml-13{
	        margin-left: 0%;
	    }

	    /*Additional*/
	    .span-header-line-last {
	        margin-left: -21%;
	        font-size: 70%;
	        font-weight: bold;
	        width: 100%;
	        margin-right: 6%;
	        margin-left: 5%;
	        margin-bottom: 1rem;
	        white-space: unset;
	        margin-top: 5%;
	        text-align: center;
	    }
	    .col-header-02-last {
	        font-size: 70%;
	        font-weight: bold;
	        margin-left: 5%;
	        text-align: center;

	    }   
	    .col-text-01-last {
	        font-size: 100%;
	        margin-left: 5%;
	        margin-right: 5%;
	        line-height: 200%;
	        white-space: unset;
	        text-align: center;
	    }
	    .col-text-02-last {
	        font-size: 100%;
	        margin-left: 5%;
	        margin-right: 5%;
	        white-space: unset;
	        text-align: center;
	        padding-top: 3%;
	    }
	    h1.last-header{
		    font-size: 170%;
		    margin-bottom: 5%;
		    padding-top: 10%;
	    }
	    .last-text{
	    	font-size: 100%;
	    }
	    h1.last-title-header {
		    font-size: 200%;
		}
	    h1.border {
		    border: none !important;
		}

		h1.border.last-title-header::before {
		    content: '';
		    position: absolute;
		    top: -30%;
		    left: -10%;
		    right: -10%;
		    bottom: -33%;
		    z-index: -1;
		    background-color: #e457a5;
		    /* margin: 0; */
		    /* padding: 0; */
		}
	}



