@charset "utf-8";
/*矢印の縦線*/
.cp_arrows [class*='cp_arrow'] {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 4px;
  height: 30px;
  background: #EB846D;
  border-radius: 4px;
  margin: 0 20px;
}
/*矢印の＜の部分*/
.cp_arrows [class*='cp_arrow']:before,
.cp_arrows [class*='cp_arrow']:after {
  position: absolute;
  content: '';
  top: -1.5px;
  width: 4px;
  height: 13px;
  background: #EB846D;
  border-radius: 4px;
}
.cp_arrows [class*='cp_arrow']:before {
  left: 3px;
  transform: rotate(-45deg);
}
.cp_arrows [class*='cp_arrow']:after {
  right: 3px;
  transform: rotate(45deg);
}
/*それぞれの角度*/
.cp_arrows .cp_arrow_left {
  transform: rotate(-90deg);
}
.cp_arrows .cp_arrow_right {
  transform: rotate(90deg);
}
.cp_arrows .cp_arrow_up {
  transform: rotate(0deg);
}
.cp_arrows .cp_arrow_down {
  transform: rotate(180deg);
}
.cp_arrows .cp_arrow_left_up {
  transform: rotate(-45deg);
}
.cp_arrows .cp_arrow_left_down {
  transform: rotate(-135deg);
}
.cp_arrows .cp_arrow_right_up {
  transform: rotate(45deg);
}
.cp_arrows .cp_arrow_right_down {
  transform: rotate(135deg);
}

.box12{
    padding: 1.7em 1em;
    margin: .5em 0;
    color: #000;
    background: #E3EDF7;
    border-bottom: solid 6px #A1C4E5;
    border-radius: 9px;
}
.box12 p {
    margin: 0; 
    padding: 0;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 h3,
#c1 div {
	text-align: left;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c4 {
	clear: both;
	margin: auto auto 70px auto;
	padding:    ;
}
#c4 h3,
#c4 div {
	text-align: right;
}
#c10 {
	clear: both;
	margin: 3rem auto auto ;
	padding:    ;
}
#c5 {
	clear: both;
	margin: 2rem auto 1rem ;
	padding:    ;
}
#c5 h3,
#c5 div {
	text-align: left;
}
#c15 {
	clear: both;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c15 h3,
#c15 div {
	text-align: left;
}
#c11 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c50 {
	clear: both;
	margin: 70px auto 20px auto;
	padding:    ;
}
#c50 h3,
#c50 div {
	text-align: left;
}
#c56 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c56 table td {
	border: 1px solid transparent;
	padding: 10px;
}
#c56_cell_1_1 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_1 {
	width: 5%;
	text-align: left;
	vertical-align: middle;
}
#c56_cell_3_1 {
	width: 23%;
	text-align: left;
	vertical-align: middle;
}
#c56_cell_4_1 {
	width: 5%;
	text-align: left;
	vertical-align: middle;
}
#c56_cell_5_1 {
	width: 23%;
	text-align: left;
	vertical-align: middle;
}
#c56_cell_1_2 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_2 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_3_2 {
}
#c56_cell_4_2 {
}
#c56_cell_5_2 {
}
#c56_cell_1_3 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_3 {
}
#c56_cell_3_3 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_4_3 {
}
#c56_cell_5_3 {
}
#c56_cell_1_4 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_4 {
}
#c56_cell_3_4 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_4_4 {
}
#c56_cell_5_4 {
}
#c56_cell_1_5 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_5 {
}
#c56_cell_3_5 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_4_5 {
}
#c56_cell_5_5 {
}
#c56_cell_1_6 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_6 {
	text-align: center;
	vertical-align: middle;
}
#c56_cell_3_6 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_4_6 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_5_6 {
}
#c56_cell_1_7 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_2_7 {
}
#c56_cell_3_7 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_4_7 {
}
#c56_cell_5_7 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_1_8 {
}
#c56_cell_2_8 {
}
#c56_cell_3_8 {
}
#c56_cell_4_8 {
	text-align: center;
	vertical-align: middle;
}
#c56_cell_5_8 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c56_cell_1_9 {
}
#c56_cell_2_9 {
}
#c56_cell_3_9 {
}
#c56_cell_4_9 {
}
#c56_cell_5_9 {
	width: 23%;
	text-align: center;
	vertical-align: middle;
}
#c40 {
	clear: both;
	margin: 5rem auto 40px auto;
	padding:    ;
}
#c41 {
	clear: both;
	margin: 50px auto auto auto;
	padding:    ;
}
#c41 h3,
#c41 div {
	text-align: center;
}
#c57 {
	clear: both;
	margin: 20px auto  ;
	padding:    ;
}
#c57 ul li {
	list-style-type: none;
	text-align: center;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c57 ul li { margin-right: 20px; }
#c57 ul li:last-child { margin-right: 0; }
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c52 {
	clear: both;
	margin: 70px auto 20px auto;
	padding:    ;
}
#c52 h3,
#c52 div {
	text-align: left;
}
#c53 {
	clear: both;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c53 h3,
