@charset "UTF-8";
/* CSS 固定ページcss*/
/*====================================================共通設定==========================================================*/

img{max-width:100%;}

.bg_pinknami{
	background:url("../img/bg_nami_9.png") repeat-x top left,url("../img/bg_nami_10.png") repeat-x bottom left;
	padding: 22px 0 ;
}	
.bg_pink{
		background:rgba(255,236,239,1.00);
		
	}
.bg_yellow{
	background:#FFFEED;
}
/*---------詳しくみるボタン----------*/
.botton{
	display:block;
	text-align:center;
	padding: 0.9em 0.5em;
	color:white;
	font-size:1.3rem;
	background: #f16a77;/*色*/
	border: solid 1px #ff4d6e;/*線色*/
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	color:#fff;
	text-decoration: none;
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
  }
  .botton i{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: white transparent transparent transparent;
	position: relative;
	top:22px;
	margin-right:10px;
	}
/*---------// 詳しくみるボタン----------*/

/*デメリット*/
	.page_blockB{
		border-radius:40px;
		padding:5%;
	}
	.adult_deme{
		color:#7586bb;
		text-align: center;
		margin-bottom:8%;
		padding:2%;
	}
	.page_blockB h4.adult_deme{
		width: 95%;
		margin: 2% auto;
		background: #fff;
		border-radius: 40px;
		border:3px solid #d7dff1;
		color:#7586bb;
		padding:0.4rem 0 0.4rem 1rem;
		margin-bottom: 15px;
		font-size:1.1rem;
	}

/*flow*/
	.page_flow .flow_ul li span.flow_p{color:#ff4d6e;}

.page_boxC{
	margin-bottom: 35px;
}

/*ピンクの100％タイトル*/
h3.page_h3{
    color:white;
    font-weight:bold;
    width:100%;
    background-color:#eb6773;
    text-align: center;
    padding:20px 0;
	position: relative;
}
h3.page_h3:not(.bra_h3):not(.invi_h3):before{
    content: "";
    border: 70px solid transparent;
    border-top: 40px solid #eb6773;
    position: absolute;
    width: 0.01%;
    margin:auto;
    left:0;
    right:0;
    bottom:-100px;
	z-index: 1;}

/*強調タグ*/
.kyoutyou{
	margin:auto;
	background:#fff7df;
}

/*成人矯正の流れ*/
.page_flow h3.invi_h3{text-align:center;}
.page_flow h3.bra_h3{text-align:center;}

/*青背景の価格共通*/
.kakaku{
	background:rgba(0,8,153,0.9);
	padding:1%;
	}
.kakaku p:first-of-type{
	text-align:center;
	color:#fff;}
.kakaku	h2{
	color: #FFFFFF;
	text-align:center;
	font-family:smart;
	}
.kakaku	h2:before{
	content:"";
	background-image: url(../../adult/img/saifu.png);
	display: inline-block;/*忘れずに！*/
	width: 47px;/*画像の幅*/
	height: 47px;/*画像の高さ*/
	background-size: contain;
	vertical-align: middle;
	margin-bottom:10px;
	margin-right:5px;
	}
.kakaku img{
	display:block;
	margin:auto;
	padding-top:1%;
}


.fonta{font-family: 'Palatino Linotype','Bodoni 72',sans-serif;}
/*お困りありませんか？共通*/
.okomari{
	background-image:url("../../adult/img/bg_hatena_as.png") ;	
}
.okomari img{
	display:block;
	margin:auto;
}
.okomari2{
	background:white;
	border-radius:12px;
}
.okomari3{
	display:flex;
	justify-content:space-around;
}

.okomari3 p{
	text-align:center;
}
.num{
	font-size:1.7rem;
	color:#FF9900;
}
/*インビザラインで矯正しよう共通*/
.susume{
	text-align:center;
	padding-top:3%;
}
.susume p{
	font-family: 'メイリオ', Meiryo,'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.susume span{
	color:#3270FF;
}

/*------インビザ４つのポイント共通------*/
.pointh{text-align:center;}

.point{
	padding-bottom:5%;
}
.point2{
	display:flex;
}
.point h2{
	text-align:center;
	color:#3F3F3F;
}
.point .point_h2{
	font-size:0.9rem;
	text-align:center;
}
.point3{
	width:90%;
	margin:3% auto 0;
}
.point3 img{
	display:block;
}
.syourei-bn{
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.4));
}



