@charset "utf-8";



.indexhead{
	width:100%;
	background-color:#7DCCF3;
	padding:20px 20px;

	position:relative;
	z-index:-1;
font-family: 'Quicksand','BIZ UDPGothic', sans-serif;
margin-bottom:40px;
}


/**/


@media only screen and (min-width: 1201px) { /*pc*/


.indexhead::before{
	content:url(../img/bg_sakura2.png);
	position:absolute;
	top:220px;
	left:-30px;
	z-index:-1;
}
.indexhead::after{
	content:url(../img/bg_sakura1.png);
	position:absolute;
	top:-100px;
	right:0;
	z-index:-1;
}



}

@media only screen and (min-width: 900px) { /*pc*/

.indexhead{
	padding:20px 20px 60px;
}

.indexhead::before{
	content:url(../img/bg_sakura2.png);
	position:absolute;
	top:220px;
	left:-30px;
	z-index:-1;
}
.indexhead::after{
	content:url(../img/bg_sakura1.png);
	position:absolute;
	top:-100px;
	right:0;
	z-index:-1;
}
}



@media only screen and (max-width: 1200px) { /*pc*/


.indexhead::before{
	display:block;
	content:"";
	width:90%;
	max-width:717px;
	height:635px;
	background:url(../img/bg_sakura2.png) no-repeat;
	background-size:contain;
	position:absolute;
	top:220px;
	left:-30px;
	z-index:-1;
}
.indexhead::after{
	display:block;
	content:"";
	width:90%;
	max-width:664px;
	height:1306px;
	background:url(../img/bg_sakura1_sp.png) no-repeat top right;
	background-size:contain;
 position:absolute;
	top:-100px;
	right:0;
	z-index:-1;
}


}

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

.indexhead{
}
.indexhead::before{
	content:"";
	width:100%;
	height:715px;
	background:url(../img/bg_sakura2.png) 0 80px no-repeat;
	position:absolute;
	top:0;
	left:0px;
	z-index:-1;
	opacity:0.5;
	overflow:hidden;
}

}

/**/


.sokyuu{
}

.indexhead .copytxt{
	text-align:center;
	color:#fff;
	padding:0 1em 1em;
	line-height:150%;
	
}

.indexhead .fbox{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}
.indexhead .item{
/*background:#fff;*/
background: linear-gradient(to bottom,rgba(255,255,255,0) 20%, rgba(255,255,255,1) 20%); 
padding:0 1em 1em;
}

.indexhead .item dl dt{
	padding:0em 1em 0.5em;
	text-align:center;
}

.indexhead .item:nth-of-type(1) strong{
	color:#00A1E9;
}
.indexhead .item:nth-of-type(2) strong{
	color:#06BD34;
}
.indexhead .item:nth-of-type(3) strong{
	color:#F39800;
}



@media only screen and (min-width: 769px) { /*pc*/


.indexhead .fbox{
	display:flex;
	justify-content:center;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	
}

.indexhead .item{
flex:0 0 32%;
/*background:#fff;*/
background: linear-gradient(to bottom,rgba(255,255,255,0) 15%, rgba(255,255,255,1) 15%); 
padding:0 1em 1em;
margin:0.5%;
text-align:center;
}


.indexhead .item:nth-of-type(2){
	position:relative;
	top:30px;
}

.indexhead .item dl dt{
	padding:0em 1em 2em;
	text-align:center;
}

.indexhead .item dl dd:nth-of-type(1){
	font-size:160%;
	line-height:220%;
	margin: 0 1em;
	text-align:left;
}

}

.indexhead .item dl{
	display:flex;
	flex-direction:column;
	height:100%;
}

.indexhead .item dl img{
	max-width:100%;
	height:auto;
	margin-bottom:0.5em;
}

@media only screen and (min-width: 769px) { /*tab*/

.indexhead .item:nth-of-type(2) dl dd img{
	margin-bottom:2em;
}
}




.indexhead .item dl dd:nth-of-type(1){
	font-size:160%;
	line-height:200%;
	margin: 0 1em;
	text-align:left;
}
	


.indexhead .item dl dd:last-child{
margin:auto auto 0;}
	


@media only screen and (max-width: 1200px) { /*tab*/

.indexhead .item dl dd:nth-of-type(1){
	font-size:120%;
	line-height:200%;
}

.indexhead .item dl dd br{
	display:none;
}

.indexhead .item dl dd br.sp{
	display:block;
}

.indexhead .item dl dt img{
	width:100%;
	max-width:300px;
	height:auto;
}

}



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

