@charset "utf-8";

/*****************************************
　共通設定
*****************************************/

/*Google font*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

body {
	color: #393D3D;
	text-align: center;
	-webkit-text-size-adjust: 100%;/*スマホの文字倍率自動調整のオフ*/
}

* {
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-image:none;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family:'Roboto',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-display: swap;
	font-size:17px;
	font-weight: normal;
}

input {
	line-height: 1em;
}

td, tr {
	color: #393D3D;
	font-size: 100%;
}


/**** リンクの色設定 ****/
a:link {
	color: #03797C;
	text-decoration: underline;
}

a:visited {
	color: #03797C;
	text-decoration: underline;
}

	
a:hover {
	color: #03797C;
	text-decoration: none;
}

a:active {
	color: #03797C;
	text-decoration: none;
	}
	
a img {
	border: 0;
}

/**** レイアウト ****/
.fixed_width1 {
	max-width : 1200px;
	width: 100%;
	margin: 0 auto;
    box-sizing: border-box;
}
                                                                        @media all and (max-width: 1225px) {
                                                                            .fixed_width1 {
                                                                                padding-left:15px;
                                                                                padding-right: 10px;
                                                                            }
                                                                        }
.fixed_width2 {
	max-width : 900px;
	width: 100%;
	margin: 0 auto;
    box-sizing: border-box;
}
                                                                        @media all and (max-width: 925px) {
                                                                            .fixed_width2 {
                                                                                padding-left:15px;
                                                                                padding-right: 10px;
                                                                            }
                                                                        }
.fixed_width3 {
	max-width : 600px;
	width: 100%;
	margin: 0 auto;
    box-sizing: border-box;
}
                                                                        @media all and (max-width: 625px) {
                                                                            .fixed_width3 {
                                                                                padding-left:15px;
                                                                                padding-right: 10px;
                                                                            }
                                                                        }

/**** 装飾 ****/
.hover_btn  {/*左からスライド*/
    position: relative;
    display: block;
    box-sizing: border-box;
    padding-top: 11px;
    padding-bottom: 12px;
    color: #4a929e;
    transition: .3s;
    z-index: 0;
	text-align: center;
	border-radius: 25px;
	background-color: #FFFFFF;
    overflow: hidden;
	border: 1px solid #4a929e;
}
	a.hover_btn:link, a.hover_btn:visited {
		text-decoration: none;
        font-family:'Lato',"TBUDゴシック R",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
        font-size: 16px;
	}
	.hover_btn:hover {
    color: #fff;
	}
	.hover_btn::before {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
	background-color: #4a929e;
    transition: .3s;
	}
	.hover_btn:hover::before {
    left: 0;
	}
	.hover_btn::after{
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: 30px;
	  width: 7px;
	  height: 7px;
	  border-top: 3px solid #4a929e;
	  border-right: 3px solid #4a929e;
	  transform: rotate(45deg);
	  margin-top: -5px;
	}
.flash_btn  {/*ゆっくり光る*/
    position: relative;
    display: block;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 9px;
    color: #fff;
    transition: .3s;
    z-index: 0;
	text-align: center;
	border-radius: 25px;
    overflow: hidden;
    background-color: rgba(40,113,125,0.8);
}
.pinkflash {
    background-color: rgba(248,121,129,0.80);
}
	a.flash_btn:link, a.flash_btn:visited {
		text-decoration: none;
        color: #fff;
        font-size: 19px;
        letter-spacing: 0.05em;
        font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-display: swap;
	}
	.flash_btn:hover {
        background-color: rgba(40,113,125,1.0);
        color: #fff;
	}
        .pinkflash:hover {
            background-color: rgba(248,121,129,1.00);
        }