#c53 div {
	text-align: left;
}
#c44 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c44 h3,
#c44 div {
	text-align: left;
}
#c19 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c19 h3,
#c19 div {
	text-align: left;
}
#c21 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c21 h3,
#c21 div {
	text-align: left;
}
#c18 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c18 h3,
#c18 div {
	text-align: left;
}
#c17 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c17 h3,
#c17 div {
	text-align: left;
}
#c26 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c26 h3,
#c26 div {
	text-align: left;
}
#c27 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c27 h3,
#c27 div {
	text-align: left;
}
#c34 {
	clear: both;
	display: none;
	margin: 40px auto 40px auto;
	padding:    ;
}
#c35 {
	clear: both;
	display: none;
	margin: 50px auto auto auto;
	padding:    ;
}
#c35 h3,
#c35 div {
	text-align: center;
}
#c36 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c36 h3,
#c36 div {
	text-align: left;
}
#c43 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c28 {
	clear: both;
	display: none;
	margin: 40px auto 40px auto;
	padding:    ;
}
#c29 {
	clear: both;
	display: none;
	margin: 50px auto auto auto;
	padding:    ;
}
#c29 h3,
#c29 div {
	text-align: center;
}
#c30 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c30 h3,
#c30 div {
	text-align: left;
}
#c31 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c32 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c32 h3,
#c32 div {
	text-align: left;
}
#c33 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c45 {
	clear: both;
	display: none;
	margin: 70px auto 20px auto;
	padding:    ;
}
#c45 h3,
#c45 div {
	text-align: left;
}
#c46 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c46 h3,
#c46 div {
	text-align: left;
}
#c47 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c47 h3,
#c47 div {
	text-align: left;
}
#c48 {
	clear: both;
	display: none;
	margin: 40px auto 20px auto;
	padding:    ;
}
#c48 h3,
#c48 div {
	text-align: left;
}
#c49 {
	clear: both;
	display: none;
	margin: 20px auto 20px auto;
	padding:    ;
}
#c49 h3,
#c49 div {
	text-align: left;
}
#c38 {
	clear: both;
	display: none;
	margin: 70px auto 20px auto;
	padding:    ;
}
#c38 h3,
#c38 div {
	text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 835px) {
#c2 {
}
#c1 {
}
#c3 {
}
#c4 {
	margin: auto auto 50px auto;
}
#c10 {
	margin: 50px auto 30px auto;
}
#c5 {
	margin: 50px auto 20px auto;
}
#c15 {
}
#c11 {
}
#c50 {
	margin: 50px auto 20px auto;
}
#c56 {
}
#c40 {
	margin: 40px auto 30px auto;
}
#c41 {
	margin: 50px auto auto auto;
}
#c57 {
}
#c37 {
}
#c52 {
	margin: 50px auto 20px auto;
}
#c53 {
}
#c44 {
	display: none;
}
#c19 {
	display: none;
	margin: 40px auto 20px auto;
}
#c21 {
	display: none;
	margin: 40px auto 20px auto;
}
#c18 {
	display: none;
}
#c17 {
	display: none;
}
#c26 {
	display: none;
	margin: 40px auto 20px auto;
}
#c27 {
	display: none;
}
#c34 {
	display: none;
	margin: 40px auto 30px auto;
}
#c35 {
	display: none;
	margin: 50px auto auto auto;
}
#c36 {
	display: none;
}
#c43 {
	display: none;
}
#c28 {
	display: none;
	margin: 40px auto 30px auto;
}
#c29 {
	display: none;
	margin: 50px auto auto auto;
}
#c30 {
	display: none;
	margin: 40px auto 20px auto;
}
#c31 {
	display: none;
}
#c32 {
	display: none;
	margin: 40px auto 20px auto;
}
#c33 {
	display: none;
}
#c45 {
	display: none;
	margin: 50px auto 20px auto;
}
#c46 {
	display: none;
	margin: 40px auto 20px auto;
}
#c47 {
	display: none;
}
#c48 {
	display: none;
	margin: 40px auto 20px auto;
}
#c49 {
	display: none;
}
#c38 {
	display: none;
	margin: 50px auto 20px auto;
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c1 {
}
#c3 {
}
#c4 {
	margin: auto auto 30px auto;
}
#c10 {
	margin: 30px auto 30px auto;
}
#c5 {
	margin: 30px auto 20px auto;
}
#c15 {
}
#c11 {
}
#c50 {
	margin: 30px auto 20px auto;
}
#c56 {
}
#c40 {
	margin: 30px auto 30px auto;
}
#c41 {
	margin: 50px auto auto auto;
}
#c57 {
}
#c37 {
}
#c52 {
	margin: 30px auto 20px auto;
}
#c53 {
}
#c44 {
	display: none;
}
#c19 {
	display: none;
	margin: 30px auto 20px auto;
}
#c21 {
	display: none;
	margin: 30px auto 20px auto;
}
#c18 {
	display: none;
}
#c17 {
	display: none;
}
#c26 {
	display: none;
	margin: 30px auto 20px auto;
}
#c27 {
	display: none;
}
#c34 {
	display: none;
	margin: 30px auto 30px auto;
}
#c35 {
	display: none;
	margin: 50px auto auto auto;
}
#c36 {
	display: none;
}
#c43 {
	display: none;
}
#c28 {
	display: none;
	margin: 30px auto 30px auto;
}
#c29 {
	display: none;
	margin: 50px auto auto auto;
}
#c30 {
	display: none;
	margin: 30px auto 20px auto;
}
#c31 {
	display: none;
}
#c32 {
	display: none;
	margin: 30px auto 20px auto;
}
#c33 {
	display: none;
}
#c45 {
	display: none;
	margin: 30px auto 20px auto;
}
#c46 {
	display: none;
	margin: 30px auto 20px auto;
}
#c47 {
	display: none;
}
#c48 {
	display: none;
	margin: 30px auto 20px auto;
}
#c49 {
	display: none;
}
#c38 {
	display: none;
	margin: 30px auto 20px auto;
}
}