.indexhead .item dl dd:nth-of-type(1){
	margin: 0 0em;
}



 /*=== 画像の表示エリア ================================= */
.slide {
  position : relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  margin:auto;      /* サンプルは中央寄せの背景：白 */
}
 
 /*=== 画像の設定 ======================================= */
.slide .item {
  display: block;
  position: absolute;
	 width:100%;
  height: 500px;
  opacity : 0;
  animation: slideAnime 9s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide .item:nth-of-type(1) { animation-delay: 0s }
.slide .item:nth-of-type(2) { animation-delay: 3s }
.slide .item:nth-of-type(3) { animation-delay: 6s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0; transform: rotateY(90deg) }
   3% { opacity: 1; transform: rotateY(0deg)  }
  30% { opacity: 1; transform: rotateY(0deg)  }
  33% { opacity: 0; transform: rotateY(90deg) }
 100% { opacity: 0; transform: rotateY(90deg) }
}

}

	
section h2{
}

#kaiketu{
	margin-bottom:30px;
}

#kaiketu h2{
	text-align:center;
	font-size:170%;
	padding:2em 0.3em;
}

#kaiketu ul{
font-family: 'Quicksand','BIZ UDPGothic', sans-serif;
font-size:120%;
line-height:140%;
margin-bottom:3em;
}

#kaiketu li{
	padding:0.8em 1em 0.8em 2em;
	background:url(../img/ic_check.png) left 1.2em no-repeat;
}


#kaiketu .omakase{
	padding:3em 2em 2em;
	background:rgba(244,179,200,0.2);
	border-radius:20px;
	position:relative;
}

#kaiketu .omakase::before{
content:"";
width:0;
height:0;
border:30px solid;
border-color:#fff transparent transparent transparent ;
position:absolute;
top:-2px;
left:calc(50% - 30px);
}
	




@media only screen and (min-width: 769px) { /*pc*/
#kaiketu h2{
	font-size:220%;
}


#kaiketu ul{
	display:flex;
	flex-wrap:wrap;
}

#kaiketu li{
	flex: 0 0 50%;
	margin:auto 0;
}

#kaiketu li:nth-of-type(1){
	order:1;
}
#kaiketu li:nth-of-type(2){
	order:3;
}
#kaiketu li:nth-of-type(3){
	order:5;
}
#kaiketu li:nth-of-type(4){
	order:7;
}
#kaiketu li:nth-of-type(5){
	order:9;
}
#kaiketu li:nth-of-type(6){
	order:2;
}
#kaiketu li:nth-of-type(7){
	order:4;
}
#kaiketu li:nth-of-type(8){
	order:6;
}
#kaiketu li:nth-of-type(9){
	order:8;
}

#kaiketu li:nth-of-type(10){
	order:10;
}

	
}

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

#kaiketu h2{
padding: 0 0 1em;
}


#kaiketu ul{
font-size:110%;
margin-bottom:2em;
}

#kaiketu li{
	padding:0.8em 0 0.3em 2em;
}

}




/**/

#topics{
	overflow:hidden;
	min-height:550px;
}


#topics h2{
	font-size:170%;
	padding:1.5em 0em 0.5em;
/*font-family: 'Noto Sans JP', sans-serif;*/
font-family: 'BIZ UDPGothic', sans-serif;
}
	
#topics p{
margin-bottom:1em;
}


@media only screen and (min-width: 769px) { /*pc*/
#topics h2{
	font-size:220%;
}
}

#topics dt{
	color:#666;
}

#topics dt::after{
	content:" ：";
	display:inline;
}

#topics dd a{
	color:#333;
}

#topics dd a:hover{
	color:#E85D97;
}


#topics .link::before{
	display:inline-block;
	content:"";
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 5px solid #6aa7cd;
	padding-left:0.5em;
}

#topics a.link{
color:#0B7394
}

#topics a.link:hover{
	color:#E85D97;
}

@media only screen and (min-width: 769px) { /*pc*/

.topicsbg{
	background:#FCF3F6;
	position:relative;
	top:15px;
	min-height:590px;
}

.topicsbg{
	width: calc(100vw - (50% - 560px));
	padding-left:180px;
}



#topics::before{
	width:189px;
	height:421px;
	content:url(../img/t_topics2.jpg);
	background:#F3B3C9;
	display: block;
	z-index:2;
}

