.osare5-table {
 width:100%;
 table-layout: fixed;
   border: none !important;
    border-collapse: separate;
    border-spacing: 4px 4px;
}


.osare5-table th {
   border: none !important;
}

.osare5-table tbody td {
  border: none !important;
  border-bottom: solid 2px #f9f9f9 !important;
}

/*
NOTE: [�t�H���g�����ӏ�] ���ʃe�[�u��
�\���\�����ڂ̃t�H���g�T�C�Y��傫�����Ă��������B 
�e�s�̍������ς��Ȃ��͈͂ł��肢���܂��B 
*/
/* �w�b�_�[ */
.osare5-table thead th {
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 5px 5px;
  background:#62c1ce;
  text-align:center;
  padding: 0.75rem 1rem;
}

/* �t�b�^�[�i��r�\�ƐF�‚����Ƃ��p�j */
.osare5-table tfoot td {
  border-radius: 0 0 10px 10px;
  text-align:center;
}
 
/*
NOTE: [�t�H���g�����ӏ�] ���ʃe�[�u��
�\���\�����ڂ̃t�H���g�T�C�Y��傫�����Ă��������B 
�e�s�̍������ς��Ȃ��͈͂ł��肢���܂��B 
*/
/* �{�f�B���� */
.osare5-table tbody th {
  color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  background:#62c1ce;
  font-weight: bold;
  border-bottom: solid 2px #f9f9f9 !important;
  text-align:center;
  padding: 1.5rem 1rem;
}
 
/* �t�b�^�[���� */
.osare5-table tfoot th {
 background:none;
 text-align:center;
 line-height:3em;
 font-weight: bold;
}


/* �t�b�^�[�f�[�^(�t�b�^�[������Ƃ��̂ݗL��) */
.osare5-hikaku tfoot td {
 border: none !important;
 background:none;
 text-align:center;
 font-weight:600;
 font-size:1em;
}

 
/* �{�f�B�f�[�^ */
.osare5-table tbody td {
 text-align:center;
}
 
.osare5-table thead th:first-child  {
    text-align:center;
    background:none;
}

 
/* �ŏI�s�̃{�[�_�[���Ȃ��� */
.osare5-table tbody tr:last-child th,
.osare5-table tbody tr:last-child td {
 text-align:center;
 border-bottom:none !important;
}

/* �X�}�z���� */
@media (max-width: 767px) {
  .osare5-table thead th,
  .osare5-table tbody th {
      text-align:center;
      padding:0;
  }
  .osare5-table tfoot td {
    text-align:center;
    padding:0;
    font-size:0.9em;
  }
.osare5-table tfoot td:nth-child(2) {
    text-align:center;
    font-size:1em;
  }
  
}

.box27 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 1em 0;
    padding: 25px 10px 7px;
    border: solid 2px #62c1ce;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/*
NOTE: [�t�H���g�����ӏ�] ���f�ҏ��
NOTE: �e�L�X�g�{�b�N�X�^�C�g���̃t�H���g�T�C�Y�A�]������
*/
.box27l {
  position: relative;
  margin: 1em 0;
  padding: 0.5em 1em;
  border: solid 3px #62c1ce;
}
.box27l .box-title {
  position: absolute;
  display: inline-block;
  top: -36px;
  left: -3px;
  padding: 2px 9px;
  height: 34px;
  line-height: 32px;
  font-size: 24px;
  background: #62c1ce;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.box27l p {
  margin: 0; 
  padding: 0;
}

.box28l {
  position: relative;
  margin: 1em 0;
  padding: 38px 10px 7px;
  border: solid 2px #62c1ce;
}
.box28l .box-title {
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding: 2px 9px;
  height: 36px;
  line-height: 32px;
  font-size: 24px;
  background: #62c1ce;
  color: #ffffff;
  font-weight: bold;
}
.box28l p {
  margin: 0; 
  padding: 0;
}

.box11{
    margin: 2 2;
    color: #5d627b;
    background: white;
    border-top: solid 5px #62c1ce;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

.box10 {
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #00BCD4;
    background: #e4fcff;/*�w�i�F*/
    border-top: solid 6px #1dc1d6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*�e*/
}
.box10 p {
    margin: 0; 
    padding: 0;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*�����F*/
    background: #FFF;
    border: solid 3px #6091d3;/*��*/
    border-radius: 10px;/*�p�̊ۂ�*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}



#pataka_camera_wrapper {
  display: flex;
  width: 100%;
}

#pataka_camera_wrapper section {
  width: calc(100% / 3);
}

#pataka_camera_wrapper section:last-of-type {
  padding-top: 80px;
  padding-left: 80px;
}


#pataka_camera_wrapper dt {
    padding: 2px 9px;
    width: 140px;
    height: 34px;
    line-height: 32px;
    font-size: 24px;
    font-weight: bold;
  text-align: center;
    color: #ffffff;
    background: #62c1ce;
    border-radius: 5px 5px 0 0;
}

#pataka_camera_wrapper dd {
    padding: 0.5em 1em;
    width: 300px;
    border: solid 3px #62c1ce;
}



#pataka_wrapper_uketsuke {
  display: flex;
  margin-top: 50px;
  width: 100%;
}

#pataka_wrapper_uketsuke section:first-of-type {
  padding-left: 12%;
  padding-right: 2%;
  width: 70%;
}

#pataka_wrapper_uketsuke section:last-of-type {
  padding-left: 2%;
  padding-right: 2%;
  width: 30%;
}

#pataka_wrapper_uketsuke section:first-of-type ul {
  display: flex;
}

#pataka_wrapper_uketsuke section:first-of-type ul li {
  margin-left: 20px;
}

#pataka_wrapper_uketsuke section:first-of-type ul li:first-of-type {
  margin-left: 0;
  padding-top: 6px;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

#pataka_wrapper_uketsuke section:first-of-type ul li:nth-of-type(2) {
  width: 48%;
}

#pataka_wrapper_uketsuke section:first-of-type ul li:last-of-type button {
  width: 200px;
}