@charset "utf-8";

/*****************************************
　<main>
*****************************************/
#main_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(171,230,230,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 80%, rgba(229,237,237,1) 100%);
	height: 650px;
}
                                                                        @media all and (max-width: 1225px) {
                                                                            #main_catch .fixed_width1 {
                                                                                padding-left:0px;
                                                                                padding-right: 0px;
                                                                            }
                                                                        }

#main_catch_title {
	width:600px;
	padding-top: 50px;
	position: relative;
    height: 650px;
    box-sizing: border-box;
}
	#main_catch_title h1 {
		font-size: 30px;
		letter-spacing: 0.1em;
		line-height: 48px;
		position: absolute;
		top: 220px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
	#main_catch_title .syougou {/*称号の角丸白背景*/
		background-color: #FFFFFF;
		width:510px;
		height: 240px;
		position: absolute;
		top: 290px;
		right: 0;
		bottom: 0px;
		left: 0;
		margin: auto;
		border-radius: 250px;
		padding-top: 15px;
	}

#main_catch_img {
	position: absolute;
	top:70px;
	right:0;
	z-index: 500
}
                                                                @media all and (max-width: 1023px) {
                                                                    #main_catch_img {
	                                                                    top:100px;
                                                                    }
                                                                        #main_catch_img img {
                                                                            width:50vw;
                                                                            height: auto;
                                                                        }
                                                                }
                                                                @media all and (max-width: 950px) {
                                                                    #main_catch_img {
	                                                                    top:125px;
                                                                    }
                                                                }
                                                                @media all and (max-width: 870px) {
                                                                    #main_catch_title {
                                                                        width:480px;
                                                                    }
                                                                        #main_catch_title h1 {
                                                                            font-size: 28px;
                                                                            letter-spacing: 0.1em;
                                                                            line-height: 45px;
                                                                        }
                                                                        #main_catch_title .syougou {/*称号の角丸白背景*/
                                                                            width:460px;
                                                                            height: 240px;
                                                                            border-radius: 100px;
                                                                        }
                                                                    #main_catch_img {
	                                                                    top:170px;
                                                                    }
                                                                }
                                                                @media all and (max-width: 767px) {
                                                                    #main_catch_title {
                                                                        width:100%;
                                                                        padding-top: 50px;
                                                                    }
                                                                        #main_catch_title .syougou {/*称号の角丸白背景*/
                                                                            margin-left: 10px;
                                                                            margin-right: auto;
                                                                        }
                                                                    
                                                                    #main_catch_img {
	                                                                    top:300px;
                                                                    }
                                                                        #main_catch_img img {
                                                                            width:40vw;
                                                                        }
                                                                }
                                                                @media all and (max-width: 654px) {
                                                                    #main_catch_title {
                                                                        width:100%;
                                                                    }
                                                                    #main_catch_img {
                                                                    	display: none;
                                                                    }
                                                                        #main_catch_title .syougou {/*称号の角丸白背景*/
                                                                            width: 95%;   
                                                                            margin-left: auto;
                                                                            margin-right: auto;                                                                         
                                                                        }
                                                                }
                                                                @media all and (max-width: 550px) {
                                                                    #main_catch {
                                                                        height: 610px;
                                                                    }
                                                                    #main_catch_title {
                                                                        padding-top: 20px;
                                                                    }
                                                                    #main_catch_title {
                                                                    }
                                                                        #main_catch_title h1 {
                                                                            font-size: 24px;
                                                                        }
                                                                        #main_catch_title .syougou {/*称号の角丸白背景*/
                                                                            width: 350px;
                                                                            margin-left: auto;
                                                                            margin-right: auto;
                                                                            border-radius: 0px;
                                                                        }
                                                                }
#main_catch ul.balloons {
	display: flex;
  	justify-content: space-between; /* 左右均等分布 */
	align-items: center; /* 上下中央揃え */
}

