﻿* {
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.red {color: #d60a23;}
.text-center {text-align: center;}
.cp-btn {display: block; cursor: pointer; padding: 20px 50px; text-align: center; width: 60%; margin: 0 auto; border: 3px solid #000;  box-shadow: 0 0 6px #888; }
.cp-btn span { font-size: 2em; color:#000; text-shadow: 0 0 3px #fff; }
.cp-btn:link, .cp-btn:visited, .cp-btn:hover, .ap-btn:active {color: #000; text-decoration: none;}
.cp-btn-yellow {background: linear-gradient(#ff9000,#ffee00);}
.cp-btn-blue {background: linear-gradient(#0022ff,#0077ff);}
.cp-btn-blue span { font-size: 2em; color:#fff; text-shadow: 0 0 3px #555; }
.cp-btn2 {display: block; cursor: pointer; padding: 20px 50px; text-align: center; width: 60%; margin: 0 auto; border: 2px solid #0c50b7;  box-shadow: 0 0 6px #888; background-color:#577fbc;text-decoration:none;}
.cp-btn2 span { font-size: 1.7em; color:#fff; text-shadow: 0 0 3px #fff; text-decoration:none;}
.cp-btn2:link, .cp-btn2:visited, .cp-btn2:hover, .ap-btn2:active {color: #fff; text-decoration: none;}
.radius1 {
-ms-border-radius: 60px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
}
.radius2 {
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
div p {
font-size: 1.6em;
text-align: center;
margin-top: 15px;
}
.row {
display: flex;
justify-content: center;
align-items: flex-start;
}
.row .one, .row .two {
width: 48%;
margin-right: 4%;
}
 .row .two {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
div p {
font-size: 1em;
text-align: left;
margin-top: 10px;
}
.row {
display: block;
}
.row .one, .row .two {width: 100%; margin: 0 auto 10px;}
.cp-btn { padding: 10px; width: 90%; margin: 0 auto; }
.cp-btn span { font-size: 1em; }
.cp-btn2 { padding: 10px; width: 90%; margin: 0 auto; }
.cp-btn2 span { font-size: 0.9em;}
.radius1 {
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.radius2 {
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
}