@charset "UTF-8";


div.bannercontent{ 
	margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
	max-width:48%;
	height:auto;}

div.flex-ch1 { grid-area: 1 / 1 / 2 / 3; width:100%;}
div.flex-ch2 { grid-area: 2 / 1 / 3 / 2; width:98%;margin-right:10px;}
div.flex-ch3 { grid-area: 2 / 2 / 3 / 3; width:98%;}
div.flex-ch4 { grid-area: 1 / 3 / 3 / 4;max-width:130px;}
div.flex-ch4 > a > img.flex-chimg {max-width:130px;}

.bannercontent-txt{
	display: flex;
	height:auto;
	margin: 0 auto;
	box-sizing:border-box;
	width:66%;}
	
.wdpc{width:50%;}
.wdpc2{width:100%; text-align:center; margin:0 auto;}
.wdtext{
	width:90%; 
	font-size:1.6rem;
	display : inline-block; }
.mab20{ margin-bottom: 20px;}

button.xxsmall {
/*    margin-top:-0.0678rem;*/
    width: 22rem;
    height: 4rem; 
    font-size: 1.6rem; }
  button.btnsize{width:8rem;}

@media screen and (max-width: 768px) {
div.bannercontent{
	display: flex !important;
	max-width:700px;
	height:auto;
	margin: 0 auto;
	box-sizing:border-box;
	flex-wrap: wrap;
	text-align: center;
	justify-content :center;}
	
div.flex-ch1 {
	vertical-align: middle;
	width:90%;
	display:block;
	box-sizing: border-box;}
	
div.flex-ch2,div.flex-ch3 {
	vertical-align: middle;
	max-width: 40%;
	box-sizing: border-box;}
div.flex-ch4 {
	vertical-align: middle;
	width:auto;
	box-sizing: border-box;}

img.flex-chimg {width:250px !important;}

div.bannercontent-txt{
	display: block;
	height:auto;
	margin: 0 auto;
	width:100%;}
    .wdtext{
    	width:100%; 
	    font-size:1.4rem;
	    line-height:1.2 }
	    
    button.xxsmall {
    display: block;
    margin:0.5em auto;
    width: 22rem;
    height: 4rem; 
    font-size: 1.6rem; }
    button.btnsize{width:8rem;}
    
.mab20{ margin-bottom: 20px;}
}