/* CHECK */
.balloon1, .balloon2, .balloon3{
	font-size: 17px;
	position: relative;
	padding:35px 0 0 0;
	width: 200px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	color: #ffffff;
	letter-spacing: 0.07em;
	background-color: #4a929e;
	margin: 0 10px;
	font-family:'TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-display: swap;
}
	.balloon1::before, .balloon2::before, .balloon3::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		right: 50px;
		bottom: -20px;
		border-right: 60px solid #4a929e;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		transform: rotate(-110deg);
	}
	.balloon2::before{
		right: 60px;
		transform: rotate(-90deg);
	}
	.balloon3::before{
		right: 70px;
		transform: rotate(-70deg);
	}
                                                                @media all and (max-width: 870px) {
                                                                    .balloon1, .balloon2, .balloon3{
                                                                        font-size: 16px;
                                                                        width: 220px;
                                                                        height: 90px;
                                                                        border-radius: 50%;
                                                                        letter-spacing: 0em;
                                                                        margin: 0 5px;
                                                                    }
                                                                }
                                                                @media all and (max-width: 550px) {
                                                                    #main_catch ul.balloons {
                                                                        display: block;
                                                                        width: 250px;
                                                                        margin: 0 auto;
                                                                    }
                                                                    #main_catch ul.balloons br {
                                                                        display: none;
                                                                    }
                                                                    .balloon1, .balloon2, .balloon3{
                                                                        font-size: 15px;
                                                                        position: static;
                                                                        padding:7px 0 7px 0;
                                                                        width: 250px;
                                                                        height: auto;
                                                                        border-radius: 15px;
                                                                        letter-spacing: 0.07em;
                                                                        background-color: #4a929e;
                                                                        margin: 13px 0;
                                                                    }
                                                                        .balloon1::before, .balloon2::before, .balloon3::before{
                                                                            content: none;
                                                                        }
                                                                }

#section1 {
	text-align: left;
}
	#section1 p.subtitle_sc1 {
		margin-top: 70px;
		font-size:16px;
		position: relative;
		padding: 0.4em 0.6em;
		background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
		background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
		border-radius: 7px;
		width: 200px;
		font-family:'TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
		#section1 p.subtitle_sc1::after {
			position: absolute;
			content: '';
			top: 100%;
			left: 30px;
			border: 15px solid transparent;
			border-top: 15px solid #ffebbe;
			width: 0;
			height: 0;
		}
	#section1 h1 {
		/*color: #4a929e;*/
		margin-top: 20px;
		font-size:26px;
		font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
                                                                        @media all and (max-width: 795px) {
                                                                            #section1 h1 {
		                                                                      font-size:23px;
                                                                            }
                                                                        }
                                                                        @media all and (max-width:708px) {
                                                                            #section1 h1 {
		                                                                      font-size:22px;
                                                                            }
                                                                        }
                                                                        @media all and (max-width:600px) {
                                                                            #section1 h1 {
		                                                                      font-size:21px;
                                                                            }
                                                                        }
                                                                        @media all and (max-width:428px) {
                                                                            #section1 h1 {
		                                                                      font-size:20px;
                                                                            }
                                                                        }
	#section1 .flexbox_sc1 {
		margin-top: 30px;
		display: flex;
		justify-content: center; /* 中央 */
		align-items: center; /* 上下中央揃え */
		flex-wrap: nowwrap;
	}
    #section1 .note_sc1 {
        min-width: 300px;
        flex-shrink: 1;
    }
	#section1 img {
		margin-right: 50px;
        flex-shrink: 0;
	}
	#section1 p {
		font-size:19px;
		margin-bottom: 15px;
	}
	#section1 ul li {
		font-size:19px;
		margin-bottom: 20px;
		margin-left: 20px;
		width:270px;
		padding: 10px 20px;/*文字周りの余白*/
		border-radius: 25px;/*左側の角を丸く*/
		text-shadow: 0 0 5px white;
		background: -webkit-repeating-linear-gradient(-45deg, #F9E8E1, #F9E8E1 3px,#FFEEF2 3px, #FFEEF2 7px);
		background: repeating-linear-gradient(-45deg, #F9E8E1, #F9E8E1 3px,#FFEEF2 3px, #FFEEF2 7px);
		font-family:'Lato','丸フォーク M',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
		#section1 ul li .steps {
			font-size: 14px;
			letter-spacing: 0.1em;
		}
                                                                        @media all and (max-width: 1220px) {
                                                                            #section1 img {
		                                                                      margin-right: 25px;
                                                                            }
                                                                        }
                                                                        @media all and (max-width: 670px) {
                                                                            #section1 .flexbox_sc1 {
                                                                                flex-wrap: wrap;
                                                                            }
                                                                            #section1 img {
		                                                                      margin-right: 0px;
                                                                                margin-bottom: 25px;
                                                                            }
                                                                            #section1 ul li {
                                                                                margin-left: 0px;
                                                                            }
                                                                        }