.glow_pen {
    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%);
    font-size: 100%;
}
.glow_pen2 {/*薄め（水色蛍光ペンタイトルとの併用時などに）*/
    border-radius: 2px;
    background: -webkit-linear-gradient(transparent 75%, #F9F3C2 0%);
    background: -o-linear-gradient(transparent 75%, #F9F3C2 0%);
    background: linear-gradient(transparent 75%, #F9F3C2 0%);
    font-size: 100%;
}



/*****************************************
　<header>
*****************************************/
#header {
	display: flex;
	height:150px;
  	justify-content: space-between; /* 左右均等分布 */
	align-items: center; /* 上下中央揃え */
    background-color: rgba(255,255,255,0.65);
}
                                                @media all and (max-width: 1050px) {
	                                                #header {
                                                        display: block;
                                                        position: relative;
                                                                height: 200px;
                                                    }
                                                }
                                                @media all and (max-width: 680px) {
                                                            #header {
                                                                height: 170px;
                                                            }
                                                }
	#header #logo_box {
		box-sizing: border-box;
		width:380px;
		margin-left: 20px;
	}
	#header h1.logo {
	}
        #header h1.logo a {
	    	letter-spacing: 0.25em;
            font-size: 41px;
            font-family:'Lato','Roboto',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-display: swap;
            text-decoration: none;
	        color: #393D3D;
        }
	#header p.logo_sub {
		font-size: 14px;
		border-top: 1px solid #333333;
		color: #333333;
		padding-top: 8px;
		margin-top:0px;
		letter-spacing: 0.01em;
		font-family:'Lato',"TBUDゴシック R",'Shin Maru Go RegularShin Maru Go Regular',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}
                                            @media all and (max-width: 1170px) {
                                                    #header #logo_box {
                                                        width:305px;
                                                    }
                                                    #header h1.logo {
                                                    }
                                                        #header h1.logo a {
                                                            letter-spacing: 0.2em;
                                                            font-size: 41px;
                                                        }
                                                    #header p.logo_sub {
                                                        font-size: 13px;
                                                        letter-spacing: 0em;
                                                    }
                                            }
                                            @media all and (max-width: 1050px) {
                                                        #header #logo_box {
                                                            width:auto;
                                                            position: absolute;
                                                            top:75px;
                                                            left:10px;
                                                            z-index: 9990;
                                                        }
                                                        #header h1.logo {
                                                            text-align: left;
                                                        }
                                                            #header h1.logo a {
                                                                letter-spacing: 0.2em;
                                                                font-size: 41px;
                                                            }
                                                        #header p.logo_sub {
                                                            display:none;
                                                        }
                                            }
                                            @media all and (max-width: 680px) {
                                                #header #logo_box {
                                                    top:90px;
                                                }
                                            }
                                            @media all and (max-width: 428px) {
                                                #header #logo_box {
                                                            left:0px;
		                                                    margin-left: 10px;
                                                }
                                                            #header h1.logo a {
                                                                letter-spacing: 0.2em;
                                                                font-size: 41px;
                                                            }
                                            }
                                            @media all and (max-width: 390px) {
                                                            #header h1.logo a {
                                                                font-size: 40px;
                                                            }
                                            }
	#header .menu_box {
	}
		#header .menu_box ul.menu_sub {
			justify-content: flex-end; /* 終端揃え（右揃え） */
			display: flex;
			align-items: center; /* 上下中央揃え */
		}
		#header .menu_box ul.menu_main {
			justify-content: flex-end; /* 終端揃え（右揃え） */
			align-items: center; /* 上下中央揃え */
			display: flex;
		}
			#header .menu_box ul.menu_sub li {
				margin-right: 20px;
			}
                #header .menu_box ul.menu_sub li a {
                    font-family:"見出ゴMB31",'Midashi Go MB31',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                    font-display: swap;
                    font-size: 16px;
                    text-decoration: none;
                    color: #393D3D;
                }
                                        @media all and (max-width: 1300px) {
                                            #header .menu_box ul.menu_sub li {
                                                margin-right: 15px;
                                            }
                                            #header .menu_box ul.menu_sub li a {
                                                font-size: 14px;
                                            }
                                        }
                                        @media all and (max-width: 1050px) {
                                            #header .menu_box ul.menu_sub li {
                                                margin-right: 10px;
                                            }
                                            #header .menu_box {
                                                position: absolute;
                                                top:10px;
                                                right:10px;
                                                z-index: 550;
                                            }
                                        }
                                        @media all and (max-width: 635px) {
                                            #header .menu_box ul.menu_sub li.faq, #header .menu_box ul.menu_sub li.cashback, #header .menu_box ul.menu_sub li.go_top {
                                                display:none;
                                            }
                                        }
                                        @media all and (max-width: 428px) {
                                            #header .menu_box {
                                                position: absolute;
                                                top:15px;
                                                right:3px;
                                                z-index: 550;
                                            }
                                        }
                #header .menu_box ul.menu_sub li.menu_demo, #header .menu_box ul.menu_sub li.menu_request, #header .menu_box ul.menu_sub li.menu_contact {
                    width:170px;
                    margin-right: 20px;
                }
                    #header .menu_box ul.menu_sub li.menu_demo a, #header .menu_box ul.menu_sub li.menu_request a, #header .menu_box ul.menu_sub li.menu_contact a {
                        font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                        font-display: swap;
                        color: #fff;
                        font-size:19px;
                        text-decoration: none;
                    }
                                        @media all and (max-width: 1300px) {
                                            #header .menu_box ul.menu_sub li.menu_demo, #header .menu_box ul.menu_sub li.menu_request, #header .menu_box ul.menu_sub li.menu_contact {
                                                width:140px;
                                                margin-right: 15px;
                                            }
                                                #header .menu_box ul.menu_sub li.menu_demo a, #header .menu_box ul.menu_sub li.menu_request a, #header .menu_box ul.menu_sub li.menu_contact a {
                                                    font-size:18px;
                                                }
                                        }
                                        @media all and (max-width: 1100px) {
                                            #header .menu_box ul.menu_sub li.menu_demo, #header .menu_box ul.menu_sub li.menu_request, #header .menu_box ul.menu_sub li.menu_contact {
                                                width:125px;
                                                margin-right: 10px;
                                            }
                                                #header .menu_box ul.menu_sub li.menu_demo a, #header .menu_box ul.menu_sub li.menu_request a, #header .menu_box ul.menu_sub li.menu_contact a {
                                                    font-size:17px;
                                                }
                                        }
                                        @media all and (max-width: 760px) {
                                            #header .menu_box ul.menu_sub li.menu_demo, #header .menu_box ul.menu_sub li.menu_request, #header .menu_box ul.menu_sub li.menu_contact {
                                                width:110px;
                                                margin-right: 7px;
                                            }
                                                #header .menu_box ul.menu_sub li.menu_demo a, #header .menu_box ul.menu_sub li.menu_request a, #header .menu_box ul.menu_sub li.menu_contact a {
                                                    font-size:16px;
                                                }
                                        }
                                        @media all and (max-width: 428px) {
                                            #header .menu_box ul.menu_sub li.menu_demo, #header .menu_box ul.menu_sub li.menu_request, #header .menu_box ul.menu_sub li.menu_contact {
                                                width:auto;
                                                margin-right: 0px;
                                                margin-left: 5px;
                                            }
                                                #header .menu_box ul.menu_sub li.menu_demo a, #header .menu_box ul.menu_sub li.menu_request a, #header .menu_box ul.menu_sub li.menu_contact a {
                                                    font-size:15px;
                                                padding-left: 8px;
                                                padding-right: 8px;
                                                    padding-bottom: 7px;
                                                    padding-top: 5px;
                                                }
                                        }
			#header .menu_box ul.menu_main li {
				margin-right: 30px;
				margin-top: 30px;
			}
                #header .menu_box ul.menu_main li a {
                    font-size: 20px;
                    font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                    font-display: swap;
                    text-decoration: none;
                    color: #393D3D;
                }
                                            @media all and (max-width: 1300px) {
                                                #header .menu_box ul.menu_main li {
                                                    margin-right: 20px;
                                                    margin-top: 50px;
                                                }
                                                #header .menu_box ul.menu_main li a {
                                                    font-size: 18px;
                                                }
                                            }
                                            @media all and (max-width: 1100px) {
                                                #header .menu_box ul.menu_main li {
                                                    margin-right: 5px;
                                                    margin-left: 15px;
                                                    margin-top: 65px;
                                                }
                                                #header .menu_box ul.menu_main li a {
                                                    font-size: 17px;
                                                }
                                            }
                                            @media all and (max-width: 1050px) {
                                                #header .menu_box ul.menu_main li {
                                                    margin-top: 110px;
                                                }
                                                #header .menu_box ul.menu_main li a {
                                                    font-size: 18px;
                                                }
                                            }
                                            @media all and (max-width: 774px) {
                                                #header .menu_box ul.menu_main li a {
                                                    font-size: 17px;
                                                }
                                            }
                                            @media all and (max-width: 730px) {
                                                #header .menu_box ul.menu_main li {
                                                    margin-right: 0px;
                                                    margin-left: 12px;
                                                }
                                                #header .menu_box ul.menu_main li a {
                                                }
                                            }
                                            @media all and (max-width: 680px) {
                                                #header .menu_box ul.menu_main{
                                                    display: none;
                                                }
                                            }