#topics::before{
 position:absolute;
	top:0px;
	left:calc(50% - 560px);
}

.topicsdata{
	position:absolute;
	top:0px;
	margin-left:150px;
}


	#topics dd{
	width:45em;
	
}

}


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

#topics::before{
 position:absolute;
	top:0px;
	left:0;
}

	#topics dd{
	width:calc(100% - 150px)
	
}

}


@media only screen and (min-width: 769px) { 

#topics::before{
	width:189px;
	height:421px;
	content:url(../img/t_topics2.png);
	background:#F3B3C9;
	display: block;
	z-index:2;
}

#topics dl{
	float:left;
	margin-bottom:1.5em;
}

#topics dt{
	width:7em;
	white-space:nowrap;
	clear:left;
	float:left;	
	padding:0.5em;
}
	#topics dd{
	margin-left:7em;
	padding:0.5em;
	line-height:150%;

}

}


@media only screen and (max-width: 768px) { 
#topics{
	width:100%;
	background:#FCF3F6;
	overflow:visible;
	margin-top:250px;
	padding-bottom:30px;
}

#topics h2{
	text-align:center;
}

#topics .inner{
	width:100%;
}


#topics::before{
	width:200px;
	height:200px;
	content:url(../img/t_topics2_sp.png);
	background:#F3B3C9;
	display: block;
	z-index:2;
	position:absolute;
	top:-170px;
	left:calc((100% - 200px) / 2);
}

.topicsdata{
	padding-top:30px;
}


#topics dt{
	padding:0.5em 0.5em 0;

	}
	
#topics dd{
	width:100%;
	margin-left:0;
	padding:0.3em 0.5em 1em 1em;
	
}


#topics dl{
	border-bottom:1px solid #F3B3C9;
	margin-bottom:2em;
}

#topics dt{
	border-top:1px solid #F3B3C9;
}



}


/**/

#line{
	padding:2em 0 5em;
	margin-bottom:10px;
	}
	
#line h2{
	font-size:180%;
	line-height:190%;
	text-align:center;
	margin-bottom:2em;
	color:#06C755;

}

#line h2 span{
	display:block;
	font-size:160%;
}

#line .h2style{
	text-align:center;
	position:relative;
	display:inline-block;
	padding:0 70px;
}

#line .h2style::before{
	display:inline-block;
	content:"";
	height:110px;
	width:1px;
	border-left: 2px solid #06C755;
	transform: rotate(-40deg);
	position:absolute;
	top:0;
	left:0;
	
}

#line .h2style::after{
	display:inline-block;
	content:"";
	height:110px;
	width:1px;
	border-left: 2px solid #06C755;
	transform: rotate(40deg);
	position:absolute;
	top:0;
	right:0;
}


#line .bana {
	margin-bottom:2em;
}
#line .bana img{
	width:100%;
	height:auto;
}


#line .bana a img{
	-webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
}

#line .bana a img:hover{
	transform: scale(0.97);
}




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


#line{
	padding:2em 0;
	}
	
#line h2{
	font-size:110%;
	line-height:180%;
	text-align:center;
	margin-bottom:2em;
	white-space:nowrap;
	width:100%;
}

#line h2 span{
	display:block;
	font-size:180%;
	line-height:120%;
}

#line .h2style{
	text-align:center;
	position:relative;
	padding:0 20px;

}

#line .h2style::before{
	display:inline-block;
	content:"";
	height:110px;
	width:1px;
	border-left: 2px solid #0B7394;
	transform: rotate(-30deg);
	position:absolute;
	top:0;
	left:0px;
	
}

#line .h2style::after{
	display:inline-block;
	content:"";
	height:110px;
	width:1px;
	border-left: 2px solid #0B7394;
	transform: rotate(30deg);
	position:absolute;
	top:0;
	right:0px;
}


}


/**/


#service{
	padding:2em 0 1em;
	background:url(../img/bg_pink.png) 0 0 ;
}

.service_inner{
	max-width:2200px;
	margin:0 auto;
}
 
#service h2{
	font-size:170%;
	line-height:150%;
	text-align:center;
	margin-bottom:1em;
	position:relative;
	z-index:1;
}

#service h2 span{
	display:block;
	font-size:140%;
	color:#95CEDB;
	color:#ADDEF8;
	color:#7DCEF4;
