@charset "utf-8";

body {
 margin: 0px auto;
 width: 1200px;
 padding: 0;
 text-align: center;
 border: 0px solid;
 font-size: 16px;
 font-family:"ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 line-height: 0;
 overflow-x: hidden;
}

a {
 text-decoration: none;
}
a:hover { text-decoration : underline; }

a.noline {
 text-decoration: none;
}
a.noline:hover { text-decoration : none; }

a.lk_w {
 color: #ffffff;
}

a.hvr1 {
    color: #ffffff;
}
a.hvr1:hover {
    display: block;
    color: #333333;
    background-color: #ffffff;
	text-align: center;
	-webkit-border-radius: 150px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
    z-index: 5;
}

a.hvr2:hover {
    font-weight: bold;
}

h1 {
 margin: 0px auto;
 font-size: 140%;
 line-height: 140%;
 padding: 0px 0px 0px 0px;
}


h2 {
 margin: 0px auto;
 font-size: 100%;
 line-height: 120%;
 padding: 0px 0px 0px 0px;
}

.h2bg {
 position: relative;
 padding: 0px 0px 0px 20px;
 border: 2px solid #dadada;
 z-index: -1;
}
.h2bg::after {
 position: absolute;
 top: 7px;
 left: 7px;
 content: '';
 width: 6px;
 height: -webkit-calc(100% - 1em);
 height: calc(100% - 1em);
 background-color: #3175d7;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

h3 {
 font-size: 100%;
 line-height: 120%;
 padding: 0px 0px 0px 0px;
}

.h3bg {
 position: relative;
 margin: 0px auto 0px 0px;
 padding: 1px 0px 1px 22px;
 border-left: 2px solid #dadada;
 border-right: 2px solid #dadada;
 background: -moz-linear-gradient(to top, #5813ca, #834ae2);
 background: -webkit-linear-gradient(to top, #5813ca, #834ae2);
 background: linear-gradient(to top, #5813ca, #834ae2);
 z-index: -1;
}
.h3bg::after {
 position: absolute;
 top: 7px;
 left: 8px;
 content: '';
 width: 4px;
 height: -webkit-calc(100% - 1em);
 height: -moz-calc(100% - 1em);
 height: calc(100% - 1em);
 background-color: #ffffff;
}

.h3bg1 {
 position: relative;
 margin: 0px auto 0px 0px;
 padding: 1px 0px 1px 22px;
 border-left: 2px solid #dadada;
 border-right: 2px solid #dadada;
 background: -moz-linear-gradient(to top, #5813ca, #834ae2);
 background: -webkit-linear-gradient(to top, #5813ca, #834ae2);
 background: linear-gradient(to top, #5813ca, #834ae2);
}
.h3bg1::after {
 position: absolute;
 top: 7px;
 left: 8px;
 content: '';
 width: 4px;
 height: -webkit-calc(100% - 1em);
 height: calc(100% - 1em);
 background-color: #ffffff;
}

.h3bg2 {
 position: relative;
 margin: 0px auto 0px 0px;
 padding: 1px 0px 1px 22px;
 border-left: 2px solid #dadada;
 border-right: 2px solid #dadada;
 background: -moz-linear-gradient(to top, #134bca, #4a99e2);
 background: -webkit-linear-gradient(to top, #134bca, #4a99e2);
 background: linear-gradient(to top, #134bca, #4a99e2);
}
.h3bg2::after {
 position: absolute;
 top: 7px;
 left: 8px;
 content: '';
 width: 4px;
 height: -webkit-calc(100% - 1em);
 height: calc(100% - 1em);
 background-color: #ffffff;
}

.h4bg1 {
 padding: 0.5em 0.5em;
 background: #ffffff;
 border-left: 12px solid #00b0f0;
 border-bottom: 2px solid #aaaaaa;
}

/* 枠
padding [上][右][下][左]
*/
div.main {
 width: 970px;
 margin-top: 0;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 padding: 0;
}

div.main_sm {
 width: 970px;
 margin-top: 0;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 padding: 0;
}

#canvasbox {
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    width: 100%;
    height: 46px;
}



.link_box a:hover {
 text-decoration: none;
}

.l_style1 {
 font-weight: bold;
 padding: 0.5em 0.6em;
 background: #ffffff;
 border-left: 4px solid #8945e0;
 border-bottom: 2px solid #dadada;
}
.l_style2 {
 font-weight: bold;
 padding: 0.5em 0.6em;
 background: #ffffff;
 border-left: 4px solid #2e74d4;
 border-bottom: 2px solid #dadada;
}

.bgwaku1 {
 padding: 0.4em 2em 0.3em 2em;
 background: #ec8f4b;
 font-weight: bold;
}

.bgwaku2 {
 padding: 0.4em 2em 0.3em 2em;
 background: #60c1dd;
 font-weight: bold;
}

.flexBox {
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}

.flexBox_link {
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}
.flexBox_link:hover {
 background-color: #f0e0d0;
}

.flexBox2 {
 width: 98%;
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
 padding: 3px;
}

.flexBox3 {
 width: 94%;
 margin: 0 0 10px 0;
 border: 1px solid #d0d0d0;
 border-radius: 8px;
 background: #ffffff;
 padding: 10px;
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}

.flexBox4 {
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: column;
 -moz-flex-direction: column;
 -o-flex-direction: column;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
}


dl.search{
 margin: 5px 0px 10px 0px;
 position:relative;
 background-color:#fff;
 border:1px solid #aaa;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -o-border-radius:6px;
 -ms-border-radius:6px;
 border-radius:6px;
}
dl.search dt{
 margin-right:0px;
 padding:4px 0 4px 4px;
}
dl.search dt input{
 width:100%;
 height:20px;
 line-height:20px;
 background:none;
 border:none;
}
dl.search dd{
 position:absolute;
 top:0;
 right:0;
}
dl.search dd button{
 display:block;
 padding:5px;
 background:none;
 border:none;
}
dl.search dd button span{
 display:block;
 width:18px;
 height:18px;
 background:url('./image/search.png') no-repeat scroll 0 0;
}



/*赤*/
.square_btn1 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #f53555;/*色*/
    border-radius: 28px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 70%;
    line-height: 150%;
    font-weight: bold;
    width: 56px;
    height: 56px;
    border: solid 2px #d27d00;/*線色*/
}

.square_btn1:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*ブルー*/
.square_btn2 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #3a82f7;/*色*/
    border-radius: 28px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 70%;
    line-height: 150%;
    font-weight: bold;
    width: 56px;
    height: 56px;
    border: solid 2px #15748e;/*線色*/
}

.square_btn2:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*緑*/
.square_btn3 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #26d416;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    border: solid 2px #307f29;/*線色*/
}

.square_btn3:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*赤*/
.square_btn1_m {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #f53555;/*色*/
    border-radius: 40px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 50%;
    line-height: 150%;
    font-weight: bold;
    width: 40px;
    height: 30px;
    border: solid 2px #d27d00;/*線色*/
}

.square_btn1_m:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*ブルー*/
.square_btn2_m {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #3a82f7;/*色*/
    border-radius: 40px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 50%;
    line-height: 150%;
    font-weight: bold;
    width: 40px;
    height: 30px;
    border: solid 2px #15748e;/*線色*/
}

.square_btn2_m:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*ブルー*/
.square_btn2_m2 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #3a82f7;/*色*/
    border-radius: 40px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 90%;
    line-height: 80%;
    font-weight: bold;
    width: 70px;
    height: 20px;
    border: solid 2px #15748e;/*線色*/
}

.square_btn2_m2:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*黒*/
.square_btnb_m2 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #000000;/*色*/
    border-radius: 40px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 90%;
    line-height: 80%;
    font-weight: bold;
    width: 70px;
    height: 20px;
    border: solid 2px #cccccc;/*線色*/
}

.square_btnb_m2:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/*緑*/
.square_btn3_m {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #26d416;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 50%;
    line-height: 150%;
    font-weight: bold;
    width: 50px;
    height: 30px;
    border: solid 2px #307f29;/*線色*/
}

.square_btn3:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/*グレー*/
.square_btn4 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #919191;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    border: solid 2px #636363;/*線色*/
}

.square_btn4:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn5 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #8585f5;/*色*/
    border-radius: 20px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 90%;
    font-weight: bold;
    line-height: 120%;
    border: solid 2px #0050ff;/*線色*/
    width: 98%;
}

.square_btn5:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn6 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #808010;/*色*/
    border-radius: 10px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    border: solid 2px #505000;/*線色*/
}

.square_btn6:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn7 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #a5a5a5;/*色*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
    border-radius: 20px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 80%;
    font-weight: bold;
    line-height: 120%;
    border: solid 2px #808080;/*線色*/
    width: 98%;
}

