header {
    position: fixed;
    top: 0;
    left:0;
	width: 100%;
	height: 35px;
} 
header.font {
	font-size: 24px;
	color:#FFFFFF;
	padding: 20px 0 0 10px;
}
body.pink {
	background-color: #ffcce6;
}
body.blue {
	background-color: #7DD5FF;
}

.top img {
	width: 100%;
}
.wrapper {
 margin: 10px 5px 0 5px;
 display: block;
 padding-bottom: 1rem;
}

.wrapper1 {
	padding: 10px 10px 50px 20px;
	display: block;
	font-size: 18px;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

h1 {
	text-align: center;
}
h2 {
	text-align: center;
	padding-top: 10px;
}
h3 {
	text-align: center;
	font-size: 12px;
	color: #FFF;
}
h4 {
	text-align: left;
	border-bottom: #999 solid 1px;
}

/* 見出し */
.title_text {
	margin: 10px 0 5px;
	border-bottom: #60DAEF 2px solid;
}

/*footer*/

.footer {
	text-align: center;
	height: 30px
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #CCC;
}
.footer p {
	text-align: center;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

/*テキスト*/

.back {
	background-color:#CCCCCC;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	height: 30px;
	color: #FFFFFF;
	padding: 18px 0px 10px 0;
}

.back2 {
	background-color: #FFF;
	font-weight: 300;
	font-size: 18px;
	padding: 15px 5px;
	color: #666;
}

p.nomal {
  word-wrap: break-word;
}

p.break {
  word-wrap: break-word;
}

.details {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	padding-bottom: 20px;
}
.details th{
	width:25%;
	padding:4px;
	text-align: center;
}
.details td{
	padding:4px;
	background-color: #FFF;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.details td img {
	height: 20px;
}
.details th.title {
	text-align: center;
	font-size: 16px;
	background-color: #FFF;
}
.details th.image {
	background-color: #FFF;
	text-align: center;
	border: none;
	width: 100%;
}
.details th.text {
	background-color: #FFF;
	border: none;
}
.select {
	margin: 0 20px;
	text-align: center;
}
.select img {
	width: 230px;
	text-align: center;
}

/*ボタン*/

.btn-cv {
	padding: .5em 0;
	overflow: hidden;
	position: relative;
	clear: both;
}
.btn-cv a {
	border: solid #fff 3px;
	border-radius: 12px;
	box-shadow: 1px 1px 10px 0 #a1a1a1;
	color: #fff;
	display: block;
	font-size: 4.0em;
	font-weight: bold;
	line-height: 1.3;
	margin: 0.5em auto;
	padding: 1em 2em .8em;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	width: 59%;
}
.btn-cv.is-fz20 a {
	font-size: 24px;
}
.btn-cv a img {
	vertical-align: middle;
}
.btn-cv a:after {
	content: ' ' !important;
}

/* ボタン内のアイコン */
.btn-cv a:before {
	content: "▶︎";
	font-family: "fontawesome";
	font-weight: normal;
	font-size: 1.1em;
	margin-top: -.6em;
	position: absolute;
	right: 15px;
	top: 50%;
}
.btn-cv a:hover {
	box-shadow: 1px 1px 2px 0 #a1a1a1;
	filter: alpha(opacity=70);
	opacity: .7;
}

/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
	margin-top: 0;
}

/* 緑ボタン */
.btn-cv a {
	background: #D7100F;
	background: -webkit-linear-gradient(#ff4a4a, #ff002f);
	background: linear-gradient(#ff4a4a, #ff002f);
	text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}

/* 赤ボタン */
.btn-cv.is-red a {
	background: #ff9933;
	background: -webkit-linear-gradient(#00a23f, #39900a);
	background: linear-gradient(#ff9933, #ff6600);
}

/* 青ボタン */
.btn-cv.is-blue a {
	background: #D7100F;
	background: -webkit-linear-gradient(#ff4a4a, #ff002f);
	background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a {
	background: #666;
	background: -webkit-linear-gradient(#8a8a8a, #666);
	background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.is-reflection a {
	overflow: hidden;
}
.is-reflection a:after {
	-moz-animation: is-reflection 4s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-ms-animation: is-reflection 4s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-o-animation: is-reflection 4s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-webkit-animation: is-reflection 4s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	animation: is-reflection 4s ease-in-out infinite;
	background-color: #fff;
	content: " ";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -180px;
	transform: rotate(45deg);
	width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
@keyframes is-reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
	-webkit-animation-name:is-trembling;
	-webkit-animation-duration:.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	-moz-animation-name:is-trembling;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
	0% {-webkit-transform:translate(-3px, 0);}
	100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
	animation: bounce 4s infinite;
	-moz-animation: bounce 4s infinite;
	-webkit-animation: bounce 4s infinite;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
@-webkit-keyframes bounce {
	0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
	5% {-webkit-transform: translateY(-6px);}
	12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
	20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
	32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
	.is-bounce + .is-bounce {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

/* ぷるるるるん！ */
.is-purun {
	-webkit-animation: is-purun 5s infinite;
	-moz-animation: is-purun 5s infinite;
	animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
	0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
	8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
	12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
	18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
	25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
	0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
	4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
	8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
	12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
	18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
	25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}


@media only screen and (max-width: 960px) {
/* コンバージョンボタン */
.btn-cv a {
	font-size: 1.2em;
	margin: 0 auto 1em;
	width: 70%;
}
}


/*配置*/

#wrapper{
  position: relative;
  background-color: 7DD5FF;
}

#wrapper:before{
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.relative {position:relative;}
.absolute {position:absolute;}

@media screen and (max-width: 1801px)
.contents1800 {
    width: 100%;
    margin-left: 0px;
}

.back_white {
    background-color: #fff;
}

.lawtxt_1 {
    width: 87.5%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    z-index: +3;
    position: relative;
}

.lawtxt {
    position: relative;
    /* width: 88.88888889%; */
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    padding-top: 2em;
}

.contents1800 {
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}
/*footer*/


#footerFloatingMenu {
	width: 100%;
    background-color: #C0E3FF;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
}
#footerFloatingMenu td {
	width: 25%;
}

/* 背景画像ループ */
.bg-image-loop {
	width: 100%;
	height: 600px; /* 画像の高さを指定 */
	position: relative;
	background: url(../img/m_back.jpg) repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 23s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	margin: 80px 0;
	padding: 0;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1310px 0; } /* 1518pxとは使用した背景画像の長さ */
}

/* アコーディオン */
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: auto;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
	color: #333;
    font-weight: bold;
    background :#f9ffff;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#eaf4ff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}