font-family: 'BIZ UDPMincho', serif;
font-weight:500;
}

#service h2::before{
	content:"";
	background:#fff;
	height:60px;
	position:absolute;
	top:-1.3em;
	left:0;
	width:100%;
	z-index:-1;
}


/*
#service .service_head{
	background:rgba(255,255,255,0.8);
	padding:1em;
	margin:0 0 1em;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	text-align:left;
	line-height: 200%;
}
#service .service_head h3{
	color:#333;
	margin-bottom:0.5em;
}
*/


#service .fbox{
	padding:0 1em 1em;
}
#service .item{
	background:#fff;
	width:100%;
	margin-bottom:1em;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

#service .item h3{
	text-align:center;
	padding:1.5em 0 1em;
	color:#333;
	font-size:130%;
	line-height:150%;
	border-bottom:2px solid rgba(244,179,200,0.8);
	
}

#service .item-wid h3{
	color:#333;
	padding:1em 0 0;
	margin:0 1em 0;
	border-bottom:none;

}

#service .item figure{
	width:100%;
	margin:20px 0 10px;
}

#service .item figure img{
	width:100%;
	height:auto;
}

#service .item .data{
padding:1em;
line-height:200%;
}

#service .item .data li,
#service .service_head li{
	display:inline;
	padding-right:0.5em;
}

#service .item .data li::after,
#service .service_head li::after{
	content:"　/ ";
	color:#CCC;
	display:inline;
}

#service .item .data li:last-child::after,
#service .service_head li:last-child::after{
	content:"";
}

/*#service .item .data figure{
	display:block;
	width:70%;
	padding:15px;
	margin:0 auto;
}
#service .item .data img{
	max-width:100%;
	height:auto;
}*/

#service .report{
	/*margin:0 1.5em;*/
	padding:1em;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	text-align:center;
	background: rgba(244,179,200,0.2);}

#service .report h3{
	margin:0.5em 0;
	padding:0;
	font-size:120%;
	border-bottom:none;
}

#service .report li{
	display:inline-block;
	background:url(../img/icon_pdf.gif) 0 4px no-repeat;
	padding:0.3em 30px;
	margin:0.3em 0;
}

#service .item-wid{
background:rgba(255,255,255,0.8);
}



@media only screen and (min-width: 1101px) { /*pc*/

#service{
	background:url(../img/bg_pink.png) 0 0  repeat-x;
}

#service h2{
	font-size:220%;
	line-height:190%;
	text-align:center;
	/*margin-bottom:2em;*/
}

#service h2 span{
	font-size:130%;
}


#service h2::before{
	content:"";
	background:#fff;
	height:75px;
	position:absolute;
	top:-1.2em;
	left:0;
	width:100%;
	z-index:-1;
}

/*#service .service_head{
padding:1.5em 2em;
	margin:0 1.5em 1em;
}*/
#service .fbox{
	padding:0 1em 1em;
	display:flex;
	flex-wrap:wrap;
}
#service .item{
width:auto;
/*flex:0 0 24%;*/
flex:0 0 32%;
margin:0.5% 0.5% 1em;
}

#service .item-wid{
flex:0 0 98%;
}

#service .item-wid h3{
	text-align:left;
}

#service .report{
	margin:0 0.5% 2em;
flex:0 0 98%;
}
}

@media only screen and (min-width: 769px) and (max-width: 1100px) { /*pc*/

/*#service .service_head{
	margin:0 1em 1em;
}
*/

#service{
	background:url(../img/bg_pink.png) 0 0  repeat-x;
}


#service .fbox{
	padding:0 1em 1em;
	display:flex;
	flex-wrap:wrap;
}
#service .item{
width:auto;
/*flex:0 0 49%;*/
flex:0 0 32%;
margin:0.5% 0.5% 1em;
}

#service .report{
margin:0 0.5% 2em;
flex:0 0 98%;
}
#service .item-wid{
flex:0 0 98%;
}

#service .item-wid h3{
	text-align:left;
}


}


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

#service .report{
	/*margin:0 1em 2em;*/
	background:#fff;
}

#service .report h3{
	font-size:120%;
	text-align:left;
}

#service .report h3 br{
	display:none;
}



#service .report ul{
	text-align:left;
}

#service .report li{
padding: 0.3em 0.5em 0.3em 30px;}


}