#section2 {
	text-align: left;
	background-color: #ECF6F7;
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	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);
}
	#section2 h1 {
        /*color: #4a929e;*/
        width:300px;
        font-size:28px;
        font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        border-radius: 2px;
        background: -webkit-linear-gradient(transparent 75%, #F5EC97 0%);
        background: -o-linear-gradient(transparent 75%, #F5EC97 0%);
        background: linear-gradient(transparent 75%, #F5EC97 0%);
    }
	#section2 .flexbox_sc2 {
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
		#section2 .note1_sc2 {
			width:500px;
			margin: 30px;
			background-color: #FFFFFF;
			box-sizing: border-box;
			padding: 40px;
		}
			#section2 .note1_sc2 .numbering_back1,#section2 .note1_sc2 .numbering_back2,#section2 .note1_sc2 .numbering_back3,#section2 .note1_sc2 .numbering_back4 {
				position: relative;
				width: 200px;
				height: 60px; 
				border-radius: 50%;
				text-align: center;
				margin: 0px auto 20px auto;
			}
				#section2 .note1_sc2 .numbering_back1 {
					background-color: rgba(255,239,241,1.00);
				}
				#section2 .note1_sc2 .numbering_back2 {
					background-color: rgba(239,255,241,1.00);
				}
				#section2 .note1_sc2 .numbering_back3 {
					background-color: rgba(255,253,225,1.00);
				}
				#section2 .note1_sc2 .numbering_back4 {
					background-color: rgba(246,241,255,1.00);
				}
				#section2 .note1_sc2 .numbering {
					color: #4a929e;
					font-size:90px;
					position: absolute;
					top: 5%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
					font-display: swap;
				}
			#section2 .note1_sc2 h2 {
				text-align: center;
				font-family:'Lato',"見出ゴMB31",'中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-display: swap;
				font-size: 21px;
				border-bottom: 1px solid #AAAAAA;
				padding-bottom: 7px;
				margin-bottom:7px;
			}
			#section2 .note1_sc2 .btn_sc2 {
				width:250px;
				margin: 30px auto 0 auto;
			}

#section3 {
	text-align: left;
    border-top: 1px solid #fff;
    height: 800px;
    /*background-color: #F3F9FA;*/
}
                                                                        @media all and (max-width: 1225px) {
                                                                            #section3 .fixed_width1 {
                                                                                padding-right: 0px;
                                                                            }
                                                                        }
	#section3 h1 {
		color: #fff;
		max-width:820px;
        width:95%;
		font-size:28px;
        box-sizing: border-box;
        letter-spacing: 0.1em;
		font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
        padding:5px 0 5px 20px;
        background: -webkit-repeating-linear-gradient(-45deg, #47737B, #47737B 3px,#49767E 3px, #49767E 7px);
        background: repeating-linear-gradient(-45deg, #47737B, #47737B 3px,#49767E 3px, #49767E 7px);
        position: absolute;
        top:110px;
        left: 0px;
        z-index: 50;
	}
	#section3 .img_box_sc3 {
		text-align: right;
		padding-top: 135px;
		margin-left: auto;
		margin-right: 0;
		width:100%;
        overflow: hidden;
	}
        #section3 .img_box_sc3 img {
            height: 600px;
            width: auto;
        }
	#section3 ul {
        position: absolute;
        top:205px;
        left: 80px;
        z-index: 50;
	}
        #section3 ul li {
            width:550px;
            margin-bottom: 30px;
        }
            #section3 ul li a {
                font-size: 20px;
            }
                                                                        @media all and (max-width: 1062px) {
                                                                            #section3 ul {
                                                                                left: 20px;
                                                                            }
                                                                                #section3 ul li {
                                                                                    width:450px;
                                                                                }
                                                                                    #section3 ul li a {
                                                                                        font-size: 18px;
                                                                                    }
                                                                        }
                                                                        @media all and (max-width: 490px) {
                                                                            #section3 ul {
                                                                                    width:345px;     
                                                                                left: 0;
                                                                                right:0;
                                                                                margin: auto;
                                                                            }
                                                                                #section3 ul li {
                                                                                    width:345px;                                                                                    
                                                                                }
                                                                                    #section3 ul li a {
                                                                                        font-size: 16px;
                                                                                    }
                                                                            #section3 ul .hover_btn::after{/*アイコンを標準より右へ*/
                                                                                right:15px;
                                                                            }
                                                                        }