#footer {
    padding: 80px 0 80px 0;
    background-color: #E1E6E9;
}
    #footer .flexbox_footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;
        align-content: flex-start;
    }
        #footer .logo_footer {
            box-sizing: border-box;
            width: 340px;
        }
                                                                        @media all and (max-width: 750px) {
                                                                            #footer {
                                                                                padding: 40px 0 40px 0;
                                                                            }
                                                                            #footer .flexbox_footer {
                                                                                display: block;
                                                                            }
                                                                            #footer .logo_footer {
                                                                                width: 100%;
                                                                            }
                                                                        }
            #footer h1.logo {
                letter-spacing: 0.25em;
                font-size: 39px;
                font-family:'Lato','Roboto',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-display: swap;
                text-align: center;
            }
            #footer p.logo_sub {
                width: 300px;
                font-size: 12px;
                border-top: 1px solid #333333;
                color: #333333;
                padding-top: 8px;
                margin-top:0px;
                font-family:'Lato',"TBUDゴシック R",'Shin Maru Go RegularShin Maru Go Regular',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-display: swap;
                text-align: center;
                margin: 0 auto 0 auto;
            }
            #footer p.copyright {
                font-size: 14px;
                letter-spacing: 0.1em;
                font-family:'Lato',"TBUDゴシック R",'Shin Maru Go RegularShin Maru Go Regular',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                font-display: swap;
            }
                                        @media all and (max-width: 428px) {
                                                    #footer p.copyright {
                                                        font-size: 13px;
                                                        letter-spacing: 0em;
                                                    }
                                        }
            #footer a.contact {
                font-size: 16px;
            }
                #footer .flash_btn {
                    width:180px;
                    margin: 30px auto 30px auto;
                }

            #footer ul.logo_link_main li a {
                font-size: 20px;
				font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-display: swap;
                line-height: 40px;
                text-decoration: none;
                color: #393D3D;
            }
            #footer ul.logo_link_sub1 li a {
                font-size: 14px;
				font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-display: swap;
                line-height: 40px;
                text-decoration: none;
                color: #393D3D;
            }
            #footer ul.logo_link_sub2 li a {
                font-size: 14px;
				font-family:'Lato',"中ゴシックBBB",'Gothic Medium BBB',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-display: swap;
                line-height: 40px;
                text-decoration: none;
                color: #393D3D;
            }
                                                                        @media all and (max-width: 900px) {
                                                                            #footer ul.logo_link_main li a {
                                                                                font-size: 17px;
                                                                            }
                                                                            #footer ul.logo_link_sub1 li a {
                                                                                font-size: 13px;
                                                                            }
                                                                            #footer ul.logo_link_sub2 li a {
                                                                                font-size: 13px;
                                                                            }
                                                                        }
                                                                        @media all and (max-width: 750px) {
                                                                            #footer ul.logo_link_main {
                                                                                display: flex;
                                                                                flex-wrap: wrap;
                                                                                justify-content: center;
                                                                                margin-top: 30px;
                                                                            }
                                                                                #footer ul.logo_link_main li a {
                                                                                    font-size: 16px;
                                                                                    line-height: 2.5em;
                                                                                }
                                                                            #footer ul.logo_link_sub1 {
                                                                                display: flex;
                                                                                flex-wrap: wrap;
                                                                                justify-content: center;
                                                                            }
                                                                            #footer ul.logo_link_sub2 {
                                                                                display: flex;
                                                                                flex-wrap: wrap;
                                                                                justify-content: center;
                                                                            }
                                                                           #footer ul.logo_link_sub1 li a, #footer ul.logo_link_sub2 li a {
                                                                                line-height: 1.2em;
                                                                            }
                                                                            #footer ul.logo_link_main li, #footer ul.logo_link_sub1 li, #footer ul.logo_link_sub2 li {
                                                                                margin-left: 0.2em;
                                                                                margin-right: 0.2em;
                                                                            }
                                                                        }
            #footer li {
                text-align: left;
            }