#tax_fee{
	padding:1em 0 1em;
}

#tax_fee h2{
	font-size:170%;
	line-height:150%;
	text-align:center;
	margin-bottom:1em;
	position:relative;
	z-index:1;
}

#tax_fee h2 span{
	display:block;
	font-size:80%;
	color:#95CEDB;
	color:#ADDEF8;
	color:#7DCEF4;
font-family: 'BIZ UDPMincho', serif;
font-weight:500;
}

#tax_fee picture img,
#tax_fee figure img{
	width:100%;
	height:auto;
}




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

#tax_fee picture,
#tax_fee figure{
	margin:2em 0;
	display:block;
}

#tax_fee .tcenter{
	text-align:left;
}



}

@media only screen and (min-width: 769px) { /*pc*/

#tax_fee{
	padding:2em 0 1em;
}


#tax_fee h2{
	font-size:220%;
	line-height:190%;
}

#tax_fee h2 span{
	font-size:130%;
}


#tax_fee picture,
#tax_fee figure{
	margin:4em 0;
	display:block;
}

}



/**/

#partner{
	overflow:hidden;
	text-align:center;
	padding:3em 0;
	width:calc(100vw - (100vw - 100%));
}

#partner h3{
	font-size:110%;
	line-height:190%;
	margin: 0 1em 0.5em;
	color:#333;
}

#partner ul{
	margin:2em 1em 1em;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

#partner li{
	padding:0 2em;
}

#partner li img{
	height:60px;
	width:auto;
margin-bottom:10px;}

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

#partner h3{
	line-height:150%;
	text-align:left;
	}


#partner li{
	padding:0 1em;
}
#partner li img{
	height:40px;
	width:auto;
}

}


/**/


#tax_fee table th.sakura{
	background:#0B7394;
	color:#fff;
}

/*#tax_fee table th:last-child {
	background:#F3B3C9;
	color:#fff;
}*/


#tax_fee table th:nth-last-child(-n+2){
	background:#F3B3C9;
	color:#fff;
}


#tax_fee table th:last-child {
/*	background:#FDBEAC;
	color:#fff;*/
	font-size:80%;
	width:18%;
}



#tax_fee table{
	position:relative;
	width:100%;
	margin:1em 0 2em;
	background:#fff;
}


.color_f{
	color: #EA5D97;
}

.tax_f{
	margin-bottom:1em;
	color: #EA5D97;
}

#tax_fee table caption{
	text-align:left;
	padding:0.5em 0;
	font-weight:bold;
	font-size:110%;
	width:100%;
}


#tax_fee table th,
#tax_fee table td{
	padding:0.8em 0.6em;
	text-align:center;
	font-weight:normal;

}

#tax_fee table td{
	border-bottom:1px solid #fff;
}

#tax_fee table tr:last-child td{
	border-bottom:1px solid #F2F2F2;
}
#tax_fee table tr{
	transition: .3s;
}

#tax_fee table tr.thead{
position:relative;
background:#ADDEF8;
/*opacity:1;*/
}


#tax_fee table caption span.cyu{
	text-align:right;
	font-size:80%;
}



@media screen and (min-width: 769px) {
	
	#tax_fee table caption span{
	display:inline-block;
		width:70%;
}

#tax_fee table caption span.cyu{
	display:inline-block;
	width:30%;
}



#tax_fee table tr:nth-of-type(even){
	background:#F2F2F2;}
	
#tax_fee .tb_c table td{
	width:25%;
}


}

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

#tax_fee table {
 width: 100%;

}
#tax_fee table tr.thead{
	display:none;
}

#tax_fee table .thead {
	display: none;
}
#tax_fee table tr {
	width: 100%;
}
#tax_fee table td {
    display: block;
    text-align: right;
    width: 100%;
				border-bottom:1px solid #ccc;
}
#tax_fee table td:first-child {
    background: #0C7396;
    color: #fff;
    text-align: right;
				
}
#tax_fee table td:before {
    content: attr(data-label);
    float: left;
    margin-right: 10px;
				color:#0C7396;
}

#tax_fee table td:first-child:before {
				color:#fff;
}



/*#tax_fee table td:last-child:before {
	color:#EA5D97;
}
*/
#tax_fee table td:nth-last-child(-n+2):before {
	color:#EA5D97;
}

#tax_fee table caption span{
	display:inline-block;
	width:100%;
}

}