#section4 {
    /*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);
}
    #section4 .header_sc4 {
        background-color: #ddeceb;
        padding-top: 15px;
        padding-bottom: 15px;
    }
        #section4 .header_sc4  p.subtitle_sc4 {
            background-color: #47737B;
            color:#fff;
            font-size:17px;
            border-radius: 50%;
            padding-top: 12px;
            padding-bottom: 12px;
            width:160px;
            margin: 10px auto 5px auto;
        }
        #section4 .header_sc4 h1 {
            font-size:30px;
            font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-display: swap;
        }
        #section4 p.guide_sc4 {
            width:100%;
            max-width: 750px;
            margin: 30px auto;
            text-align: left;
            font-size: 20px;
            line-height: 1.8em;
        }

	#section4 .flexbox_sc4 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
        align-content: flex-start;
	}
		#section4 .note1_sc4 {
			width:300px;
			margin-bottom: 30px;
			background-color: #FFFFFF;
			box-sizing: border-box;
			padding: 15px;
            text-align: left;
		}

			#section4 .note1_sc4 h2 {
				text-align: center;
				font-size: 21px;
				border-bottom: 1px solid #AAAAAA;
				padding-bottom: 7px;
				margin-bottom:7px;
                padding-top: 70px;
			}
                #section4 .note1_sc4 h2.kariyoyaku {
                    background: url("../img2/top/kinou_icon/kariyoyaku.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.monitor {
                    background: url("../img2/top/kinou_icon/monitor.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.emergency {
                    background: url("../img2/top/kinou_icon/emergency.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.yoyaku {
                    background: url("../img2/top/kinou_icon/yoyaku.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.other {
                    background: url("../img2/top/kinou_icon/mail.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.monshin {
                    background: url("../img2/top/kinou_icon/monshin.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.mypage {
                    background: url("../img2/top/kinou_icon/mypage.png") no-repeat top 0 center;
                }
                #section4 .note1_sc4 h2.smng {
                    background: url("../img2/top/kinou_icon/smng.png") no-repeat top 0 center;
                }
			#section4 .note1_sc4 .btn_sc4 {
				width:200px;
				margin: 20px auto 0 auto;
			}
            #section4 .note1_sc4 .hover_btn::after{/*アイコンを標準より右へ*/
                right:20px;
            }

