/* index_gift */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../font/fa-regular-400.eot");
  src: url("../font/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../font/fa-regular-400.woff2") format("woff2"), url("../font/fa-regular-400.woff") format("woff"), url("../font/fa-regular-400.ttf") format("truetype"), url("../font/fa-regular-400.svg#fontawesome") format("svg"); 
}
@font-face {
  font-family: 'Font Awesome 5 Free s';
  font-style: normal;
  font-weight: 900;
  src: url("../font/fa-solid-900.eot");
  src: url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fa-solid-900.woff2") format("woff2"), url("../font/fa-solid-900.woff") format("woff"), url("../font/fa-solid-900.ttf") format("truetype"), url("../font/fa-solid-900.svg#fontawesome") format("svg"); }


body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-weight:400;
}
.mint {
  font-family: "Noto Serif JP",
	"Hiragino Mincho ProN",
    "YuMincho",
    "Yu Mincho",
    Meiryo,
    "MS PMincho",
    "MS Mincho",
    sans-serif;
  font-weight:300;
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; 
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free s';
  font-weight: 900; }
/*
.grd3 {
	background: -moz-linear-gradient(top, #E33968 0%, #E33968 33%, #F8BDCD 34%, #F8BDCD 66%, #FDE7ED 67%, #FDE7ED 100%);
	background: -webkit-linear-gradient(top, #E33968 0%, #E33968 33%, #F8BDCD 34%, #F8BDCD 66%, #FDE7ED 67%, #FDE7ED 100%);
	background: linear-gradient(to bottom, #E33968 0%, #E33968 33%, #F8BDCD 34%, #F8BDCD 66%, #FDE7ED 67%, #FDE7ED 100%);
}
*/
.grd3 {
	background: -moz-linear-gradient(top, #32a486 0%, #32a486 33%, #77d5bd 34%, #77d5bd 66%, #c6ede2 67%, #c6ede2 100%);
	background: -webkit-linear-gradient(top, #32a486 0%, #32a486 33%, #77d5bd 34%, #77d5bd 66%, #c6ede2 67%, #c6ede2 100%);
	background: linear-gradient(to bottom, #32a486 0%, #32a486 33%, #77d5bd 34%, #77d5bd 66%, #c6ede2 67%, #c6ede2 100%);
}

.deg135 {
	background: -moz-linear-gradient(135deg, #32a486 0%, #32a486 50%, #FFF3E7 51%, #FFF3E7 100%);
	background: -webkit-linear-gradient(135deg, #32a486 0%, #32a486 50%, #FFF3E7 51%, #FFF3E7 100%);
	background: linear-gradient(135deg, #32a486 0%, #32a486 50%, #FFF3E7 51%, #FFF3E7 100%);
}
.deg1352 {
	background: -moz-linear-gradient(135deg, #4bacc6 0%, #4bacc6 50%, #f6fcfa 51%, #f6fcfa 100%);
	background: -webkit-linear-gradient(135deg, #4bacc6 0%, #4bacc6 50%, #f6fcfa 51%, #f6fcfa 100%);
	background: linear-gradient(135deg, #4bacc6 0%, #4bacc6 50%, #f6fcfa 51%, #f6fcfa 100%);
}
.bc-dh {
	background-color:#FFF3E7;
	border:1px solid #ffdcb9;
}
.bc-dh2 {
	background-color:#f6fcfa;
	border:1px solid #cfefe4;
}

.bc-1 {
	background-color:#32a486 !important;
}
.bc-2 {
	background-color:#77d5bd !important;
}
.bc-3 {
	background-color:#c6ede2 !important;
}
.fc-1 {
	color:#5e3e3e !important;
}

.fc-b {
	color:#00bcd4 !important;
}
.fc-g {
	color:#96c946 !important;
}

.bc-1b {
    color: #fff;
	background-color:#32a486;
    border-color: #32a486;
}
.bc-1b:hover {
    color: #fff;
    background-color: #278369;
    border-color: #278369;
}

.bc-xb {
    color: #fff;
	background-color:#00238c;
    border-color: #00238c;
}
.bc-xb:hover {
    color: #fff;
    background-color: #0036d9;
    border-color: #0036d9;
}
.bc-xb-c {
    color: #000;
	background-color:#bbbbbb;
    border-color: #bbbbbb;
}
.bc-xb-c:hover {
    color: #000;
    background-color: #aaaaaa;
    border-color: #aaaaaa;
}

.form-control::-webkit-input-placeholder{
	color:#6c757d;opacity:0.5
}
.form-control::-moz-placeholder{
	color:#6c757d;opacity:0.5
}
.form-control:-ms-input-placeholder{
	color:#6c757d;opacity:0.5
}
.form-control::-ms-input-placeholder{
	color:#6c757d;opacity:0.5
}
.form-control::placeholder{
	color:#6c757d;opacity:0.5
}
.form-control.is-invalid {
	background-image:none !important;
}

a.anc-QA {
	text-decoration:underline !important;
}
.shadow-x {
  box-shadow: 0px 6px 8px -3px rgba(0,0,0,0.24) !important;
}

.form-control {
	color:#000 !important;
}

.badge-danger {
	background-color:#ff7373;
}
/* custom radio button */
.cmn-radio, 
.cmn-checkbox {
    display: inline-block;
    margin-right: 6px;
}
.cmn-radio + label,
.cmn-checkbox + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    line-height: 30px;
	font-weight:normal;	
	
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .cmn-radio,
    .cmn-checkbox {
        display: none;
        margin: 0;
    }
    .cmn-radio + label,
    .cmn-checkbox + label {
        padding: 0 0 0 24px;
    }
    .cmn-radio + label::before {
        
		content: "\f111";
        font-family: "Font Awesome 5 Free";
		
		position: absolute;
        top: 50%;
        left: 0;
		margin-top: -10px;
		line-height:1;
		font-size:20px;
		color:#333333;
		
    }
    .cmn-radio:checked + label::after {

		content: "\f192";
        font-family: "Font Awesome 5 Free";
		
		position: absolute;
        top: 50%;
        left: 0;
		margin-top: -10px;
		line-height:1;
		font-size:20px;
		color:#0a6ebd;

    }
    .cmn-checkbox + label::before {
        
		content: "\f0c8";
        font-family: "Font Awesome 5 Free";
		
		position: absolute;
        top: 50%;
        left: 0;
		margin-top: -9px;
		line-height:1;
		font-size:20px;
		color:#333333;
    }
    .cmn-checkbox:checked + label::after {

		content: "\f14a";
        font-family: "Font Awesome 5 Free";
		
		position: absolute;
        top: 50%;
        left: 0;
		margin-top: -9px;
		line-height:1;
		font-size:20px;
		color:#0a6ebd;

    }
    .cmn-checkbox[disabled] + label::before {
        
		content: "\f0c8";
        font-family: "Font Awesome 5 Free";
		
		position: absolute;
        top: 50%;
        left: 0;
		margin-top: -9px;
		line-height:1;
		font-size:20px;
		color:#cccccc;
    }
    .cmn-checkbox[disabled]:checked + label::after {

		content: "\f14a";
        font-family: "Font Awesome 5 Free";
		
		position: absolute;
        top: 50%;
        left: 0;
		margin-top: -9px;
		line-height:1;
		font-size:20px;
		color:#cccccc;

    }
    .cmn-checkbox[disabled] + label {
		color:#888888;
    }
}