.square_btn7:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn8 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #858540;/*色*/
    border-radius: 20px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-size: 80%;
    font-weight: bold;
    line-height: 120%;
    height:32px;
    border: solid 2px #a0a000;/*線色*/
    width: 98%;
}

.square_btn8:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


.ddm { /*ドロップダウンメニュー*/
	width: 342px; /*元285*/
	height: 60px; /*元50*/
	padding: 0;
	display: flex;
}
.ddm li {
	position: relative;
	list-style: none;
	z-index: 10;
}
.ddm .mbmenu {
	display: block;
	padding: 5px;
	width: 342px; /*元285*/
	height: 1.8em;
	text-align: center;
	border: 3px solid #c1c1c1;
	background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.ddm li a {
	display: block;
	width: 342px; /*元285*/
	height: 60px; /*元50*/
	transition: 0.5s;
	text-decoreation: none;
}
.ddm li ul {
	top: 60px; /*元50*/
	left: 12px; /*元10*/
	position: absolute;
}
.ddm li ul li {
	overflow: hidden;
	height: 0;
	transition: 0.2s;
}
.ddm li:hover > ul > li {
	overflow: visible;
	height: 60px; /*元50*/
}
.ddm li ul li ul {
	top: 0;
	left: 282px; /*元235*/
}

.ddm2 { /*ドロップダウンメニュー2*/
	width: 285px; /*元285*/
	height: 50px; /*元50*/
	padding: 0;
	display: flex;
}
.ddm2 li {
	position: relative;
	list-style: none;
	z-index: 10;
}
.ddm2 li a { /*ok*/
	display: block;
	width: 0px; /*元285*/
	height: 0px; /*元50*/
	transition: 0.5s;
	text-decoreation: none;
}
.ddm2 li ul { /*ok*/
	top: 48px; /*元50*/
	left: 630px; /*元10*/
	position: absolute;
}
.ddm2 li ul li {
	overflow: hidden;
	height: 0;
	transition: 0.2s;
}
.ddm2 li:hover > ul > li { /*ok*/
	overflow: visible;
	height: 50px; /*元50*/
}
.ddm2 li ul li ul {
	top: 0;
	left: -325px; /*元235*/
}


.bgchg {
	margin: auto;
	background-color: #fff3dc;
	position: relative;
    z-index: -5;
}

.bgchg img {
	width: 100%;
	animation-name: bgchg;
	-webkit-animation-name: bgchg;
	-moz-animation-name: bgchg;
	animation-duration: 24s;
	-webkit-animation-duration: 24s;
	-moz-animation-duration: 24s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	opacity: 0;
}

.bgchg .img1 {
	display: block;
	margin: 0 auto;
}

.bgchg .img2 {
	animation-delay:8s;
	-webkit-animation-delay:8s;
	-moz-animation-delay:8s;
	position: absolute;
	top: 0;
	left: 0;
}

.bgchg .img3 {
	animation-delay:16s;
	-webkit-animation-delay:16s;
	-moz-animation-delay:16s;
	position: absolute;
	top: 0;
	left: 0;
}

@keyframes bgchg {
	0% {
		opacity: 0;
	}
	
	11% {
		opacity: 1;
	}

	22% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
}

@-webkit-keyframes bgchg {
	0% {
		opacity: 0;
	}
	
	11% {
		opacity: 1;
	}

	22% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
}
@-moz-keyframes bgchg {
	0% {
		opacity: 0;
	}
	
	11% {
		opacity: 1;
	}

	22% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
}


.subbg {
	margin-top: 35px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	width: 100%;
	background-size: cover;
}
.greenbg {
	background-color: rgba(150,214,81,0.7);
	-webkit-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	-moz-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	-o-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	-ms-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
}
.orangebg {
	background-color: rgba(245,185,67,0.7);
	-webkit-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	-moz-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	-o-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	-ms-border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
	border-radius: 15px 0px 0px 15px / 15px 0px 0px 15px;
}
.bluebg {
	background-color: rgba(88,183,232,0.7);
	-webkit-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	-o-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	-ms-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
}
.redbg {
	background-color: rgba(247,85,104,0.7);
	-webkit-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	-o-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	-ms-border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px / 0px 15px 15px 0px;
}

.waku_b {
	border: 1px solid #6e83de;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}
.yajir_b {
	margin: 80px 0px 0px 15px;
	width: 0px;
	height: 0px;
	/* border-topとborder-bottomの太さを同一にすると、三角の頂点が真ん中になる */
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	/* border-leftの大きさを大きくすると、横に大きくなる */
	border-left: 20px solid #6e83de;
	border-right: 0px solid transparent;
}
.waku_b3 {
	border: 1px solid #6e83de;
    background-color: #e5e3ff;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.waku_g { /* 保険説明大グリーン */
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #5cb01e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_g2 {
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #5cb01e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_g2:hover {
	background-color: #bdfec4;
}
.waku_g2 a {
	text-decoration: none;
}
.waku_g3 {
	border: 1px solid #5cb01e;
    background-color: #bdfec4;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}
.waku_g5 {
	margin: 10px;
	padding: 5px 10px;
    background-color: #bdfec4;
	border: 2px solid #5cb01e;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}
.waku_g6 {
	margin: 10px;
	padding: 5px 10px;
	background-color: rgba(255,255,255,0.6);
	z-index: 5;
	border: 2px solid #0000ff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}
.waku_o { /* 保険説明大オレンジ */
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #fa9b67;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_o2 {
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #fa9b67;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_o2:hover {
	background-color: #ffcaad;
}
.waku_o2 a {
	text-decoration: none;
}
.waku_o3 {
	border: 1px solid #fa9b67;
    background-color: #fff7de;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}
.waku_o4 {
    margin: 10px 0px;
    border: 2px solid #aaaaaa;
    background: #f8cbad;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_o5 {
    padding: 5px;
    border: 2px solid #aaaaaa;
    background-color: #fa9b67;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}
.waku_b1 { /* 保険説明大ブルー */
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #5369ed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_b2 {
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #5369ed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_b2:hover {
	background-color: #9daafa;
}
.waku_b2 a {
	text-decoration: none;
}
.waku_b4 {
	margin: 0px 5px 0px 5px;
	padding: 5px;
	background-color: #5369ed;
	border: 1px solid #5369ed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.waku_b5 {
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #5369ed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_b5:hover {
	background-color: #90c8b0;
}
.waku_b5 a {
	text-decoration: none;
}

.waku_b6 {
	border: 5px solid #6e83de;
    background-color: #ffffff;
	text-align: center;
}

.waku_r1 { /* 保険説明大レッド */
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #f75568;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_r2 {
	margin: 10px 40px 20px 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #f75568;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_r2:hover {
	background-color: #fb8996;
}
.waku_r2 a {
	text-decoration: none;
}
.waku_r3 {
	margin: 0px 5px 0px 5px;
	padding: 5px;
	background-color: #ff2b2b;
	border: 1px solid #ff2b2b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.waku_b7 {
    margin: 10px 0px;
    border: 2px solid #9dc3e6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_b8 {
    margin: 10px 0px;
    border: 2px solid #aaaaaa;
    background: #5b9bd5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_b9 {
    margin: 10px 0px;
    border: 2px solid #aaaaaa;
    background: #00b0f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_b9m {
    margin: 10px 0px;
    border: 2px solid #aaaaaa;
    background: #b0b0b0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.waku_b10 {
    border-right: 2px solid #aaaaaa;
    border-bottom: 2px solid #aaaaaa;
    background: linear-gradient(#4472c4, #74a2e4);
	-webkit-border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	-o-border-radius: 0px 15px 15px 0px;
	-ms-border-radius: 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px;
}

.waku_g7 {
    margin: 10px 0px;
    padding: 0px 10px;
    border: 2px solid #aaaaaa;
}
.waku_g8 {
    margin: 10px 0px;
    border: 2px solid #aaaaaa;
    background: #a9d18e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_g9 {
    margin: 0px 10px;
    border: 2px solid #aaaaaa;
    background: #a9d18e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_g10 {
    margin: 2px 10px 2px 2px;
    border: 1px solid #c5e0b4;
    background: #c5e0b4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.waku_gr1 {
    border: 2px solid #737373;
    background: #aaaaaa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.waku_gr1:hover {
    background: #333333;
}
.waku_w1 {
    margin: 22px 12px;
    padding: 10px 0px 5px 0px;
    background: #ffffff;
    border: 2px solid #aaaaaa;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
    text-align: center;
}

.btn_g01 {
    background-image:-moz-linear-gradient(
    top,
    #a0c6fb 0%,
    #a0c6fb 49%,
    #6696d8 50%,
    #6696d8);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#a0c6fb),
    color-stop(0.49,#a0c6fb),
    color-stop(0.50,#6696d8),
    to(#6696d8));
}
.btn_g02 {
    margin: 0 auto;
    padding: 5px;
	border: 3px solid #6696d8;
	background-color: #a0c6fb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.btn_g02:hover {
	background-color: #6086f1;
}
.btn_g03 {
    margin: 0 auto;
    padding: 5px;
	border: 3px solid #dd8143;
	background-color: #f0a979;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.btn_g03:hover {
	background-color: #ed864d;
}

.btn_o1 { /* 保険試算オレンジ */
	height: 74px;
	background-color: #f9b65d;
	border-right: 2px solid #c18435;
	border-bottom: 2px solid #c18435;
}
.btn_o1:hover {
	background-color: #f9cd93;
}
.btn_o1 a {
	text-decoration: none;
}
.btn_b1 { /* お問合せブルー */
	height: 74px;
	background-color: #58b7e8;
	border-right: 2px solid #2a78a0;
	border-bottom: 2px solid #2a78a0;
}
.btn_b1:hover {
	background-color: #89cff3;
}
.btn_b1 a {
	text-decoration: none;
}
.btn_b2 { /* 弁護士相談ブルー */
	height: 74px;
	background-color: #6e83de;
	border-right: 2px solid #2a78a0;
	border-bottom: 2px solid #2a78a0;
}
.btn_b2:hover {
	background-color: #99aaf6;
}
.btn_b2 a {
	text-decoration: none;
}
.btn_g1 { /* 資料請求グリーン */
	height: 74px;
	background-color: #78ec3f;
	border-right: 2px solid #489e1d;
	border-bottom: 2px solid #489e1d;
}
.btn_g1:hover {
	background-color: #99f46c;
}
.btn_g1 a {
	text-decoration: none;
}
.btn_p1 { /* こちら電話パープル */
	height: 74px;
	background-color: #dd31e9;
	border-right: 2px solid #a219b1;
	border-bottom: 2px solid #a219b1;
}
.btn_p1:hover {
	background-color: #e859f5;
}
.btn_p1 a {
	text-decoration: none;
}
.btn_r1 { /* 申込レッド */
	height: 74px;
	background-color: #f76273;
	border-right: 2px solid #d94254;
	border-bottom: 2px solid #d94254;
}
.btn_r1:hover {
	background-color: #fb8e9b;
}
.btn_r1 a {
	text-decoration: none;
}

.ipt_tx01 {
 margin: 10px 10px 0px 10px;
 padding: 5px;
 font-size: 120%;
 border: 1px solid #c1c1c1;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -o-border-radius: 3px;
 -ms-border-radius: 3px;
 border-radius: 3px;
}
.ipt_ta01 {
 resize: none;
 margin: 10px 10px 0px 10px;
 padding: 5px;
 width: 90%;
 height: 5em;
 line-height: 140%;
 font-family: "MS ゴシック", "MS Gothic", Meiryo, "游ゴシック体", YuGothic ,"YUGothic M";
 font-size: 120%;
 border: 1px solid #c1c1c1;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -o-border-radius: 3px;
 -ms-border-radius: 3px;
 border-radius: 3px;
}

.maru1 {
 display: inline-flex;
 margin: 15px 5px 5px 15px;
 width: 25px;
 height: 25px;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 background: #f78461;
}
.maru2 {
 display: inline-flex;
 margin: 15px 5px 5px 15px;
 width: 25px;
 height: 25px;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 background: #2e69d5;
}


.maru40_w {
 text-align: center;
 line-height: 40px;
 vertical-align: middle;
 width: 40px;
 height: 40px;
 background: #ffffff;
 -moz-border-radius: 40px;
 -webkit-border-radius: 40px;
 -o-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;
}
.maru40s_w { /* オレンジ */
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.maru40s_w:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.maru40s_w:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 11px transparent;
    border-left: solid 22px #f9b65d;
    position: absolute;
    top: 8px;
    left: 10px;
}
.maru40s_w2 { /* ブルー */
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.maru40s_w2:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.maru40s_w2:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 11px transparent;
    border-left: solid 22px #58b7e8;
    position: absolute;
    top: 8px;
    left: 10px;
}
.maru40s_w3 { /* グリーン */
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.maru40s_w3:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.maru40s_w3:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 11px transparent;
    border-left: solid 22px #78ec3f;
    position: absolute;
    top: 8px;
    left: 10px;
}
.maru40s_w4 { /* パープル */
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.maru40s_w4:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.maru40s_w4:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 11px transparent;
    border-left: solid 22px #da32e9;
    position: absolute;
    top: 8px;
    left: 10px;
}
.maru40s_w5 { /* レッド */
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.maru40s_w5:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.maru40s_w5:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 11px transparent;
    border-left: solid 22px #f76273;
    position: absolute;
    top: 8px;
    left: 10px;
}
.maru40s_w6 { /* 濃ブルー */
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.maru40s_w6:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.maru40s_w6:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 11px transparent;
    border-left: solid 22px #6e83de;
    position: absolute;
    top: 8px;
    left: 10px;
}

.maru80_b1 { /* ブルーガラス風 */
	padding: 0;
	margin: 40px 0px;
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	background: -webkit-radial-gradient(50% 80%, circle, #00d1f2, #0055c1);
	background: -moz-radial-gradient(50% 80%, circle, #00d1f2, #0055c1);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5),
				0 2px 10px rgba(0, 100, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5),
				0 2px 10px rgba(0, 100, 255, 0.7),
				inset 0 0 10px rgba(0, 0, 150, 0.6);

}
.maru80_b1 .glare {
	position: absolute;
	-webkit-border-radius: 80px
	-moz-border-radius: 80px;
	border-radius: 80px;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(top,
					 rgba(250, 250, 255, 1) 0%,
					 rgba(250, 250, 255, 0.7) 10%,
					 rgba(250, 250, 255, 0) 100%);
	z-index: 3;
	top: -14px;
	-webkit-transform: scale(0.8, 0.6);
	-moz-ransform: scale(0.8, 0.6);
}
.maru80_b1 .ttxt1 {
	display: block;
	color: rgba(255, 255, 255, 0.9);
	font-weight: bold;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5),
				0px 0px 4px rgba(255, 255, 255, 1);
	position: absolute;
	text-align: center;
	top: 20px;
	width: 80px;
	height: 80px;
	z-index: 1;
}

.sikaku30_b1 {
 display: inline-flex;
 margin: 15px 5px 5px 15px;
 justify-content: center;
 align-items: center;
 width: 30px;
 height: 30px;
 background-color: #9895ff;
 border: 1px solid #6243e3;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -o-border-radius: 5px;
 -ms-border-radius: 5px;
 border-radius: 5px;
}
.sikaku10_b1 {
 background: #9895ff;
 border: 1px solid #6243e3;
 padding: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -o-border-radius: 3px;
 -ms-border-radius: 3px;
 border-radius: 3px;
}

.sankaku30_y1 {
 display: inline-flex;
 margin: 12px 5px 5px 15px;
 justify-content: center;
 align-items: conter;
 width: 0px;
 height: 0px;
 border-right: 20px solid transparent;
 border-bottom: 35px solid #e4d633;
 border-left: 20px solid transparent;
}
.sankaku10_b1 {
 display: inline-flex;
 margin: 4px 1px 1px 4px;
 justify-content: center;
 align-items: conter;
 width: 0px;
 height: 0px;
 border-right: 7px solid transparent;
 border-bottom: 7px solid transparent;
 border-left: 11px solid #6243e3;
}

.yajibg_b1 {
 margin: 0 auto;
 padding-top: 15px;
 width: 150px; /* 四角幅 */
 height: 95px; /* 四角高さ */
 background: #9895ff;
 position: relative;
}
.yajibg_b1:after {
 border-left: 40px solid #9895ff;
 border-top: 55px solid transparent;
 border-bottom: 55px solid transparent;
 content: "";
 position: absolute;
 left: 50%;
 top: 0;
 margin-left: 75px;
}
.yajibg_b1 p {
 position: relative;
 padding-left: 10px;
 z-index: 5;
}

.nav-wrapper {
	width: 970px;
	height: 134px;
	margin: 0 auto;
}
.nav {
	margin: 0 auto;
	top: 0px;
	width: 970px;
	height: 134px;
	z-index: 10;
}

.nav.is-fixed {
	position: fixed;
}

.bgchg {
	margin: auto;
	background-color: white;
	position: relative;
}

.bgchg img {
	width: 100%;
	animation-name: bgchg;
	-webkit-animation-name: bgchg;
	-moz-animation-name: bgchg;
	animation-duration: 24s;
	-webkit-animation-duration: 24s;
	-moz-animation-duration: 24s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	opacity: 0;
}

.bgchg .img1 {
	display: block;
	margin: 0 auto;
}

.bgchg .img2 {
	animation-delay:8s;
	-webkit-animation-delay:8s;
	-moz-animation-delay:8s;
	position: absolute;
	top: 0;
	left: 0;
}

.bgchg .img3 {
	animation-delay:16s;
	-webkit-animation-delay:16s;
	-moz-animation-delay:16s;
	position: absolute;
	top: 0;
	left: 0;
}

@keyframes bgchg {
	0% {
		opacity: 0;
	}
	
	11% {
		opacity: 1;
	}

	22% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
}

@-webkit-keyframes bgchg {
	0% {
		opacity: 0;
	}
	
	11% {
		opacity: 1;
	}

	22% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
}
@-moz-keyframes bgchg {
	0% {
		opacity: 0;
	}
	
	11% {
		opacity: 1;
	}

	22% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
}


.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label:hover { 
    cursor: pointer;
    text-decoration: underline;
    color: #0000ff;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 90%;
    height: 80%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の800x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 800px;
         height: 600px;
         padding: 30px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 370px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}

#txchg1 {
	position: relative;
	width: 502px;
	height: 250px;
	overflow: hidden;
	padding: 0!important;
}
.txdata1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0!important;
}
#txdata1_1 {
	-moz-animation: fadeinout 32s 0s infinite;
	-webkit-animation: fadeinout 32s 0s infinite;
	animation: fadeinout 32s 0s infinite;
	opacity: 0;
}
#txdata1_2 {
	-moz-animation: fadeinout 32s 8s infinite;
	-webkit-animation: fadeinout 32s 8s infinite;
	animation: fadeinout 32s 8s infinite;
	opacity: 0;
}
#txdata1_3 {
	-moz-animation: fadeinout 32s 16s infinite;
	-webkit-animation: fadeinout 32s 16s infinite;
	animation: fadeinout 32s 16s infinite;
	opacity: 0;
}
#txdata1_4 {
	-moz-animation: fadeinout 32s 24s infinite;
	-webkit-animation: fadeinout 32s 24s infinite;
	animation: fadeinout 32s 24s infinite;
	opacity: 0;
}
@-moz-keyframes fadeinout {
	0% { left: 0%; opacity: 0; }
	5% { left: 0%; opacity: 1; }
	20% { left: 0%; opacity: 1; }
	25% { left: 0%; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	99.99% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 0; }
}
@-webkit-keyframes fadeinout {
	0% { left: 0%; opacity: 0; }
	5% { left: 0%; opacity: 1; }
	20% { left: 0%; opacity: 1; }
	25% { left: 0%; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	99.99% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 0; }
}
@keyframes fadeinout {
	0% { left: 0%; opacity: 0; }
	5% { left: 0%; opacity: 1; }
	20% { left: 0%; opacity: 1; }
	25% { left: 0%; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	99.99% { left: 100%; opacity: 0; }
	100% { left: 0%; opacity: 0; }
}


.ttbg1 {
    margin: 0 auto;
	top: 0;
    width: 970px;
	display: block;
}

.ttbg2 {
	position: absolute;
    margin: 0 auto;
    top: 20px;
    width: 970px;
	z-index: 5;
}

.ttbg4 {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 400px;
	z-index: 6;
}

.ttbg5 {
	position: absolute;
	right: 240px;
	top: 19px;
	width: 270px;
	z-index: 6;
	border: 2px solid #f78461;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
}

.ttbg6 {
	position: absolute;
    right: 11px;
    top: 28px;
    width: 209px;
	z-index: 6;
}
.ttbg7 {
	position: absolute;
    right: 11px;
    top: 70px;
    width: 209px;
	z-index: 6;
}

.ttbg8 {
	position: absolute;
	margin: 0 auto;
	top: 5px;
	left: 0;
	right: 0;
	width: 100%;
	height: 29px;
	text-align: center;
	background-color: rgba(199,207,255,0.5);
	z-index: 5;
}
.ttbg9 {
	position: absolute;
	margin: 0 auto;
	top: 34px;
	width: 100%;
	height: 76px;
	background-color: rgba(255,255,255,0.9);
	z-index: 5;
}
.ttbg10 {
	position: absolute;
	left: 10px;
	top: 12px;
	width: 50px;
	z-index: 5;
}
.ttbg11 {
	position: absolute;
	left: 400px;
	top: 14px;
	width: 50px;
	z-index: 5;
}
.ttbg12 {
	position: absolute;
	right: 217px;
	top: 16px;
	width: 48px;
	z-index: 5;
}
.ttbg13 {
	position: absolute;
	right: 166px;
	top: 16px;
	width: 48px;
	z-index: 5;
}
.ttbg14 {
	position: absolute;
	right: 115px;
	top: 16px;
	width: 48px;
	z-index: 5;
}
.ttbg15 {
	position: absolute;
	right: 64px;
	top: 16px;
	width: 48px;
	z-index: 5;
}
.ttbg15b {
	position: absolute;
	right: 64px;
	top: 16px;
	width: 99px;
	z-index: 5;
}
.ttbg16 {
	position: absolute;
	right: 13px;
	top: 16px;
	width: 48px;
	z-index: 5;
}
.ttbg16b {
	position: absolute;
	left: 909px;
	top: 0px;
	width: 48px;
	z-index: 5;
}
.ttbg17 {
	position: absolute;
	padding: 15px;
	left: 20px;
	top: 100px;
	width: 460px;
    height: 320px;
	background-color: rgba(199,207,255,0.8);
	z-index: 5;
}
.ttbg18 {
	position: absolute;
	padding: 10px;
	right: 20px;
	top: 100px;
	width: 250px;
	height: 230px;
	background-color: rgba(255,255,255,0.9);
	z-index: 5;
}
.tttx1 {
	position: absolute;
	margin: 0 auto;
	top: 15px;
	left: 0;
	right: 0;
	z-index: 5;
	text-shadow:
				white 1px 1px 0, white -1px -1px 0,
				white -1px 1px 0, white 1px -1px 0,
				white 0px 1px 0, white 0 -1px 0,
				white -1px 0 0, white 1px 0 0;
}
.tttx2 {
	position: absolute;
	top: 10px;
	left: 65px;
	z-index: 5;
}
.tttx3 {
	position: absolute;
	top: 0px;
	left: 415px;
	z-index. 5;
}
.tttx4 {
	text-shadow:
				white 1px 1px 0, white -1px -1px 0,
				white -1px 1px 0, white 1px -1px 0,
				white 0px 1px 0, white 0 -1px 0,
				white -1px 0 0, white 1px 0 0;
}
.tttx5 {
	text-shadow:
				2px 2px 1px #818181;
}
.tttx5:before {
	text-shadow:
				#000000 1px 1px 0, #000000 -1px -1px 0,
				#000000 -1px 1px 0, #000000 1px -1px 0,
				#000000 0px 1px 0, #000000 0 -1px 0,
				#000000 -1px 0 0, #000000 1px 0 0;
}
.tttx6 {
	text-shadow:
				black 1px 1px 0, black -1px -1px 0,
				black -1px 1px 0, black 1px -1px 0,
				black 0px 1px 0, black 0 -1px 0,
				black -1px 0 0, black 1px 0 0;
}

p.menubg {
	position: relative;
	margin: 3px;
	padding: 1.2em 0.8em 1.2em 0.8em;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	color: #7f7f7f;
	background-color: #ffffff;
}
p.menubg::after {
	position: absolute;
	content: '';
	width: 5px;
	top: 0.1em;
	left: 0.1em;
	height: -moz-calc(100% - 0.3em);
	height: -webkit-calc(100% - 0.3em);
	height: calc(100% - 0.3em);
	background-color: #5569ee;
}
p.menubg:hover {
	position: relative;
	margin: 3px;
	padding: 1.2em 0.8em 1.2em 0.8em;
	background: -moz-linear-gradient(top, #4b97e3, #144bca);
	background: -webkit-linear-gradient(top, #4b97e3, #144bca);
	background: linear-gradient(to bottom, #4b97e3, #144bca);
	color: #ffffff;
}
p.menubg:hover::after {
	position: absolute;
	content: '';
	width: 5px;
	top: 0.1em;
	left: 0.1em;
	height: -webkit-calc(100% - 0.3em);
	height: calc(100% - 0.3em);
	background-color: #ffffff;
}

p.menubg2 {
	position: relative;
	margin: 3px;
	padding: 1.2em 0.8em 1.2em 0.8em;
	background: -moz-linear-gradient(top, #4b97e3, #144bca);
	background: -webkit-linear-gradient(top, #4b97e3, #144bca);
	background: linear-gradient(to bottom, #4b97e3, #144bca);
	color: #ffffff;
}
p.menubg2::after {
	position: absolute;
	content: '';
	width: 5px;
	top: 0.1em;
	left: 0.1em;
	height: -webkit-calc(100% - 0.3em);
	height: calc(100% - 0.3em);
	background-color: #ffffff;
}
p.menubg2:hover {
	position: relative;
	margin: 3px;
	padding: 1.2em 0.8em 1.2em 0.8em;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	color: #7f7f7f;
	background: #ffffff;
}
p.menubg2:hover::after {
	position: absolute;
	content: '';
	width: 5px;
	top: 0.1em;
	left: 0.1em;
	height: -moz-calc(100% - 0.3em);
	height: -webkit-calc(100% - 0.3em);
	height: calc(100% - 0.3em);
	background-color: #5569ee;
}


.hdn {
	margin: 0;
	padding: 0;
}
.hdn label {
	display: block;
	cursor: pointer;
	cursor: hand;
}
.hdn input {
	display: none;
}
.hdn .hdn_of1 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of1 ~ .hdn_of1 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of2 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of2 ~ div.hdn_of2 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of3 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of3 ~ div.hdn_of3 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of4 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of4 ~ div.hdn_of4 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of5 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of5 ~ div.hdn_of5 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of6 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of6 ~ div.hdn_of6 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of7 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of7 ~ div.hdn_of7 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of8 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of8 ~ div.hdn_of8 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of9 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of9 ~ div.hdn_of9 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of10 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of10 ~ div.hdn_of10 {
	height: auto;
	opacity: 1;
}
.hdn .hdn_of11 {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.hdn input:checked#of11 ~ div.hdn_of11 {
	height: auto;
	opacity: 1;
}