/*====================================================pc設定==========================================================*/
@media print, screen and (min-width:768px){
		.c_text{
		width:750px;
		min-width: 600px;
		margin:30px auto 30px;
	}

	/*---------PC詳しくみるボタン----------*/

	.botton{
		width:45%;
		margin:4% auto;}

	/*--------// PC詳しくみるボタン---------*/
	
	/*固定ページ*/
	
	main{
		max-width:100%;
		min-width: 600px;
		margin:50px auto 120px;
	}
	h2.page_h2{
		text-align: center;
		color:#ff6a77;
		font-size: 2.1rem;
		margin-bottom: 20px;
	}
	h2.img_h2{
		text-align: center;
		padding:30px 0 30px;
	}
	.bg_invi{
		background:url("../img/bg_nami_1.png") repeat-x top left;
	}
	.brah2{background:#ffecef;}
	.bg_bra{background:url("../img/bg_nami_9.png") repeat-x top left;}
	
	h3.page_h3{margin-bottom:5%;}


	.bg_title p{
		text-align: center;
		background:#fff7df;
		font-size: 1.5rem;
		padding-top: 15px;
	}
	.content_img{
		text-align: center;
	}

	h4.page_h4{
		padding: 0.5em 1em;
    	margin: 2% 0;
    	background: #f7f6f5;
    	border-left: solid 6px #ff4d6e;;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
	}

	.page_blockA{
		max-width: 1000px;
		min-width: 600px;
		margin: 0 auto;
	}
	.page_boxA,
	.page_boxB{
		display:flex;
		flex-wrap: nowrap;
		justify-content:space-between;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 5px dotted #ff99a5;
	}

	.page_boxB{
		justify-content:space-around;
		padding-bottom:0;
		border-bottom:none;
	}
	
	.page_leftA{
		width: 50%;
		
	}
	.page_left p{
		padding-left: 1rem;
		
	}
	p.page_image{
		width: 42%;
		background:#fff;
		padding: 1%;
		box-shadow: 3px 5px 7px #ECDDE1;
		border-radius: 20px;
	}
	p.page_image img{
		display: block;
		width: 100%;
		height: auto;
		border-radius: 15px;}
	.page_D{width: 48%;
	}

	.page_D h4{
		padding: 0.5em 1em;
    	margin: 1em 0;
    	background: #f7f6f5;
    	border-left: solid 6px #ff4d6e;;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
	}

	.page_D p.page_image{
		width: 90%;
		padding: 2%;
	}
	/*デメリット*/
	
	.page_blockB{
		
		margin-bottom: 50px;
	}
	.adult_deme{
		color:#7586bb;
	}
	.page_leftB{
		width:50%;
	}
	.page_leftB p{
		margin-bottom: 20px;
	}
	.deme_image{
		width: 42%;
		padding: 1%;
	}
	
	/*nagare*/
	.page_flow{
		padding: 2%;	
	}
	.flow_bg_y{
		border:10px dotted #fde6c3;
		background: #fff6e6;
	}
	.flow_bg_p{
		border:10px dotted #ffdae0;
		background: #fff1f9;
	}
	.page_flow h3.invi_h3{
		background: #ffc500;
		border: none;
		border-radius: 15px;
		height: 60px;
		line-height: 60px;
		color:#fff;
		font-size:1.5rem;
	}
	.page_flow h3.bra_h3{
		background: #ff4d6e;
		border: none;
		border-radius: 15px;
		height: 60px;
		line-height: 60px;
		color:#fff;
		font-size:1.5rem;
	}
	.page_flow p img{
		
		width: 100%;
		height: auto;
	}
	.page_flow ul.flow_ul{
		margin: 40px 0;
	}
	.page_flow ul.flow_ul li{
	text-align: center;
		margin-bottom: 20px;
		
	}
	.page_flow .flow_ul li span{
		display: block;
		background: #fff;
		height:50px;
		margin: 10px;
		line-height: 50px;
		font-size:1.2rem;
		/*border:3px solid  #ffc500;*/
		border-radius: 15px;
	}
	.kyoutyou,.kyoutyou p{
		width:77%;}
	
/*----------青背景の価格 pc----------------*/
	.kakaku	h2{
		font-size: 2.5rem;
		margin-top:3%;
	}

	.kakaku	p{
		font-size: 1.4rem;
	}
	
	.kakaku2{
		max-width: 1000px;
		display:flex;
		margin:auto;
		}

	.kakaku img{
		width:45%;
	}
	.kakaku3{
		margin-top:3%;
	}


/*-----こんなお困りありませんか？pc------*/
	.okomari{
		padding:3% 0;
	}
	.okomari-top{
		width:40%;
		min-width: 400px;
		max-width: 700px;
	}
	.okomari img{
		padding-top:2%;
		width:80%;
	}
	.okomari2{
		margin:1% auto 2%;
		width:65%;
		max-width:1000px;
		padding-top:2%;
	}
	.okomari2 p{
		width:55%;
		font-size:2rem;
		margin:2% auto;
	}
	.okomari3{
		padding:5%;
	}
	.okomari3 p{
		width:80%;
		font-size:1.4rem; 
	}
	/* susume----インビザラインで矯正しようpc-----*/
	.susume{padding-bottom:3%;}
	.susume p{
		font-size:3rem;}
	.susume p{
		margin:3% auto 2%;}
	.susume span{
		color:#3270FF;}
	.susume img{
		width:130px;
		margin-top:1%;}
/*------インビザ４つのポイント------pc*/
	.pointh{
		font-size: 1.5rem;
		line-height: 70px;
	}
	.point2{
		width:60%;
		max-width: 800px;
		margin:auto;
	}
	.point h2{
		margin-top:5%;
		font-size: 2rem;}
	.point h2:before{
			content:"";
			background-image: url(../../adult/img/kira.png);
			display: inline-block;
			width: 60px;
			height: 60px;
			background-size: contain;
			margin-bottom:10px;
	}
	.point .dr img{
		margin:5% auto;
		display:block;
	}

	.point3{
		display: flex;
		justify-content:center;/*--子要素同士の空白を揃える--*/
		align-items: center;
		width: 950px;
	}

	.point .dr img{
		width:30%;
		margin:3% auto 0;
		display:block;
	}
	.syourei-bn{
		width:50%;
		display:block;
		margin:5% auto 0;
	}
}
/*====================================================pc設定終了==========================================================*/

/*=============================タブレット設定===================================*/
@media screen and (min-width:768px) and (max-width:1024px) { 

	.botton{width:45%;}

	h4.page_h4{
		width: 90%;
	}	
	.page_boxA{
		width:90%;
		margin: 0 auto 10px;
		display:flex;
		flex-wrap: nowrap;
		justify-content:space-between;
	}
	.content_img{
		width: 90%;
		margin: 0 auto;
	}
	.content_img img{
		width: 100%;
		height: auto;
	}
	.page_leftA{
		width: 60%;	
	}
	.page_left p{
		padding-left: 1rem;
	}
	.page_boxA p.page_image{
		width: 35%;
	}
	.page_boxA p.page_image img{
		display: block;
		width: 100%;
		height: auto;
	}
/*nagare*/
	.page_flow{
		width: 88%;
		margin: 0 auto;
		padding: 2%;	
	}
	
	.page_D p.page_image{
		width: 90%;
		padding: 2%;
	}
	/*demerit*/
	.deme_image img{
		display: block;
		width:100%;
		height: auto;
	}
	
	.page_flow .flow_ul li span{height:auto;}

	/*---引用強調----*/
	.kyoutyou,.kyoutyou p{
		width:77%;}
	

	/*---青背景の価格 タブレット----*/
	.kakaku img{
		width:45%;
	}

/*-----こんなお困りありませんか？タブレット------*/
	.okomari{
		padding:3% 0;
	}
	.okomari-top{
		width:40%;
		min-width: 400px;
		max-width: 700px;
	}
	.okomari img{
		padding-top:2%;
		width: 70%;
	}
	.okomari2{
		margin:1% auto 2%;
		width:70%;
		max-width:1000px;
		padding-top:2%;
	}
	.okomari2 p{
		width:70%;
		font-size:1.7rem;
		margin:2% auto;
	}
	.okomari3{
		padding:5%;
	}
	.okomari3 p{
		width:80%;
		font-size:1.4rem; 
	}
/* susume----インビザラインで矯正しようタブレット-----*/
	.susume p{
		font-size:2.7rem;}
	.susume p{
		margin:4% auto 3%;
	}
	.susume img{
		width:100px;
	}

/*------インビザ４つのポイント------pc*/
	.pointh{
		font-size: 1.6rem;
	}
	.point2{
		width:70%;}
	.point3{
		width: 90%;
	}

	.point .dr img{
		width:30%;
		margin:3% auto 0;
		display:block;
	}
	.syourei-bn{
		width:50%;
		display:block;
		margin:5% auto 0;
	}
}
/*====================================================タブレット設定終了==========================================================*/



/*====================================================sp設定==========================================================*/
@media print, screen and (max-width:767px){
	
	.botton{
		width:60%;
		margin:4% auto;}
		
	main{
		width:100%;
		margin:50px auto 70px;
	}
	.page_blockA{
		width:90%;
		margin: 0 auto;
		padding: 5% 0;
	}
	
	h2.page_h2{
		text-align: center;
		color:#ff6a77;
		font-size: 2.1rem;
		padding-bottom: 20px;
	}
	.bg_title{
		margin:0 0 5px 0;
		padding: 22px 0; 
	}
	.bg_title p{
		text-align: center;
		background:#fff7df;
		font-size: 1.2rem;
		padding-top: 15px;
	}
	h2.img_h2{
		width:90%;
		margin: 0 auto;
		padding:2% 5%;
	}
	h2.img_h2 img{
		display: block;
		width:100%;
		margin: 0 auto 20px;
		height: auto;
	}
	.bg_invi{background:url("../img/bg_nami_1.png") repeat-x top left,url("../img/bg_nami_2.png") repeat-x bottom left;}
	.brah2{background:#ffecef;}
	.bg_bra{background:url("../img/bg_nami_9.png") repeat-x top left,url("../img/bg_nami_10.png") repeat-x bottom left;}
	
	h3.page_h3{margin-bottom:12%;font-size:23.5px;}

	h4.page_h4{
		padding: 0.5em 1em;
    	margin: 1em 0;
    	background: #f7f6f5;
    	border-left: solid 6px #ff4d6e;;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
	}
	
	.content_img{
		width: 100%;
		margin: 0 auto;
	}
	.content_img img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.page_boxA p.page_image{
		width: 96%;
		margin:20px auto;
		background: #FFFFFF;
		border: 2px solid #CBCBCB;
		padding: 2%;
	}
	.page_boxA p.page_image img{
		display: block;
		width: 100%;
		height: auto;
	}

		/*デメリット*/
	.page_blockB{
		
		margin-bottom: 30px;
	}
		h3.page_demerith3{
		border:3px solid #d7dff1;
	}
	.page_boxB p.page_image{
		width: 95%;
		margin: 0 auto;
	}
	.page_boxB p.page_image img{
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	.deme_image{
		width: 100%;
		margin: 0 auto;
		
	}
	.deme_image img{
		display: block;
		width: 100%;
		height: auto;
	}
	
	/*nagare*/
	.page_flow{
		padding: 2%;	
	}
	.flow_bg_y{
		border:10px dotted #fde6c3;
		background: #fff6e6;
	}
	.flow_bg_p{
		border:10px dotted #ffdae0;
		background: #fff1f9;
	}
	.page_flow h3.invi_h3{
		background: #ffc500;
		border: none;
		border-radius: 15px;
		height: 55px;
		line-height: 55px;
		color:#fff;
		font-size:1.2rem;
	}
	.page_flow h3.bra_h3{
		background: #ff4d6e;
		border: none;
		border-radius: 15px;
		height: 55px;
		line-height: 55px;
		color:#fff;
		font-size:1.2rem;
	}
	.page_flow p img{
		
		width: 100%;
		height: auto;
	}
	.page_flow ul.flow_ul{
		margin: 40px 0 10px;
	}
	.page_flow ul.flow_ul li{
		text-align: center;
		margin-bottom: 20px;
		
	}
	.page_flow .flow_ul li span{
		text-indent: -1rem;
		text-align:left;
		display: block;
		background: #fff;
		margin: 10px;
		font-size:1rem;
		padding: 0.5rem 0.5rem 0.5rem 2rem;
		/*border:3px solid  #ffc500;*/
		border-radius: 15px;
	}

	.page_D{
		width: 100%;
	}

	.page_D h4{
		padding: 0.5em 1em;
    	margin: 1em 0;
    	background: #f7f6f5;
    	border-left: solid 6px #ff4d6e;;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
	}
	.page_D p.page_image{
		width: 90%;
		padding: 2%;
	}
	/*---引用強調----*/
	.kyoutyou,.kyoutyou p{
		width:80%;}
	
	/*---青背景の価格sp----*/
	.kakaku	h2{
		margin-top:8%;
	}
	.kakaku	p{
		font-size:1.2rem;
	}
	.kakaku2 img{
		width:90%;
	}
	.kakaku2 img:nth-child(1){
		margin-top:4%;
	}
	.kakaku3{
		margin-top:10%;
	}

	/*お困りありませんか？sp*/
	.okomari{
		padding:5%;	
	}
	.okomari img{
		padding-top:3%;
		width:85%;
	}
	.okomari2{
		margin:5% auto 2%;
		width:85%;
		padding:8% 2% 2% 2%;
	}
	.okomari2 p{
		font-size:1.2rem;
		margin-bottom:8%;
	}
	.okomari3 p{
		font-size:1rem;
	}
	.okomari3 img{
		width:90%;
	}
	/*インビザラインで矯正しようsp*/
	.susume{padding:10% ;}
	.susume p{
		font-size:1.6rem;
		font-weight: bold;
	}
	.susume p:nth-child(1){
		margin:auto;
	}
	.susume span{
		color:#3270FF;
	}
	.susume img{
		margin-top:3%;
	}
/*------インビザ４つのポイントsp------*/

	.pointh{
		font-size:1.3rem;
		line-height: 60px;
	}
	.point .point2{
		width:94%;
		margin:auto;}
	.point h2{
		margin-top:15%;
		font-size:1.5rem;
		}
	.point h2 span{margin-right:20px;}/*--アイコン挿入で中心からずれる分だけ調整--*/
	.point h2:before{
			content:"";
			background-image: url(../../adult/img/kira.png);
			display: inline-block;
			width: 40px;
			height: 40px;
			background-size: contain;
			margin-bottom:10px;
	}
	.point3 p{margin-top:30px;}
	.point .dr img{
		margin:5% auto;
		display:block;
	}
	/*----成人矯正のページへのリンク-----*/
	.syourei-bn{
		margin:8% auto 0;
	}





}/*=============================sp設定終了===================================*/
/*---1025px以上----*/
@media print, screen and (min-width:1025px){
	/*---引用強調----*/
	.kyoutyou,.kyoutyou p{
	width:900px;}
	.kyoutyou{
		padding:2% auto;}
}