#section5 {
    text-align: left;
    padding-top: 100px;
}
	#section5 p.subtitle_sc5 {
		font-size:16px;
		position: relative;
		padding: 0.4em 0.6em;
		background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
		background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
		border-radius: 7px;
		width: 180px;
		font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
		#section5 p.subtitle_sc5::after {
			position: absolute;
			content: '';
			top: 100%;
			left: 30px;
			border: 15px solid transparent;
			border-top: 15px solid #ffebbe;
			width: 0;
			height: 0;
		}
	#section5 h1 {
		/*color: #4a929e;*/
		margin-top: 15px;
		font-size:26px;
		font-family:'Lato','中ゴシックBBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
        background: -webkit-linear-gradient(transparent 75%, #F5EC97 0%);
        background: -o-linear-gradient(transparent 75%, #F5EC97 0%);
        background: linear-gradient(transparent 75%, #F5EC97 0%);
        width:550px;
	}
        #section5 h1 .display_sc5 {
    		font-size:21px;
            margin-right: 5px;
        }
                                                            @media all and (max-width: 620px) {
                                                                #section5 h1 {
                                                                    font-size:23px;
                                                                    width:450px;
                                                                }
                                                            }
                                                            @media all and (max-width: 520px) {
                                                                #section5 h1 {
                                                                    width:300px;
                                                                }
                                                                #section5 h1 .display_sc5 {
                                                                    display: none;
                                                                }
                                                            }
    #section5 ul {
        background-color: #78b9be;
        margin-top: 20px;
        padding: 20px;
        padding-left: 40px;
    }
        #section5 ul li {
            color:#fff;
            font-size: 20px;
            margin-bottom: 1em;
        letter-spacing: 0.1em;
        }
            #section5 ul li:first-child {
                margin-top: 0.5em;
            }
            #section5 ul li:nth-child(2),#section5 ul li:nth-child(4) {
                text-indent: 1em;
            }
    #section5 p.guide_sc5 {
        text-align: center;
        color:#FF8591;
        font-size:22px;
        margin-left: 20px;
        margin-top: 25px;
        width:500px;
        border: 3px solid #FFAEB6;
        border-radius: 36px;
        padding:20px 0px 20px 0px;
        box-sizing: border-box;
        line-height: 2em;
        letter-spacing: 0.1em;
        background-color: #fff;
    }
        #section5 p.guide_sc5 br.br_disp {
            display: none;
        }
                                                            @media all and (max-width: 590px) {
                                                                #section5 p.guide_sc5 {
                                                                    width: 100%;
                                                                    box-sizing: border-box;
                                                                    margin-left: auto;
                                                                    margin-right: auto;
                                                                    font-size:20px;
                                                                }
                                                                    #section5 p.guide_sc5 br.br_disp {
                                                                        display: inline;
                                                                    }
                                                            }

        #section5 img.img_sc5 {
            position: absolute;
            right:20px;
            bottom:35px;
            box-shadow: -1px 1px 3px #EFEFEF;
        }
                                                            @media all and (max-width: 1118px) {
                                                                #section5 img.img_sc5 {
                                                                    width: 380px;
                                                                    height: auto;
                                                                    bottom:85px;
                                                                }
                                                            }
                                                            @media all and (max-width: 1000px) {
                                                                #section5 ul {
                                                                    padding-left: 10px;
                                                                }
                                                                    #section5 ul li {
                                                                        font-size: 19px;
                                                                    letter-spacing: 0em;
                                                                    }
                                                                #section5 img.img_sc5 {
                                                                    bottom:140px;
                                                                }
                                                            }
                                                            @media all and (max-width: 902px) {
                                                                #section5 img.img_sc5 {
                                                                    width: 280px;
                                                                    height: auto;
                                                                    bottom:170px;
                                                                }
                                                                #section5 ul li:nth-child(2),#section5 ul li:nth-child(4) {
                                                                    text-indent: inherit;
                                                                }
                                                                #section5 ul {
                                                                    padding-left: 10px;
                                                                }
                                                                    #section5 ul li {
                                                                        font-size: 18px;
                                                                    letter-spacing: 0em;
                                                                    }
                                                            }
                                                            @media all and (max-width: 766px) {
                                                                #section5 img.img_sc5 {
                                                                    display: none;
                                                                }
                                                            }

