@charset "UTF-8";


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
background:transparent;border:0;margin:0;padding:0;}img{vertical-align: bottom;}body{/*line-height:1;*/}h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
ol,ul{list-style:none;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}
.clear:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.clear{min-height:1px;}
* html .clear{height:1px;/*\*//*/height: auto;overflow: hidden;/**/
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
address{font-style:normal;}
hr{margin:0;}


html{font-size: 62.5%;}
html,body{height:100%;}
body,
body .site-main,.site-main input,.site-main textarea{
	color:#111;
	font-size: 1.6rem;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
	
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.1em;
}

a{text-decoration:none;}
a:link,a:visited{color:inherit;}
html{
position:relative;
height:auto !important;
height:100%;
min-height:100%;
-webkit-font-smoothing: antialiased;
}
main{display: block;}
.site-main{position: relative;}



figure {margin: 0;}




/*--------------- from frameworks.css ---------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	font-size: 62.5%;
}
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
    box-sizing: inherit;
}


img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
.clearfix::before, .clearfix::after {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
		flex-basis: 0;
	-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
			order: 1;
}

.clearfix::after {
	clear: both;
}

/*- - - - - - - - from frameworks.css - - - - - - - -*/



/*--------------- from service.css ---------------*/
.underline{text-decoration: underline;}
a.underline{color: #1953c7;}
p.notes{font-size: 1.2rem;}
.inline {display: inline;}
.emphasis {font-size: 1.6rem;}
.red {color: #cc0000;}
.gray {color: #777c80;}
.zume{letter-spacing: -0.01em;}
@media screen and (min-width: 640px) {
	.pc_none {display: none;}
}
@media only screen and (max-width: 640px){
	.sp_none {display: none;}
}

/*------- text -------*/
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-left {text-align: left;}

/*------- margin -------*/
.mtSS {margin-top: 0.5em;}
.mtS {margin-top: 1em;}
.mbSS {margin-bottom: 0.5em;}
.mbS {margin-bottom: 1em;}
.mbM {margin-bottom: 2em;}
.mbL {margin-bottom: 3em;}
.mbLL {margin-bottom: 4em;}
.last {margin-right: 0;}

/*------- padding -------*/
.ptSS {padding-top: 0.5em;}
.ptS {padding-top: 1em;}
.pbSS {padding-bottom: 0.5em;}
.pbS {padding-bottom: 1em;}
.pbM {padding-bottom: 2em;}
.pbL {padding-bottom: 3em;}
.pbLL {padding-bottom: 4em;}
.last {padding-right: 0;}

/*------- font-size -------*/
.txt-size-3l {font-size: 2rem;}
.txt-size-2l {font-size: 1.6rem;}
.txt-size-l {font-size: 1.3rem;}
.txt-size-m {font-size: 1.1rem;}
.txt-size-s {font-size: 0.9rem;}
.txt-size-ss {font-size: 0.8rem;}

/*------- display_flex -------*/
.display_flex_between{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}


/*- - - - - - - - from service.css - - - - - - - -*/



/*--------------- 000000 ---------------*/
/*- - - - - - - - 000000 - - - - - - - -*/



/*--------------- property ---------------*/
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sans{font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;}

.bold{font-weight: bold;}
.colord{color: #FFE56E;}
p.lead{
	line-height: 1.6;
	font-size: 1.6rem;
}
.box-center{text-align: center;}

/* .wid100{
	width: 100%;
	min-width: 1280px;
} */
@media only screen and (max-width: 768px){
	p.lead{font-size: 1.4rem;}
}
/*- - - - - - - - property - - - - - - - -*/







/*--------------- hover ---------------*/

a,
.men-merit .btns .box,
.mp3merit .elem1 .box.iziModal-auto,
.btn-accordion,
.content_open{
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
a:not(.tab):hover,
.mem-merit .btns .box:hover,
.mp3merit .elem1 .box.iziModal-auto:hover,
.btn-accordion:hover,
.content_open:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}

/*- - - - - - - - hover - - - - - - - -*/
















#return-top{
    opacity: 0;
    pointer-events: none;
}
#return-top.visible{
    opacity: 1;
	pointer-events: initial;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#return-top{
    position: fixed;
    z-index: 12;
    width: 40px;
    height: 40px;
    right: 40px;
    bottom: 40px;
    line-height: 100px;
	overflow: hidden;
	background-color: #999;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#return-top:before{
    content: "";
    position: relative;
    display: block;
    left: calc(50% - 5px);
    top: calc(50% - 6px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 9px 5px;
    border-color: transparent transparent #FFF transparent;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}
#return-top:hover{
    background-color: #DDD !important;
}
#return-top:hover:before{
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    border-color: transparent transparent #3B3B3B transparent;
    
}
@media screen and (max-width:768px){
    #return-top{
        right: 10px;
		bottom: 10px;
		width: 30px;
        height: 30px;
    }
}














/*--------------- parts ---------------*/
a.btn-sq-rd,
.btn-sq-rd{
	display: inline-block;
	font-size: 2.2rem;
	color: #FFF;
	
	background: rgb(6,54,157); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(6,54,157,1) 29%, rgba(6,54,157,1) 29%, rgba(6,35,122,1) 94%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(6,54,157,1) 29%,rgba(6,54,157,1) 29%,rgba(6,35,122,1) 94%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(6,54,157,1) 29%,rgba(6,54,157,1) 29%,rgba(6,35,122,1) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06369d', endColorstr='#06237a',GradientType=0 ); /* IE6-9 */

	text-align: center;
	width: 100%;
	max-width: 400px;
	/* width: 100%;
	max-width: 16em; */
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	padding: 0 2em;
	letter-spacing: 0.1em;

	box-shadow: 0 5px 20px rgba(63,76,66, .2);
}

@media only screen and (max-width: 768px){
	a.btn-sq-rd,
	.btn-sq-rd{
		font-size: 1.4rem;
		max-width: 200px;
		height: 40px;
		line-height: 40px;
	}
}







.title-ul{
	font-size: 2.6rem;
	text-align: center;
	letter-spacing: 0.1em;
}
.title-ul:after{
	content: "";
	display: block;
	width: 100px;
	height: 2px;
	background-color: #C9CACA;
	margin: 15px auto 40px;
}
@media only screen and (max-width: 768px){
	.title-ul{font-size: 1.8rem;}
	.title-ul:after{
		width: 70px;
		margin: 8px auto 28px;
	}
}

a.btn-ell,
.btn-ell{
	display: inline-block;
	font-size: 2.2rem;
	color: #FFF;
	background-color: #DA3915;
	text-align: center;
	width: 100%;
	max-width: 400px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	padding: 0 2em;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px){
	a.btn-ell,
	.btn-ell{
		font-size: 1.6rem;
		max-width: 300px;
		height: 42px;
		line-height: 42px;
		border-radius: 22px;
	}
}

a.btn-ell-bord,
.btn-ell-bord{
	display: inline-block;
	font-size: 1.3rem;
	font-weight: bold;
	color: #06369E;
	border: 1px solid #06369E;
	text-align: center;
	/* width: 100%;
	max-width: 16em; */
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	padding: 0 2em;
	letter-spacing: 0.1em;
}

a.btn-ell-s,
.btn-ell-s{
	display: inline-block;
	font-size: 1.3rem;
	color: #FFF;
	background-color: #DA3915;
	text-align: center;
	width: 100%;
	max-width: 400px;
	height: 34px;
	line-height: 34px;
	border-radius: 17px;
	padding: 0 2em;
}

a.btn-ell-m,
.btn-ell-m{
	display: inline-block;
	font-size: 1.8rem;
	color: #FFF;
	background-color: #DA3915;
	text-align: center;
	width: 100%;
	max-width: 287px;
	height: 45px;
	line-height: 45px;
	border-radius: 22.5px;
	padding: 0 2em;
}
@media only screen and (max-width: 768px){
	a.btn-ell-m,
	.btn-ell-m{
		font-size: 1.6rem;
		max-width: 240px;
		height: 32px;
		line-height: 32px;
		border-radius: 16px;
		
	}
}



a.btn-sq-s,
.btn-sq-s{
	display: inline-block;
	font-size: 1.4rem;
	color: #FFF;
	background-color: #DA3915;
	text-align: center;
	width: 100%;
	max-width: 400px;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	padding: 0 2em;
}

a.btn-sq-s.type2,
.btn-sq-s.type2{
	color: #FFF;
	background-color: #9D8C61;
}






ul.notestxt{
	display: inline-block;
	/* margin-top: 1em; */
	line-height: 1.4;
	font-size: 1.2rem;
}

ul.notestxt>li{
	position: relative;
	padding-left: 1.1em;
}
ul.notestxt>li:before{
	content: "※";
	position: absolute;
	position: relative; 
	left: 0;
}
@media screen and (max-width:768px){
	ul.notestxt{
		font-size: 1rem;
		text-align: left;
		margin-top: 1em;
	}
	ul.notestxt>li:before{
		content: "※";
		position: absolute;
		left: 0;
	}
}




ul.notes{
	display: inline-block;
	line-height: 1.4;
	font-size: 1.2rem;
}
ul.notes>li{
	position: relative;
	padding-left: 1.1em;
}
ul.notes>li:before{
	content: "※";
	position: absolute;
	left: 0;
}
ul.notes>li.aste:before{content: "＊";}


.site-footer.site-notes ul.notes>li:before{
	position: relative;
	left: auto;
}

.box-cont ul.notes>li:before{position: relative;}

ul.no-ico>li:before{display: none;}

ul.notes.inlines>li{
	text-indent: -1em;
	padding-left: 0;
}
ul.notes.inlines>li:before{position: relative;}


.content-box .list_square li ul.notes>li{
	padding-left: 1.1em;
	text-indent: -1.2em;
}


@media screen and (max-width:768px){
	ul.notes{font-size: 1rem;}
}
ul.mklist{
	line-height: 1.6;
	font-size: 1.4rem;
}
ul.mklist>li{
	position: relative;
	padding-left: 1.1em;
}
ul.mklist>li:before{
	content: "※";
	position: absolute;
	left: 0;
}
ul.mklist.dot>li:before{content: "・";}
ul.mklist.sq>li:before{content: "□";}
@media screen and (max-width:768px){
	ul.mklist{font-size: 1.2rem;}
}
/* #btn-top{position: fixed;}
#btn-top a{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-left: auto;
	background-color: #58D664;
	text-align: center;
}
#btn-top .ico-btn{
	stroke: #FFF;
	width: 12px;
	height: 19px;
	transform: rotate(-90deg);
  	transform-origin: 50% 50%;
	margin-top: calc(50% - 12px);
}
@media screen and (max-width:768px){
	#btn-top{padding-right: 20px;}
	#btn-top a{
		width: 35px;
		height: 35px;
	}
	#btn-top .ico-btn{
		width: 8px;
		height: 13px;
		margin-top: calc(50% - 7.5px);
	}
} */


.list_square.list_sankaku{margin-left: 0.5em;}
.list_sankaku li {list-style: none;}
.list_sankaku li:before {content: '▶';}




/*- - - - - - - - parts - - - - - - - -*/






.fl{float: left;}
.fr{float: right;}
.flpc{float: left;}
.frpc{float: right;}
.flsp,.frsp{float: none;}
.tbpc,.tb{display: table;}
.tbpc>.cell,.tb>.cell{display: table-cell;}



.fx,
.fxpc{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hc{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.vc{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.r-vc{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.h-sb{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.f-center{
-webkit-box-pack:center;
-moz-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
}


.sp{display: none;}


.holder .holder_none{display: none;}
.holder_only{display: none;}
.holder .holder_only{display: block;}


@media screen and (max-width:768px){
	
	body{
		font-size: 1.4rem;
		min-width: 100%;
	}
	.pc{ display: none;}
	.sp{ display: block;}

	.tbpc,.tb{display: block;}
	.tbpc>.cell,.tb>.cell{display: block;}
	
	
	.fxpc{display: block;}
	.fxsp{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	.hc{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	.vc{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	.h-sb{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}

	.f-center{
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	}

	/* .wid100{min-width: 100%;} */
}













/*--------------- elem ---------------*/






header {
    /* position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
	right: 0; */
	/* color: #0E218B; */
	position: relative;
	z-index: 11;
	background-color: #FFF;
    padding-top: 20px;
	/* height: 88px; */
	height: 78px;
	border-bottom: 1px solid #AAA;
	margin-bottom: 20px;
	min-width: 1160px;
}
header .elem{
	position: relative;
	z-index: 2;
}
header:after{
	position: absolute;
	z-index: 1;
	bottom: -21px;
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	background-color: #FFF;
}

header .part1 img{
	width: auto;
	height: 18px;
	margin-top: 8px;
}
header .txt{font-size: 1.4rem;}
header .part2 .logo{height: 37px;}
header .part2 .logo>img{
	height: 100%;
	width: auto;
}
header .part2 .logo+.logo{
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #CCC;
}



@media only screen and (max-width: 768px){
	header {
		padding-top: 32px;
		height: auto;
		border-bottom: none;
		min-width: 100%;
	}
	header .logo-sp{
		height: 44px;
		padding: 0 3%;
		border-bottom: 1px solid #CCC;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	header .logo-sp>a{
		display: block;
		line-height: 1;
		height: 13px;
	}
	header .logo-sp>a img{
		height: 100%;
		width: auto;
	}
	header .elem{
		height: 44px;
		padding: 0 3%;
		border-bottom: 1px solid #CCC;
		line-height: 1.2;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	header .part1{max-width: calc(100% - 120px);}
	header .txt{font-size: 1.0rem;}
	header .part2 .logo{height: 20px;}
	header .part2 .logo+.logo{
		margin-left: 10px;
		padding-left: 10px;
	}
}
footer{
	position: relative;
	z-index: 11;
	background-color: #FFF;
	border-top: 1px solid #DCDEDD;
	height: 120px;
	padding: 20px 0;
	/* margin-top: 60px; */
	min-width: 1160px;
}
/* footer:after{
	position: absolute;
	z-index: 1;
	top: -61px;
	content: "";
	display: block;
	width: 100%;
	height: 60px;
	background-color: #FFF;
} */



footer .part-foot1{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
footer .part-foot1 a{
	position: relative;
	margin-top: auto;
	font-size: 1.3rem;
	padding-left: 15px;
	text-decoration: underline;
    color: #1953c7;
}
footer .part-foot1 a:hover{text-decoration: none;}
footer .part-foot1 a:before{
	position: absolute;
	z-index: 0;
	top: calc(50% - 5.5px);
	left: 0;
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #69758D;
}
footer .part-foot1 a:after{
	position: absolute;
	z-index: 0;
	top: calc(50% - 1.5px);
	left: 3.5px;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
footer .part-foot2 small{
	font-size: 1rem;
	padding-right: 2rem;
}
footer .part-foot1{margin-right: auto;}
footer .part-foot2{
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}
footer .part-foot3{
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	-webkit-flex-grow: 10;
	-ms-flex-grow: 10;
	flex-grow: 10;
	text-align: right;
	padding-right: 20px;
}
@media only screen and (max-width: 768px){
	footer{
		height: auto;
		padding: 15px 0;
		/* margin-top: 30px; */
		min-width: 100%;
	}
	footer:after{
		top: -31px;
		height: 30px;
	}
	footer .wid1000{padding: 0 3%;}
	footer .part-foot1 a{
		margin-top: 1.5em;
		font-size: 1.2rem;
		
	}
	footer .part-foot1 img{height: 30px;}
	footer .part-foot2 img{height: 40px;}
	footer .part-foot2{
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	footer .part-foot3{
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		text-align: left;
		padding-right: 0;
		padding-top: 20px;
		width: 100%;
	}
}


.footer-legal2008{
	text-align: right;
	padding-top: 20px;
}
.footer-legal2008 address p{
	text-align: left;
	display: inline-block;
	font-size: 10px;
	color: #666;
}




@media only screen and (max-width: 768px){

	.col2-wrap .col2-nav{width: 100%;}
	.drawer-nav{
		position: fixed;
		z-index: 13;
		top: 0;
		left: 100%;
		opacity: 0;
		width: 100%;
		height: 100%;
		/* display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center; */

		-webkit-transition: left 0.5s cubic-bezier(.5,.0,1,.5),opacity 0.5s linear;
    	transition: left 0.5s cubic-bezier(.5,.0,1,.5),left 0.5s opacity 0.5s linear;
	}

	.nav-open .drawer-nav{
		left: 0;
		opacity: 1;
		-webkit-transition: left 0.5s cubic-bezier(.5,.0,.13,1),opacity 0.5s linear;
		transition: left 0.5s cubic-bezier(.5,.0,.13,1),left 0.5s opacity 0.5s linear;
		overflow-y: auto;
	}


    #nav_toggle{
		cursor: pointer;
		transition:width 0.3s;
		display: block;
		width: 60px;
		height: 44px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 100;
		padding: 14px 14px 0;

		/* background-color: #69758D; */
	}
	#nav_toggle div {position: relative;}
	#nav_toggle span{
		display: block;
		background-color: #444140;
		position:absolute;
		width: 100%;
		height: 2px;
		left: 0;

		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#nav_toggle span:nth-child(1){top:0px;}
	#nav_toggle span:nth-child(2){top:7px;}
	#nav_toggle span:nth-child(3){top:14px;}
	
	.nav-open #nav_toggle{background: none;}
	.nav-open #nav_toggle span{width: 102%;background-color: #000;}
	.nav-open #nav_toggle span:nth-child(1){
		top: 7px;
		left: -0.5px;
		-webkit-transform: rotate(160deg);
		-ms-transform: rotate(160deg);
		transform: rotate(160deg);
	}
	.nav-open #nav_toggle span:nth-child(2){
		width: 0;
		left: 50%;
	}
	.nav-open #nav_toggle span:nth-child(3){
		top: 7px;
		left: -0.5px;
		-webkit-transform: rotate(-160deg);
		-ms-transform: rotate(-160deg);
		transform: rotate(-160deg);
	}

}











/*- - - - - - - - elem - - - - - - - -*/










/*--------------- iziModal ---------------*/

#btn-modal-close {
    background-size: auto 100%;
    background-position: 100% 0;
    cursor: pointer;
    /* background-image: url(../img/modal-close.png); */
    background-color: rgba(0,0,0,0.8);
    background-repeat: no-repeat;
    max-width: 1200px;
    width: 100%;
    height: 40px;
    display: block;
    position: fixed;
    /* left: 0; */
    top: 0;
    z-index: 99999;
    border-bottom: 1px solid #000;
}


#btn-modal-close.type2 {
	background-image: url(../../../../../amex/comparison/img/mtx-close.png);
	background-color: #F5F5F5;
	height: 27px;
	position: absolute;
    display: block;
    border-bottom: none;
}



.service-izipop-wrap{
	font-size: 100%;
	line-height: 1.6;
	letter-spacing: 0;
	padding-top: 27px;
}
.service-izipop-wrap .list_kome li {text-indent: 0;}

@media only screen and (max-width: 640px){
	.service-izipop-wrap.content-box{
		margin-top: 0;
		padding-top: 37px;
	}

}

/*- - - - - - - - iziModal - - - - - - - -*/








/*--------------- pop-cta ---------------*/

/* .pop-cta-single #btn-modal-close.type2{background-color: #333;} */
/* .pop-cta-single{color: #EEE;} */
.pop-cta-single{display: none;}
.pop-cta-single .izi-inner{
	padding-top: 40px;
	/* background-color: #454545;	 */
}
.pop-cta-single .part{
	/* width: 80%; */
	width: 620px;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.pop-cta-single .elem .title{
	text-align: center;
	margin-bottom: 2em;
}
.pop-cta-single .part .lead{margin-bottom: 1em;}
.pop-cta-single .box{
	width: 300px;
	text-align: center;
	padding: 20px;
	border: 1px solid #CCC;
	background-color: #FAFAFA;
}
.pop-cta-single a.btn-sq-s,
.pop-cta-single .btn-sq-s{font-weight: bold;}
@media only screen and (max-width: 768px){

	.pop-cta-single .part{width: 100%;}
	.pop-cta-single .box{
		width: calc(50% - 10px);
		padding: 15px 10px 10px;
	}
	.pop-cta-single a.btn-sq-s,
	.pop-cta-single .btn-sq-s{
		font-size: 1.2rem;
		width: 100%;
		height: auto;
		line-height: 1.2;
		border-radius: 4px;
		padding: 1em 2em;
	}
}


/*- - - - - - - - pop-cta - - - - - - - -*/













.add2101+.hero-wrap .hero-tabs{
	position: relative;
	top: -38px;
	padding-top: 38px;
}
.add2101+.hero-wrap+.tab-cont{margin-top: -38px;}
.com-campaign a {
    display: block;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    background-color: #FFF;
}
.add2101.com-campaign{padding-bottom: 312px;}
.hero.add2101 a.btn-ell-m,
.hero.add2101 .btn-ell-m{background-color: #06369B;}
@media only screen and (max-width: 768px){
	.add2101+.hero-wrap .hero-tabs{
		position: relative;
		top: auto;
		padding-top: 30px;
	}
	.add2101+.hero-wrap+.tab-cont{margin-top: 0;}
	/* .com-campaign a {
		display: block;
		box-shadow: 0 5px 15px rgba(0,0,0,0.3);
		background-color: #FFF;
	} */
	.add2101.com-campaign{padding-bottom: 0;}
	

}
/*- - - - - - - - mileage/css/style.css - - - - - - - -*/







.hero.add2101{
	background-image: url(../../../img/pt-hero-2101_pc.jpg);
	height: 640px;
	padding-top: 0;
	padding-bottom: 0;
}
.hero.add2101 .elem2-wrap{
	width: 100%;
	height: 100%;
}
.hero.add2101 .elem-wrap1{width: 534px;}
.hero.add2101 .elem-wrap2{
	padding: 0px 20px 20px;
	background-color: rgba(0,0,0,0.5);
	width: 466px;
}
.hero.add2101 figure.img {width: 300px;}
.hero.add2101 .card-name{
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 20px;
}
.hero.add2101 .lead{
	font-size: 1.4rem;
	font-weight: bold;
	color: #FFF;
	margin-top: 0;
}
.hero.add2101 a.btn-ell-m,
.hero.add2101 .btn-ell-m{
	font-size: 2.1rem;
	max-width: 400px;
	height: 60px;
    line-height: 60px;
	border-radius: 10px;
}
.hero.add2101 .img1{width: 100px;}
.hero.add2101 .title1{
	margin-top: 100px;
	width: 480px;
	margin-bottom: 10px;
}
.hero.add2101 .title1 img{
	width: 100%;
	height: auto;
}
.hero.add2101 .cards{padding-top: 20px;}
.hero.add2101 .title1-hero{padding-top: 77px;}

@media only screen and (max-width: 768px){
	.hero.add2101{
		height: auto;
		padding: 0;
	}
	.hero.add2101>div{padding: 10px;}
	.hero.add2101 .elem-wrap1{
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		padding: 20px 20px 0;
	}
	.hero.add2101 .elem-wrap2{
		background-color: rgba(0,0,0,0.5);
		width: 100%;
	}
	.hero.add2101 figure.img {width: 80%;}
	.hero.add2101 .card-name{
		font-size: 1.6rem;
		margin-top: 20px;
	}
	.hero.add2101 .lead{
		font-size: 1.4rem;
		margin-top: 0;
		text-shadow: none;
	}
	.hero.add2101 a.btn-ell-m,
	.hero.add2101 .btn-ell-m{
		font-size: 1.6rem;
		max-width: 240px;
		height: 40px;
		line-height: 40px;
		border-radius: 5px;
	}
	.hero.add2101 .title1{
		margin-top: 10px;
		width: 100%;
		margin-bottom: 0;
	}
	.hero.add2101 .cards{padding-top: 15px;}
	.hero.add2101 .title1-hero{padding-top: 10px;}
}






.top .add2009.add2101 .hero {padding-bottom: 130px;}

.add2101.com-campaign {
	height: 270px;
	background-color: #F2F8FB !important;
}
.add2101.com-campaign>div{
	position: relative;
	top: -66px;
	width: 854px;
	padding: 0;
}
.add2101.com-campaign>div a{padding: 10px;}
.add2101.com-campaign+.mp3merit{padding-top: 0;}

@media only screen and (max-width: 768px){
	.top .add2009.add2101 .hero .title1 {
		width: 80%;
		padding: 40px 0 10px;
	}
	.top .add2009.add2101 .hero-inner {padding-top: 130px;}
	.top .add2009.add2101 .hero {padding-bottom: 40px;}
	.add2101.com-campaign {height: auto;}
	.add2101.com-campaign>div{
		position: relative;
		top: 0;
		width: 100%;
	}
	.add2101.com-campaign>div a{padding: 10px;}
	.add2101.com-campaign+.mp3merit{padding-top: 0;}
}



/*- - -  popup - - -*/
.pop-campaign-1{max-width: 894px !important;}
.camp2101 .red{color: #D53915;}
.camp2101 .blue{color: #063698;}
.camp2101{
    padding: 30px;
    background-color: #FFF;
}
.camp2101 .notes{
    font-size: 1.2rem;
	color: #000;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.camp2101 .underline1{
	text-decoration: underline;
	color: #7D9DD8;
	font-weight: bold;
}
.camp2101>div{border: 1px solid #063698;}
.camp2101 .part-mark>li+li{margin-top: 0.3em;}
.camp2101 .part-mark>li{
	position: relative;
	padding-left: 20px;
	line-height: 1.6;
}
.camp2101 .part-mark>li:not(.nomark):before{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #063698;
	left: 0;
	top: 0.2em;
}
.camp2101 .part1{
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #063698;
	padding: 0.3em;
}
.camp2101 .elem1{padding: 20px 30px;}
.camp2101 .part2a{
	font-size: 2.9rem;
	font-weight: bold;
	color: #063698;
	line-height: 1.4;
	padding-right: 1em;
}
.camp2101 .part2b{
	font-size: 1.8rem;
}
.camp2101 .elem2{padding: 0 30px 30px;}
.camp2101 .part3{
	font-size: 1.8rem;
	text-align: center;
	color: #FFF;
	background-color: #063698;
	padding: 0.3em;
	margin-bottom: 1.5em;
}
.camp2101 .part4{
	font-size: 1.6rem;
	text-align: center;
	color: #063698;
	margin-top: 45px;
	margin-bottom: 1em;
}

.camp2101 .elem-btn{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 30px 20px 0;
}
.camp2101 .elem-btn .btn1{
	display: block;
	background-color: #7D9DD8;
	border-radius: 7px;
	color: #FFF;
	width: calc(50% - 13px);
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	text-align: center;
}


@media only screen and (max-width: 768px){
	.camp2101{padding: 37px 10px 10px;}
	.camp2101 .notes{font-size: 1rem;}
	.camp2101 .part-mark>li{padding-left: 16px;}
	.camp2101 .part-mark>li:not(.nomark):before{
		width: 14px;
		height: 14px;
	}
	.camp2101 .part1{
		font-size: 1.5rem;
		padding: 0.3em;
	}
	.camp2101 .elem1{padding: 20px 20px;}
	.camp2101 .part2a{
		font-size: 1.5rem;
		text-align: center;
		padding-right: 0;
		margin-bottom: 1em;
	}
	.camp2101 .part2b{font-size: 1.2rem;}
	.camp2101 .elem2{padding: 0 20px 20px;}
	.camp2101 .part3{
		font-size: 1.2rem;
		padding: 0.8em;
	}
	.camp2101 .part4{
		font-size: 1.4rem;
		margin-top: 30px;
		margin-bottom: 1em;
	}
	.camp2101 .elem-btn>*+*{margin-top: 10px;}
	.camp2101 .elem-btn{padding: 30px 0 0;}
	.camp2101 .elem-btn .btn1{
		width: 100%;
		font-size: 1.4rem;
	}
}