/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
.photoBox.clearfix .popupdetails ul,
.photoBox.clearfix .popupdetails ul li,
.photoBox.clearfix .popupdetails ol,
.photoBox.clearfix .popupdetails ol li{
	margin:0 !important;
}
.photoBox.clearfix .popupdetails .txtarea {
	text-align: left;
	background-color: #e5f6f7;
	/*width: 80%;*/
	padding: 20px;
}
.photoBox.clearfix .popupdetails .txtarea3 {
	text-align: left;
	background-color: #e5f6f7;
	width: 80%;
	padding: 20px;
	margin: 0 auto !important;
}
.photoBox.clearfix .popupdetails .txtarea .ultxt,
.photoBox.clearfix .popupdetails .txtarea3 .ultxt {
	list-style-type: square;
    list-style-position: inside;
    line-height: 1.8;
    /* color: #00a7ac; */
    font-size: 1.045rem;
    padding: 0 0 0.98rem 0;
    text-indent: -1.5rem;
    margin-left: 1.5rem !important;
}
.photoBox.clearfix .popupdetails .txtarea .ultxt2 {
	list-style-type: square;
    list-style-position: inside;
    line-height: 1.8;
    /* color: #00a7ac; */
    font-size: 1.045rem;
    padding: 0 0 0.98rem 0;
    text-indent: -1.5rem;
    margin-left: 1.5rem !important;
}
.photoBox.clearfix .popupdetails .txtarea3 .ultxt3 {
	list-style-type: none;
    list-style-position: inside;
    line-height: 1.8;
    font-size: 1.045rem;
    padding: 0 0 0.98rem 0;
    text-indent: -1.5rem;
    margin-left: 2.5rem !important;
    font-weight:bold;
}
.photoBox.clearfix .popupdetails .txtarea3 .ultit{
  margin-left: 1.5rem !important;
  padding: 0 0 0.98rem 0;
  line-height: 2.2;
  list-style-type: none;
  list-style-position: inside;
  font-size: 1.045rem;
}
.remodal .section .explainTxt,
.remodal .section .introduceTxt{
  padding:0 60px 60px;
}
.remodal .section .conWid{
   width:83%;
   font-size:1.045rem;
   margin:0 auto;
   text-align:left;
}
.remodal .section .conWid.changeWid{
  width:93%;
}
.remodal .section .explainTxt p,
.remodal .section .introduceTxt p {
  line-height: 2.2;
}
.remodal .section .point li{
  display: inline-block;
  width:31%;
  text-align: center;
  font-weight:bold;
  font-size:1.045rem;
}
.remodal .section .introduceTxt .conImg{
  margin:60px 0 30px 0;
}
.remodal .section .introduceTxt .conImg div{
  display: inline-block;
}
.remodal .section .introduceTxt .conImg div:nth-child(1){
  width:55%;
}
.remodal .section .introduceTxt .conImg div:nth-child(2){
  width:40%;
  float:right;
}
.remodal .section .introduceTxt .conImg.item1{
  text-align: center;
}
.remodal .section .introduceTxt .conImg.item1 div{
  width:auto;
  float:none !important;
}

.remodal .titleBlock{
  padding:0 100px;
  margin:20px 0  0;
  font-size: 1.045rem;
}
.remodal .titleBlock p{
  text-align: left;
  line-height: 3;
}
.remodal .titleBlock p:nth-child(1){
    background:#e5f6f7;
    padding:10px 60px;
    margin:20px 0;
    text-align: center;
}
.remodal .titleBlock.txtleft p{
    text-align: left;
}
.remodal .flexBox{
  display: flex; 
  align-items: flex-end;
  padding:0 60px;
}
.remodal .flexBox div{
  width:50%;
}
.remodal .remind{
  text-align: left;
  font-weight:bold;
  font-size: 0.95rem;
  margin:25px 0;
  padding:0 40px;
}
.remodal .section .point.item4 li{
  width:22.2%;
}
.remodal .section .introduceTxt .conImg.item3 div{
  display: inline-block;
  float:none;
  margin:0 20px;
}
.remodal .section .introduceTxt .conImg.item3 div:nth-child(1){
  width:30%;
}
.remodal .section .introduceTxt .conImg.item3 div:nth-child(2){
  width:27%;
}
.remodal .section .introduceTxt .conImg.item3 div:nth-child(3){
  width:25.5%;
}
.remodal .section .sectionInner.buy{
  margin-bottom: 60px;
}
.remodal .section .sectionInner.buy p{
  font-size:1rem;
  font-weight:bold;
  margin-top: 30px;
}
.remodal p.rightTxt{
  font-size:17px;
  text-align: left;
  line-height: 3;
  padding-right: 60px;
}

