@charset "utf-8";
/* CSS Document */
body{font-family:'M PLUS 1p', sans-serif!important;
font-weight: 500;font-size: 18px;/*base size*/}
p, li, dt, dd, th, .comtb td, label, button, h1, h2, h3, h4, h5, h6{transform: rotate(0.05deg);text-shadow: 0px 1px 2px #ccc}
.container2 {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
position: relative;
height: 100%;
}

a:link, a:visited{color: #AF1A1C!important}
#gotoTop:hover {background-color: #AF1A1C;}


/* Table ----------------------------------------------------------------------------- */

/*==============フォーム===============*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea, select{border:2px solid #AF1A1C;box-sizing: border-box;width: 100%;padding:10px;border-radius: 5px;
transition:ease 0.5s;cursor: pointer;}
select{margin-bottom: 15px;}
input[type="text"]:hover,
input[type="text"]:active,
input[type="email"]:hover,
input[type="email"]:active,
input[type="tel"]:hover,
input[type="tel"]:active,
input[type="url"]:hover,
input[type="url"]:active,
textarea:hover,
textarea:active,
select:hover,
select:active{border:2px solid #AF1A1C;background: #e3ecee;cursor: auto}

label{cursor: pointer}
input[type="radio"]{opacity: 0;position: absolute;cursor: pointer;}
input[type="radio"] + .radio-label:before {content: ''; background: #f4f4f4; border-radius: 100%;
  border: 2px solid #AF1A1C; display: inline-block; width: 1.4em; height: 1.4em; margin-right: 20px; vertical-align: top;
  cursor: pointer; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;} 
input[type="radio"]:checked + .radio-label:before {background-color: #af1a1c;box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #af1a1c;margin-right: 25px;}
input[type="radio"]:checked + .radio-label::before {/*position: absolute;*/line-height: 1.4em;margin-right: 20px;}
input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #af1a1c;background: #af1a1c;}
input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #af1a1c;background: #af1a1c;}
input[type="radio"] + .radio-label:empty:before {margin-right: 0;}

input[type="checkbox"] {width: 2em; height: 2em;position: absolute;opacity: 0;cursor: pointer;}
input[type="checkbox"] + .chek-label:before {content: ''; background: #f4f4f4; border-radius: 5px;
  border: 2px solid #b4b4b4;display: inline-block; width: 1.4em; height: 1.4em; margin-right: 1em; vertical-align: top;text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
input[type="checkbox"]:checked + .chek-label:before {background-color: #e38a90;box-shadow: inset 0 0 0 4px #f4f4f4;border:2px solid #e38a90;}
input[type="checkbox"]:focus + .chek-label:before {outline: none;border:2px solid #e38a90;}
input[type="checkbox"]:disabled + .chek-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #e38a90;background: #e38a904;}
input[type="checkbox"] + .chek-label:empty:before {margin-right: 0;}

.radio{display:block;padding: 10px 0;position: relative;}


label {display: inline-block;
font-family:'M PLUS 1p', sans-serif!important;font-size: 18px;
letter-spacing: 1px;margin-bottom: 10px;cursor: pointer;}


table {background: #fff;
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

@media screen and (max-width:1000px){th, td{display: block}}
table th, table td {
	padding: 15px;
	    border:1px solid #ccc;
	vertical-align: middle
}
td {text-align: left}
table th {
	font-weight: 700;
}
table th.clear {
	border: 0;
	background: none
}

table tr:nth-child(2n) td {
	background: rgba(0, 0, 0, 0.01)
}
/* table.simple */

table.simple th {
	background: none
}
table.simple th, table.simple td {
	border-width: 0 0 1px
}
table.simple tr:first-child td {
	background: none
}
table.simple tr:last-child td {
	border: none
}
.bg-color,
.bg-color #header-wrap {background-color: #3FA0D8 !important;}
.color { color: #3FA0D8 !important; }
.bg-color {background-color: var(--themecolor, #e3d654) !important;}
.button-fill:before, a.button-red:hover{color:#fff!important}
.pricing-features li {padding: 0.375rem 2rem;}
.text-size-s{font-size: 1.25rem !important;}

.arrow_box{
    position:relative;
    background:#F7DD33;
    width: 90%;margin: auto;
    padding:20px 20px 0 20px;
    text-align:center;
    border:2px solid #1E90FF;
    color:#666666;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:14%;
}
.arrow_box:after{
    border-color: rgba(247, 221, 51, 0);
    border-top-width:20px;
    border-bottom-width:20px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#F7DD33;
}
.arrow_box:before{
    border-color: rgba(30, 144, 255, 0);
    border-top-width:24px;
    border-bottom-width:24px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    margin-top: 2px;
    border-top-color:#1E90FF;
}