@charset "utf-8";

/*****************************************
　<TOPページ以外>
*****************************************/

.with_pict {
    height: 150px;
    padding:0;
    overflow: hidden;
    margin: 8px auto;
}

.subpage_catch {
	background: rgb(171,230,230);
	background: -webkit-linear-gradient(left, rgba(171,230,230,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 80%, rgba(229,237,237,1) 100%);
	background: -o-linear-gradient(left, rgba(171,230,230,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 80%, rgba(229,237,237,1) 100%);
	background: linear-gradient(to right, rgba(172,226,216,1.00) 0%, rgba(200,238,238,1.00) 50%, rgba(235,248,248,1.00) 80%, rgba(212,229,229,1.00) 100%);
    overflow: hidden;
}

.subpage_catch_title {
    max-width:730px;
    box-sizing: border-box;
    background: rgb(0,0,0,0.65);
    color: #fff;
    margin: 70px auto 70px auto;
    border-radius: 0;/*60px;*/
    padding-top: 25px;
    padding-bottom: 25px;
}

    .with_pict .subpage_catch_title {/*タイトル背景に写真ありなら余白調整*/
        margin: 15px auto 15px auto;
        margin-top: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    }

	.subpage_catch_title h1 {
		font-size: 26px;
		letter-spacing: 0.1em;
		line-height: 1.6em;
		margin: auto;
		font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
        text-align: center;
	}
        .subpage_catch_title h1 br {
            display: none;
        }
                                                                        @media all and (max-width: 623px) {
                                                                            .subpage_catch_title h1.shrink {
                                                                                font-size: 24px;
                                                                                letter-spacing: 0em;
                                                                            }                                                                            
                                                                        }
                                                                        @media all and (max-width: 428px) {
                                                                            .subpage_catch_title h1.shrink {
                                                                                font-size: 20px;
                                                                            }                                                                            
                                                                        }
                                                                        @media all and (max-width: 380px) {
                                                                            .subpage_catch_title h1.shrink {
                                                                                font-size: 19px;
                                                                            }                                                                            
                                                                        }
	p.h1_guid {
        width:100%;
        max-width: 850px;
        margin: 50px auto 80px auto;
        text-align: left;
        font-size: 20px;
            line-height: 1.8em;
	}
        p.h1_guid br {
            display: block;
            content: "";
            margin: 10px 0;
        }

h1.subpage_basic {
    font-size:24px;
    letter-spacing: 0.05em;
    font-family:'中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-display: swap;
    border-radius: 3px;
    background: -webkit-linear-gradient(transparent 70%, #A3EBE3 0%);
    background: -o-linear-gradient(transparent 70%, #A3EBE3 0%);
    background: linear-gradient(transparent 70%, #A3EBE3 0%);
    padding:0 auto 0 10px;
    max-width: 335px;
    margin-bottom: 1em;
    box-sizing: border-box;
    text-align: left;
}
    h1.subpage_basic_shrink {
        font-size:21px;
        letter-spacing: 0.05em;
        font-family:'中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        border-radius: 3px;
        background: -webkit-linear-gradient(transparent 70%, #A3EBE3 0%);
        background: -o-linear-gradient(transparent 70%, #A3EBE3 0%);
        background: linear-gradient(transparent 70%, #A3EBE3 0%);
        padding:0 auto 0 10px;
        max-width: 335px;
        margin-bottom: 1em;
        box-sizing: border-box;
        text-align: left;
    }
.noflexbox_basic p {/*flexboxに入る前の文章など*/
    font-size: 18px;
    margin-bottom: 0.7em;
    line-height: 1.7em;
    text-align: left;
}

.flexbox_basic {/*flexboxの基本形*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
   margin-bottom: 120px;
}
    .yokonaga743{
        max-width:745px;
    }
        .yokonaga743 img{
            max-width:743px;
            width:100%;
            height: auto;
            margin-bottom: 20px;
        }
    .flexbox_basic .flexbox_basic_note {/*flexboxの画像の右に来る文章box基本形*/
        width:360px;
        flex-grow: 1;       
        margin-left: 20px;
        text-align: left;
    }
    .yokonaga743 .flexbox_basic_note{
        margin-left: 0px;
    }
        .flexbox_basic .flexbox_basic_note p {/*flexboxの画像の右に来る文章box基本形*/
            font-size: 18px;
            margin-bottom: 0.7em;
            line-height: 1.7em;
        }
            .flexbox_basic .flexbox_basic_note .pickup{
                background-color: #ECF6F7;
                background: -webkit-repeating-linear-gradient(-45deg, #ECF6F7, #ECF6F7 3px,#E1F5EE 3px, #E1F5EE 7px);
                background: repeating-linear-gradient(-45deg, #ECF6F7, #ECF6F7 3px,#E1F5EE 3px, #E1F5EE 7px);
            }
                .flexbox_basic .flexbox_basic_note .pickup h2 {
                    font-size:17px;
                    position: relative;
                    color: black;
                    background: #BEE5DE;
                    line-height: 1.4;
                    padding: 0.5em 0.5em;
                    margin: 2em 0 0.5em;
                }
                    .flexbox_basic .flexbox_basic_note .pickup h2:after {
                        position: absolute;
                        font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                        font-display: swap;
                        font-weight: 900;
                        content: '✓ Point';
                        background: #3FA79F;
                        color: #fff;
                        left: 0px;
                        bottom: 100%;
                        border-radius: 5px 5px 0 0;
                        padding: 3px 7px 1px;
                        font-size: 0.7em;
                        line-height: 1;
                        letter-spacing: 0.05em
                    }
                .flexbox_basic .flexbox_basic_note .pickup p{
                    padding:0 10px 10px 10px;
                    font-size: 17px;
                }

                                                                        @media all and (max-width: 767px) {
                                                                            .flexbox_basic {/*flexboxの基本形*/
                                                                                flex-direction: column;
                                                                                flex-wrap: wrap;
                                                                                justify-content: center;
                                                                                align-items: center;
                                                                            }
                                                                            .flexbox_basic .flexbox_basic_note {/*flexboxの画像の右に来る文章box基本形*/  
                                                                                margin-left: 0;
                                                                                margin-top: 25px;
                                                                                width:100%;
                                                                            }     
                                                                                .flexbox_basic .flexbox_basic_note p, .noflexbox_basic p {/*flexboxの画像の右に来る文章box基本形*/
                                                                                    font-size: 17px;
                                                                                    margin-bottom: 0.7em;
                                                                                }              
                                                                        }

.blue_fullback {
    /*background-color: #F3F9FA;*/
	background: -webkit-repeating-linear-gradient(-45deg, #ECF6F7, #ECF6F7 3px,#E1F5EE 3px, #E1F5EE 7px);
	background: repeating-linear-gradient(-45deg, #ECF6F7, #ECF6F7 3px,#E1F5EE 3px, #E1F5EE 7px);
    overflow: hidden;
}
	.blue_fullback .flexbox_bf_back {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
        align-content: flex-start;
	}
		.blue_fullback .note1_bf_back {
			width:300px;
			margin-bottom: 30px;
			background-color: #FFFFFF;
			box-sizing: border-box;
			padding: 15px;
            text-align: left;
		}

			.blue_fullback .note1_bf_back h2 {
				text-align: center;
				font-size: 21px;
				border-bottom: 1px solid #AAAAAA;
				padding-bottom: 7px;
				margin-bottom:7px;
			}
			.blue_fullback .note1_bf_back .btn_bf_back {
				width:200px;
				margin: 20px auto 0 auto;
			}
            .blue_fullback .note1_bf_back .hover_btn::after{/*アイコンを標準より右へ*/
                right:20px;
            }


#next_page {
    padding: 0 0 100px 0;
}
    #next_page .flexbox_next_page{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: flex-start;
    }
        #next_page .flexbox_next_page .guide_next_page {
            width:450px;
            height: 450px;
            box-sizing: border-box;
              position: relative;
        }
            #next_page .flexbox_next_page .go_detail_clinic {
                background: url("../img2/detail_user/page_btn_clinic.jpg") no-repeat center center;                
            }
            #next_page .flexbox_next_page .go_plan {
                background: url("../img2/detail_clinic/page_btn_plan.jpg") no-repeat center center;                
            }
            #next_page .flexbox_next_page .go_step {
                background: url("../img2/plan/page_btn_step.jpg") no-repeat center center;                
            }
            #next_page .flexbox_next_page .go_request {
                background: url("../img2/step/page_btn_request.jpg") no-repeat center center;                
            }
            #next_page .flexbox_next_page .go_top {
                background: url("../img2/top/page_btn_top.jpg") no-repeat center center;                
            }
        #next_page .flexbox_next_page .guide_demo {
            width:450px;
            height: 450px;
            background: url("../img2/top/page_btn_demo.jpg") no-repeat center center;
            box-sizing: border-box;
              position: relative;
        }
            #next_page .flexbox_next_page .innerbox_next_page {
                border:3px #fff solid;
                background: rgba(0,0,0,0.3);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                width: 80%;
                height: 80%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
                #next_page .flexbox_next_page .innerbox_next_page p {
                    text-align: center;
                    color: #fff;
                    font-size:21px;
                    line-height: 1.8em;
                    margin-top: 15px;
                    margin-bottom: 50px;
                    letter-spacing: 0.1em;
                    font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                    font-display: swap;
                }
                #next_page .flexbox_next_page .innerbox_next_page .hover_btn {
                    width:200px;
                    font-size: 16px;
                }
                    #next_page .flexbox_next_page .innerbox_next_page .hover_btn::after{/*アイコンを標準より右へ*/
                        right:20px;
                    }
                                                            @media all and (max-width: 1000px) {
                                                                    #next_page .flexbox_next_page .guide_next_page,#next_page .flexbox_next_page .guide_demo {
                                                                        width:340px;
                                                                        height: 340px;
                                                                    }
                                                                        #next_page .flexbox_next_page .innerbox_next_page p {
                                                                            font-size:17px;
                                                                        }
                                                            }
                                                            @media all and (max-width: 766px) {
                                                                    #next_page .flexbox_next_page{
                                                                        align-items: center;
                                                                    }
                                                                    #next_page .flexbox_next_page .guide_next_page,#next_page .flexbox_next_page .guide_demo {
                                                                        margin-bottom: 30px;
                                                                    }
                                                            }



img.add_border {
    border:1px solid #ccc;    
}
.whiteback {
    background: rgb(255,255,255,0.75);
}