#section6 {
    text-align: left;
    padding-top: 100px;
}
	#section6 h1 {
		font-size:24px;
		position: relative;
		padding: 0.4em 0.6em;
		background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
		background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
		border-radius: 7px;
		width: 400px;
		font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
		#section6 h1::after {
			position: absolute;
			content: '';
			top: 100%;
			left: 30px;
			border: 15px solid transparent;
			border-top: 15px solid #ffebbe;
			width: 0;
			height: 0;
		}
                                                            @media all and (max-width: 450px) {
                                                                #section6 h1 {
                                                                    font-size:20px;
                                                                    width: 100%;
                                                                    box-sizing: border-box;
                                                                }
                                                            }

    #section6 .sc6_box{
        background-color: #f7f9f9;
        margin-top: 25px;
        padding: 30px;
        box-sizing: border-box;
        max-width:1100px;
    }
        #section6 .fixed_width1 div:nth-of-type(odd) {
            margin-right:100px;
            margin-left:0;
        }
        #section6 .fixed_width1 div:nth-of-type(even) {
            margin-right:0;
            margin-left:100px;
        }
                                                            @media all and (max-width: 999px) {
                                                                    #section6 .fixed_width1 div:nth-of-type(odd) {
                                                                        margin-right:50px;
                                                                    }
                                                                    #section6 .fixed_width1 div:nth-of-type(even) {
                                                                        margin-left:50px;
                                                                    }
                                                            }
                                                            @media all and (max-width: 766px) {
                                                                #section6 .sc6_box{
                                                                    padding: 10px;
                                                                }
                                                                    #section6 .fixed_width1 div:nth-of-type(odd) {
                                                                        margin-right:0;
                                                                        margin-left:0;
                                                                    }
                                                                    #section6 .fixed_width1 div:nth-of-type(even) {
                                                                        margin-right:0;
                                                                        margin-left:0;
                                                                    }
                                                            }
        #section6 .sc6_box h2{
            font-size:18px;
            font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-display: swap;
        }
        #section6 .sc6_box h3{
            font-size:14px;
            font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-display: swap;
            padding-bottom: 10px;
            border-bottom: 1px solid #aaa;
            margin-bottom: 20px;
        }
        #section6 .flexbox_sc6{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: flex-start;
            width:100%;
        }
            #section6 .flexbox_sc6 p{
                width:340px;
                flex-grow: 1; 
                margin-left: 20px;
            }
                                                            @media all and (max-width: 766px) {
                                                                #section6 .flexbox_sc6{
                                                                    display: block;
                                                                }
                                                                    #section6 .flexbox_sc6 p{
                                                                        width:100%;
                                                                        margin: 0;
                                                                    }
                                                                        #section6 .flexbox_sc6 p br {
                                                                            display: none;
                                                                        }
                                                                    #section6 .flexbox_sc6 img{
                                                                        width:140px;
                                                                        height: auto;
                                                                        float: left;
                                                                        margin: 0 15px 10px 0;
                                                                    }
                                                            }
                                                            @media all and (max-width: 428px) {
                                                                    #section6 .flexbox_sc6 img{
                                                                        width:100px;
                                                                        height: auto;
                                                                    }
                                                            }

