@charset "UTF-8";


/*メインイメージ
---------------------------------------------------------*/
#m_img_box .m_img {
	background-image: url(../images/ippan/m_img.jpg);
}


/*
---------------------------------------------------------*/
/* 導入 */
.com_lead dt:first-letter {color:#24B692;}

.ippan .checkbox {
	margin-top:7%;}

.ippan .checkbox .title{
	background-color:#F1DD48;
	text-align:center;
	padding:2% 3%;
	width:94%;}	
	
.ippan .checkbox .bg{
	background-color:#FFFFFF;
	position: relative;}	
	
.ippan .checkbox .check_img{
	position: absolute;
	right:2%;
	bottom:0;}			
	
.ippan .checkbox ul.float_l{
	float:left;
	width:49%;}
	
.ippan .checkbox ul.float_r{
	float:right;
	width:49%;}
	
.ippan .checkbox .clearfix{
	padding:3% 5% 0 5%;
	width:73%;}	
	
.ippan .checkbox li{
	background:url(../images/ippan/check_icon.png) no-repeat left 5px;
	padding-left:25px;
	margin-bottom:1%;}	
	
.ippan .checkbox .txt{
	text-align:center;
	color:#00B893;
	font-size:120%;
	letter-spacing:0.1em;
	font-weight:bold;
	margin-top:2%;
	padding-bottom:3%;}	
	
.ippan .flowbox{
	background:#FFFFFF;
	border:#55C8DF 7px solid;
	box-sizing:border-box;
	margin-top:5%;}	
	
.ippan .flowbox .box{
	padding:3% 5%;}	
	
.ippan .flowbox h6{
	line-height:1.5em;
	font-weight:bold;
	font-size:150%;
	color:#333333;
	text-align:center;
	padding-bottom:2%;
	border-bottom:#B69E83 1px dotted;
	margin-bottom:3%;
	letter-spacing:0.1em;}
	
.ippan .flowbox h6 span{
	color:#19B0CD;}	
	
.ippan .flowbox li{
	background:url(../images/arrow_pc.png) no-repeat right 75px;
	padding-right:6%;
	padding-top:10px;
	text-align:center;
	float:left;
	width:18%;
	margin-right:3%;}
	
.ippan .flowbox li:last-child{
	background:none;
	padding-right:0px;
	padding-top:0px;
	float:right;
	width:18%;
	margin-right:0%;}	
	
.ippan .flowbox dd{
	text-align:left;
	padding:10px 0 0;
	line-height: 1.5em;}
	
.ippan .flowbox .houchi_box {
	background-color:#FFF9DB;
	border-radius:19px;
	padding:2% 3%;
	margin-top:3%;
}	
.ippan .flowbox .houchi_box div{
	color:#00B894;
	margin-bottom:1%;
	font-weight:bold;
	font-size:110%;
	text-align:center;}		
	
.ippan  .laser_btn{
	margin:7% 0;}	
	
.ippan  .laser_btn p{
	text-align:center;}	
	
.ippan  .laser_btn .med_btn1{
	margin:3% auto 0 auto;}	

.ippan .cause_box {
	margin-top:3%;}

.ippan .cause_box li{
	float:left;
	width:32%;
	margin-right:2%;}	
	
.ippan .cause_box li:last-child{
	float:right;
	width:32%;
	margin-right:0%;}		
	
.ippan .cause_box dt{
	color:#FFFFFF;
	font-weight:bold;
	font-size:130%;
	letter-spacing:0.2em;
	padding:4% 0;
	text-align:center;}	
	
.ippan .cause_box dd{
	background:#FFFFFF;
	padding:6%;
	font-size:100%;}		
	
.ippan .cause_box .cause1 dt{
	background: repeating-linear-gradient(-45deg, #315CA2, #315CA2 5px, #456CAB 0, #456CAB 10px);}	
	
.ippan .cause_box .cause2 dt{
	background: repeating-linear-gradient(-45deg, #CF4078, #CF4078 5px, #D45385 0, #D45385 10px);}
	
.ippan .cause_box .cause3 dt{
	background: repeating-linear-gradient(-45deg, #FFA821, #FFA821 5px, #FFB137 0, #FFB137 10px);}		
	
	
	
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
.ippan .checkbox ul.float_l{
	float:none;
	width:95%;}
	
.ippan .checkbox ul.float_r{
	float:none;
	width:95%;}	
	
.ippan .checkbox .txt{
	font-size:105%;
	letter-spacing:0.05em;}		}
	
		

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.ippan .checkbox .title{
	text-align:center;
	padding:5% 3%;
	width:94%;}	
	
.ippan .checkbox .bg{
	position: static;}	
	
.ippan .checkbox .check_img{
	position: static;
	text-align:center;
	margin-top:2%;}			
	
.ippan .checkbox ul.float_l{
	float:none;
	width:100%;}
	
.ippan .checkbox ul.float_r{
	float:none;
	width:100%;}
	
.ippan .checkbox .clearfix{
	width:90%;}	
	
.ippan .checkbox .txt{
	font-size:110%;}		

.ippan .flowbox{
	border:#55C8DF 5px solid;
	margin-top:8%;}	
	
.ippan .flowbox h6{
	font-size:120%;}
	
.ippan .flowbox li{
	background:url(../images/arrow_sp.png) no-repeat right 75px;
	padding-right:6%;
	text-align:center;
	float:none;
	width:100%;
	margin-right:3%;}
	
.ippan .flowbox li:last-child{
	background:none;
	padding-right:0px;
	float:right;
	width:18%;
	margin-right:0%;}	
	
.ippan .flowbox dd{
	text-align:left;
	padding:10px 0 0;
	line-height: 1.5em;}
	
.ippan .flowbox dl.clearfix{
	margin-top:3%;
	position:relative;}				
	
.ippan .flowbox .icon{
	position: absolute;
	top:-20px;
	right:0;
	left:0;
	margin:0 auto;
	text-align:center;}	
	
.ippan .flowbox li{
	background:url(../images/arrow_sp.png) no-repeat center bottom;
	background-size:5%;
	padding-bottom:10%;
	padding-top:0px;
	padding-right:0%;
	text-align:center;
	float:none;
	width:100%;
	margin-right:0%;}	
	
.ippan .flowbox li:last-child{
	background:none;
	padding-right:0px;
	float:none;
	width:100%;
	margin-right:0%;}		
	
.ippan .flowbox dt{
	float:left;
	width:30%;}
	
.ippan .flowbox dd{
	float:right;
	width:65%;
	padding: 10% 0 0;}	
	
.ippan .cause_box dd div{
	bottom:-16px;}			

.ippan .cause_box li{
	float:none;
	width:100%;}	
	
.ippan .cause_box li:last-child{
	float:none;
	width:100%;}
	
.ippan .cause_box dt{
	font-size:110%;
	padding:2% 0;
	text-align:center;}		
	
.ippan .cause_box .cause2 dt{
	margin-top:5%;}
	
.ippan .cause_box .cause3 dt{
	margin-top:5%;}
	
.ippan .cause_box dd{
	padding:5%;}	
.ippan .flowbox .houchi_box {
	border-radius:10px;
	padding:5% 5%;
}	
.ippan .flowbox .houchi_box div{
	margin-bottom:2%;}	
				}