/*====================================

	----------------------------------
  		Module
  	----------------------------------

  	0. column
  	1. box
  	2. list
  	3. button
  	4. title

  	----------------------------------
  		Change Log
  	----------------------------------

	-20XX/XX/XX	 Fixed all

====================================*/

/*====================================

	0. column

====================================*/
@media screen and (min-width: 769px){
.colBlock { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.colBlock .col2 { width: 48%; margin-left: 4%; }
.colBlock .col2:nth-child(2n+1) { margin-left: 0; }
.colBlock .col3 { width: 32%; margin-left: 2%; }
.colBlock .col3:nth-child(3n+1) { margin-left: 0; }
}
@media screen and (max-width: 768px){
}

/*====================================

	1. box

====================================*/




/*====================================

	2. list

====================================*/




/*====================================

	3. button

====================================*/
@media screen and (min-width: 769px){
.btn { display: inline-block; padding: 10px; border-radius: 10px; position: relative; }
.btnA { background: #202020; color: #ffffff; padding: 15px 18px 15px 37px; font-size: 1.4rem; }
.btnA:before { position: absolute; width: 11px; height: 11px; content: ""; top: 50%; margin-top: -5px; left: 21px; background: url(../img/icon_arrow_white.png) no-repeat 0 0 / 11px auto; }
.btnB { border: 1px solid #202020; padding: 15px 27px 15px 45px; font-size: 1.5rem; }
.btnB:before { position: absolute; width: 11px; height: 11px; content: ""; top: 50%; margin-top: -6px; left: 25px; background: url(../img/icon_arrow_black2.png) no-repeat 0 0; }
}
@media screen and (max-width: 768px){
.btn { display: inline-block; padding: 5vw; border-radius: 10px; position: relative; }
.btnA { background: #fff002; padding: 2.3vw 4.2vw 2.3vw 9vw; font-size: 1.5rem; color: #202020; font-weight: bold; }
.btnA:before { position: absolute; width: 2vw; height: 2vw; content: ""; top: 50%; margin-top: -1vw; left: 4.6vw; background: url(../img/icon_arrow_black2.png) no-repeat 0 0 / 2vw auto; }
.btnB { border: 1px solid #202020; padding: 2.3vw 4.2vw 2.3vw 9vw; font-size: 1.5rem; color: #202020; }
.btnB:before { position: absolute; width: 2vw; height: 2vw; content: ""; top: 50%; margin-top: -1vw; left: 4.6vw; background: url(../img/icon_arrow_black2.png) no-repeat 0 0 / 2vw auto; }
}

/*====================================

	4. title

====================================*/