.remodal .section .sectionInner .photoBox.noPadding{
  padding:0 60px 30px;
}

.remodal .section .introduceTxt .conImg.item3Comwid div{
  width:32%;
  display: inline-block;
  float:none;
}

.imgPos{
  padding:0 20px;
  box-sizing: border-box;
}
.mb30 {
	margin-bottom: 30px;
}
.mb60 {
  margin-bottom: 60px;
}
.subti{
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 10px;
    color: #5d5d5d;
}
.blockElement{
  display: block;
}

.datalist {
	margin: 0 40px 30px;
    text-align: left;
    font-size: 1.045rem;
    background-color: #e5f6f7;
    padding: 30px;
    line-height: 1.8;
}
.datalist dt {
	float: left;
}

.datalist dt,
.datalist dd {
	/*color: #00a7ac;*/
}
.dtopt {
	letter-spacing: 2rem;
	margin-right: -1.9rem;
}


@media screen and (max-width: 767px){
.photoBox.clearfix .popupdetails .txtarea {
	width:100% !important;
}
.photoBox.clearfix .popupdetails .txtarea .ultxt,
.photoBox.clearfix .popupdetails .txtarea .ultxt2,
.photoBox.clearfix .popupdetails .txtarea .oltxt {
	 width:84% !important;
}
.datalist {
    margin: 0 0 30px;
    text-align: left;
    font-size: 1rem;
    background-color: #e5f6f7;
    padding: 15px;
    line-height: 1.8;
}
.remodal .section .explainTxt, 
.remodal .section .introduceTxt{
  padding: 0 0 60px;
}
.remodal .section .conWid{
  width:100%;
}
.remodal .section .point li{
  width:100%;
  text-align: left;
  margin:10px 0;
}
.remodal .section .conWid .point{
  margin-bottom:30px !important;
}
.remodal .section .introduceTxt .conImg{

}
.remodal .section .introduceTxt .conImg div:nth-child(1),
.remodal .section .introduceTxt .conImg div:nth-child(2),
.remodal .section .introduceTxt .conImg div:nth-child(3){
  width:90%;
  margin:10px auto;
  display: block;
  float:none;
}
.remodal .section .introduceTxt .conImg{
  margin:30px 0;
}
.remodal .section .explainTxt, .remodal .section .introduceTxt{
  padding: 0 0 30px;
}

.remodal .titleBlock{
  padding:0 10px;
}
.remodal .titleBlock p:nth-child(1){
  padding:10px !important;
  line-height: 1.6;
}
.remodal .flexBox{
  padding:0 10px;
}
.remodal .section .point.item4 li{
  width:100%;
  display: block;
}
.remodal .section .introduceTxt .conImg.item3{
  text-align: center;
}
.remodal .section .introduceTxt .conImg.item3 div:nth-child(1),
.remodal .section .introduceTxt .conImg.item3 div:nth-child(2),
.remodal .section .introduceTxt .conImg.item3 div:nth-child(3){
  width:90%;
  margin:10px auto;
  text-align: center;
}
.remodal .section .sectionInner.buy{
  margin-bottom:30px;
}
.remodal .section .sectionInner.buy img{
  width:90% !important;
}
.remodal .section .sectionInner.buy p{
  margin-top: 15px;
}
.remodal .section .sectionInner .photoBox.noPadding{
  padding:0;
}
.spPadding{
  padding:0 !important;
  margin:0 auto !important;
}

}