#section7 {
    text-align: left;
    padding-top: 120px;
    padding-bottom: 60px;
	background: rgb(171,230,230);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(206,240,240,0.40) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(206,240,240,0.40) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(206,240,240,0.40) 100%);
}
	#section7 h1 {
		font-size:28px;
		position: relative;
		padding: 0.4em 0.6em;
		max-width: 600px;
        width:100%;
		font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
		/*color: #4a929e;*/
        letter-spacing: 0.1em;
        box-sizing: border-box;
	}
		#section7 h1::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 9px;
            background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 3px, #fff 3px, #fff 6px);
            background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 3px, #fff 3px, #fff 6px);
		}
                                                            @media all and (max-width: 600px) {
                                                                    #section7 h1 {
                                                                        font-size:22px;
                                                                    }
                                                            }
            #section7 .flexbox_sc7{
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: flex-start;
                margin-top: 50px;
            }
                #section7 .flexbox_sc7 .guide_sc7 {
                    width:400px;
                    border: 3px solid #BDE5EB;
                    border-radius: 20px;
                    padding: 20px;
                    box-sizing: border-box;
                    background-color: #fff;
                }
                    #section7 .flexbox_sc7 .guide_sc7 dl dt {
                        text-align: center;
                        color: #4a929e;
                        font-size:19px;
                        width:150px;
                        margin-left: auto;
                        margin-right: auto;
                        margin-top: 30px;
                        margin-bottom: 12px;
                        letter-spacing: 0.2em;
                        font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                        font-display: swap;
                        background: -webkit-linear-gradient(transparent 75%, #F5EC97 0%);
                        background: -o-linear-gradient(transparent 75%, #F5EC97 0%);
                        background: linear-gradient(transparent 75%, #F5EC97 0%);
                    }
                        #section7 .flexbox_sc7 .guide_sc7 dl dt:first-child {
                            margin-top: 0;
                        }
                    #section7 .flexbox_sc7 .guide_sc7 dl dd {
                        text-align: center;
                        font-size:17px;
                    }
                #section7 .flexbox_sc7 p{
                    width:570px;
                    flex-grow: 1; 
                    margin: 15px 0px 15px 50px;
                    line-height: 1.8em;
                    font-size:18px;
                }
                                                            @media all and (max-width: 1350px) {
                                                                    #section7 .flexbox_sc7 p{
                                                                        margin-left: 20px;
                                                                    }
                                                            }
                                                            @media all and (max-width: 1034px) {
                                                                #section7 .flexbox_sc7 p{
                                                                    padding: 0 50px;
                                                                    margin-left: 0px;
                                                                }
                                                            }
                                                            @media all and (max-width: 767px) {
                                                                #section7 .flexbox_sc7 p{
                                                                    padding: 0 0;
                                                                }
                                                            }

#article8 {
    padding: 100px 0 100px 0;
}
    #article8 .flexbox_sc8{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: flex-start;
    }
        #article8 .flexbox_sc8 .guide_sc8_user {
            width:450px;
            height: 450px;
            background: url("../img2/top/page_btn_user.jpg") no-repeat center center;
            box-sizing: border-box;
              position: relative;
        }
        #article8 .flexbox_sc8 .guide_sc8_demo {
            width:450px;
            height: 450px;
            background: url("../img2/top/page_btn_demo.jpg") no-repeat center center;
            box-sizing: border-box;
              position: relative;
        }
            #article8 .flexbox_sc8 .innerbox_sc8 {
                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;
            }
                #article8 .flexbox_sc8 .innerbox_sc8 p {
                    text-align: center;
                    color: #fff;
                    font-size:23px;
                    line-height: 1.8em;
                    margin-top: 30px;
                    margin-bottom: 60px;
                    letter-spacing: 0.1em;
                    font-family:'Lato','TBUDゴシック R',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                    font-display: swap;
                }
                #article8 .flexbox_sc8 .guide_sc8_demo p {/*demoボタンは差分調整*/
                    margin-top: 15px;
                    margin-bottom: 50px;
                    font-size:21px;
                    letter-spacing: 0.1em;
                }
                #article8 .flexbox_sc8 .innerbox_sc8 .hover_btn {
                    width:200px;
                    font-size: 16px;
                }
                    #article8 .flexbox_sc8 .innerbox_sc8 .hover_btn::after{/*アイコンを標準より右へ*/
                        right:20px;
                    }
                                                            @media all and (max-width: 1000px) {
                                                                    #article8 .flexbox_sc8 .guide_sc8_user,#article8 .flexbox_sc8 .guide_sc8_demo {
                                                                        width:340px;
                                                                        height: 340px;
                                                                    }
                                                                        #article8 .flexbox_sc8 .innerbox_sc8 p {
                                                                            font-size:21px;
                                                                        }
                                                                            #article8 .flexbox_sc8 .guide_sc8_demo p {/*demoボタンは差分調整*/
                                                                                font-size:17px;
                                                                            }
                                                            }
                                                            @media all and (max-width: 766px) {
                                                                    #article8 .flexbox_sc8{
                                                                        align-items: center;
                                                                    }
                                                                    #article8 .flexbox_sc8 .guide_sc8_user,#article8 .flexbox_sc8 .guide_sc8_demo {
                                                                        margin-bottom: 30px;
                                                                    }
                                                            }