@charset "utf-8";
/* CSS Document */


footer{max-width: 768px;margin: 0 auto;padding: 0 0 5%;text-align: center;font-size: 16px;}	
footer ul { display: flex; justify-content: center;margin: 3% 0; padding: 0;}	
footer ul li { width: 40%;text-align: center;list-style: none;}	

ul.asterisk{margin:0 auto 40px;width: 85%;padding-left: 20px;}
ul.asterisk li {line-height: 1.7;
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

/*CTAボタン*/



.ctaTab_wrap {
    padding: 0 10px 10px;
    background: repeat-y url("img/od_cta_line.png");
    background-size: contain;
}
.tab_wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 768px;
    margin: 0 auto;
}
.tab_wrap::after {
    content: '';
    width: 100%;
    height: 3px;
    order: -1;
    display: block;
}
.tab_wrap .tabLabel {	/* タブ */
    margin-right: 3px;
    flex: 1;
    order: -1;
    transition: .5s;
    cursor: pointer;
}
.tab_wrap .tabLabel img:hover {
    opacity: 0.7;
}
.tab_wrap .tabLabel:nth-last-of-type(1) {
    margin-right: 0;
}
.tab_wrap input {		/* ラジオボタン非表示 */
    display: none;
}
.tab_wrap .content {	/* 本文 */
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
/*アクティブ設定*/
.tab_wrap input:checked + .tabLabel {
}
.tab_wrap input:checked + .tabLabel + .content {
    padding: 5px 5px 45px;
    height: auto;
    transition: .5s opacity;
    opacity: 1;
}

@media screen and (max-width: 640px) {
.ctaTab_wrap {
    padding: 0 5px 5px;
}
.tab_wrap input:checked + .tabLabel + .content {
    padding: 5px 0px 45px;
}
.tab_wrap .tabLabel {
    padding: 0 5px;
}
.tab_wrap p {
    font-size: 90%;
    margin-left: 10px;
    width: 95%;
}
	
footer{font-size: 12px;}
	footer ul li {width: 50%;}	
	
}


/*CTAボタン*/


/*
@media screen and (max-width: 640px){
	main{overflow:hidden;box-shadow:none;padding-top: 50px;}
	footer{font-size: 12px;}
	footer ul li {width: 50%;}
	.head_wrap{max-width: 100%;width: 100%;overflow:hidden; }
	.head_wrap img{width: 80%;}
	main img{width: 100%;}
	iframe{width: 100%;height:auto;min-height: 220px;height:auto;}
}		
*/


