@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');


/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top;max-width:100%;height:auto;-ms-interpolation-mode:bicubic; }
main { display:block; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {font-size:62.5%;}

body {
	background:#fafbfc;
	font-family: "Montserrat", 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height:1.8;
	color:#333;
	font-size:16px;
	-webkit-text-size-adjust: none;
	letter-spacing:0.01em;
	min-width:1080px;
	}
body,html{height:100%;margin:0 auto;}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#2d9dcf;outline:none;transition:all 0.5s ease-out;}
a *{transition:all 0.5s ease-out;}
a:hover {text-decoration:none;color:#115d98;}
a:hover img{opacity:0.8;}
::selection {background:rgba(30,80,102,0.2);}
::-moz-selection {background:rgba(30,80,102,0.2);}

/* common */
.inner{width:1080px;max-width:100%;margin:0 auto;position:relative;}
.sp{display:none;}
.marugo{font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";font-weight:400;}
.cen{text-align:center;}
.bold{font-weight:bold;}
.right{text-align:right;}
.blue{color:#0b3d73;}

main{}

@media screen and (max-width: 768px) {
	.pc{display:none;}
	.sp{display:block;}
}

#fixedTop{right:10px;bottom:10px;width:50px;height:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;display:none;background:#2d9dcf;position:fixed;z-index:9999;border-radius:50%;-webkit-transform:translateZ(0);}
#fixedTop:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0.7;}

.screen-reader-text {clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important;}

.row { clear:both;display:flex;flex-flow:row wrap;}
.row-reverse { clear:both;display:flex;flex-flow:row-reverse wrap;}
.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {padding:0 15px;display:inline-block;border:0px solid red;}
.col-01 { width: 8.33333%; }
.col-02 { width: 16.66667%; }
.col-024 { width: 20%; }
.col-03 { width: 25%; }
.col-04 { width: 33.33333%; }
.col-05 { width: 41.66667%; }
.col-06 { width: 50%; }
.col-07 { width: 58.33333%; }
.col-08 { width: 66.66667%; }
.col-09 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }
.col-half{padding:0px;display:inline-block;width:50%;}

.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt60{margin-top:60px!important;}


nav{font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";}

/*--header--*/
.sb-slide{display:none;}
header{position:fixed;border-top:1px solid #c3dfeb;height:60px;width:100%;top:0px;background:rgba(250,251,252,0.9);box-shadow:0px 4px 4px rgba(0,0,0,0.06);z-index:9999;}
header h1{display:inline-block;width:310px;padding:10px 15px;}
header nav{display:inline-block;width:calc(100% - 310px);padding:10px 15px;}
header nav > ul{position:relative;text-align:right;}
header nav > ul > li{display:inline-block;position:relative;}
header nav > ul > li > a{display:block;font-size:15px;line-height:1.2;padding:10px 20px 10px 0px;color:#1e5066;}
header nav > ul > li > a:hover{color:#2d9dcf;text-shadow:0px 0px 6px #fff;}
header nav > ul > li ul{visibility:hidden;opacity:0;z-index:1;position:absolute;top:45px;width:300px;background:rgba(45,157,207,0.9);-webkit-transition:all .1s ease;transition:all .1s ease;}
header nav > ul > li ul li:not(:last-child){border-bottom:1px dashed #9ae4e0;}
header nav > ul > li ul li a{font-size:15px;color:#fff;padding:15px 15px;display:block;text-align:left;}
header nav > ul > li:hover ul{visibility:visible;opacity:1;}
header nav > ul > li:hover ul a{color:#fff;padding:12px 15px;line-height:1.4;}
header nav > ul > li:hover ul a:hover{background:#2d9dcf;}
header nav > ul > li:hover{-webkit-transition:all .5s;transition:all .5s;}
header nav > ul {*zoom:1;}



/*--footer--*/
footer{position:relative;}
footer #map{display:block;padding:20px;}
footer #map > div{width:100%;height:300px;border:1px solid #9c9c9c;}
footer #map iframe{width:100%;height:100%;}

footer .foot{padding:40px 0px 120px;}
footer .foot > div:not(.info){padding-top:15px;}
footer .foot .info{color:#1e5066;}
footer .foot .info h4{font-weight:bold;}
footer .foot .info p{margin-bottom:20px;padding-left:1em;}
footer .foot h3{color:#2d9dcf;font-size:16px;position:relative;margin:5px 0px 10px;}
footer .foot h3:after{display:inline-block;content:"";background:#2d9dcf;height:1px;width:calc(100% - 4.5em);position:absolute;right:0px;top:0.9em;}
footer .foot nav{font-size:16px;}
footer .foot nav a{color:#333;display:block;}
footer .foot nav a small{font-size:12px;}
footer .foot nav a:hover{color:#115d98;}
footer .foot nav a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#2d9dcf;}
footer .foot .col-03 nav a{padding:5px 0px;}
footer .foot .col-05 nav a{padding:4px 0px;}
footer .foot .col-05 nav > ul:first-child{padding-right:25px;}

footer .copyright{background:rgba(45,157,207,0.2);text-align:center;color:#1e5066;font-size:12px;letter-spacing:0.05em;padding:10px;}

.foot_fix{position:fixed;background:rgba(250,251,252,0.9);width:100%;bottom:40px;height:60px;z-index:10;}
.foot_fix h1{display:inline-block;width:310px;padding:12px 15px 0px;}
.foot_fix h1 a{display:block;width:100%;}
.foot_fix .tocontact{text-align:right;width:calc(100% - 310px);padding:10px 15px;line-height:1;}
.foot_fix .tocontact a{display:inline-block;width:220px;height:40px;margin-left:10px;border:1px solid #e4e4e1;text-align:center;font-size:18px;color:#1e5066;background:#fafbfc;padding-top:8px;}
.foot_fix .tocontact a i{font-size:20px;color:#2d9dcf;}
.foot_fix .tocontact a:hover i{color:#fff;}
.foot_fix .tocontact .phone{display:inline-block;width:220px;height:40px;margin-left:10px;border:1px solid #e4e4e1;text-align:center;color:#2d9dcf;background:#e7e2d1;font-size:20px;font-weight:700;padding-top:8px;}
.foot_fix .tocontact a:hover{background:#2d9dcf;color:#fff;}

@media screen and (max-width: 1080px) {
    header h1{display:none;}
    header nav{width:100%;}

    .foot_fix h1{width:300px;padding:12px 10px 0px;}
    .foot_fix .tocontact{padding:10px 60px 10px 0px;}
    .foot_fix .tocontact a{width:180px;}
    .foot_fix .tocontact .phone{display:none;}
}
@media screen and (max-width: 768px) {
	body{min-width:initial;min-width:auto;}
	.inner{width:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;padding-top:calc(2.6875vw * 5);}
	/*.scroll{overflow:auto;white-space:nowrap;}
	.scroll::-webkit-scrollbar{height:5px;}
	.scroll::-webkit-scrollbar-traqck{background:#f1f1f1;}
	.scroll::-webkit-scrollbar-thumb{background:#bcbcbc;}*/

	.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding:0px 5px; }
	.col-01 { width: 100%; }
	.col-02 { width: 100%; }
	.col-024{ width: 100%; }
	.col-03 { width: 100%; }
	.col-04 { width: 100%; }
	.col-05 { width: 100%; }
	.col-06 { width: 100%; }
	.col-07 { width: 100%; }
	.col-08 { width: 100%; }
	.col-09 { width: 100%; }
	.col-10 { width: 100%; }
	.col-11 { width: 100%; }
	.col-12 { width: 100%; }
	.col-half{ width: 100%; }



	/*slidemenu*/
	#sb-site{background:#fafbfc;}
	.sb-slidebar{background:rgba(45,157,207,0.2);min-height:100%;}
	.sb-slide{
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:1000;
		font-size:calc(4.6875vw * 1.2);
		line-height:1.2;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
        box-shadow:0px 4px 4px rgba(0,0,0,0.06);
	}

	.sb-slidebar nav ul{border-top:1px dashed #fff;margin-bottom:70px;}
	.sb-slidebar nav ul li{border-bottom:1px dashed #fff;}
	.sb-slidebar nav ul li a{color:#1e5066;display:block;padding:10px 0px 10px 10px;font-size:16px;}
	.sb-slidebar nav ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#2d9dcf;}
    .sb-slidebar nav ul li a small{font-size:70%;}
	/*.sb-slidebar section {
		padding:3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sb-slidebar section p a {
		background:#000;
		display:block;
		cursor:pointer;
		color:#fff;
		padding:10px 15px;
		text-decoration:none;
		font-size:1.8rem;
		text-align:center;
		height:50px;
		font-weight:bold;
	}
	.sb-slidebar section p a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}*/

	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:flex;overflow:hidden;}
	.sb-slide h1{width:70%;background:#fafbfc;}
	.sb-slide h1 a{display:block;height:calc(2.6875vw * 5);padding:20px 3.9062vw;}
	.sb-slide h1 a img{max-height:100%;}
	.sb-slide .phone,
	.sb-slide .menu{width:15%;height:calc(2.6875vw * 5);position:relative;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone{background:#2d9dcf;display:flex;align-items:center;justify-content:center;}
	.sb-slide .phone a{color:#fff;display:block;}
	.sb-slide .menu{background:#888;display:flex;align-items:center;justify-content:center;padding:0;}
	.sb-slide .sb-toggle-right,
	.sb-slide .sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}
    
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .sb-close {
		display:flex;
	}

    .sb-slidebar .tocontact{padding:5px 5px 10px;}
    .sb-slidebar .tocontact li{display:block;padding:5px 10px;}
    .sb-slidebar .tocontact a{display:inline-block;width:100%;border:1px solid #aaa;text-align:center;font-size:18px;color:#1e5066;background:#fafbfc;padding:8px;}
    .sb-slidebar .tocontact a i{font-size:20px;color:#2d9dcf;}
    .sb-slidebar .tocontact a:hover i{color:#fff;}
    .sb-slidebar .tocontact a:hover{background:#2d9dcf;color:#fff;}


    .foot_fix{display:none;}
    footer #map > div{height:260px;}
    footer .foot{padding:20px 0px 10px 20px;}
    footer .foot > div:not(.info){display:none;}
    footer .copyright{font-size:10px;letter-spacing:0em;}

}

@media screen and (max-width: 480px) {
    body{font-size:14px;}
    
	.sb-slide h1 a{padding:10px 3.9062vw;}

    footer #map{padding:10px;}
    footer #map > div{height:240px;}
    footer .copyright{text-align:left;padding:10px 5px;}

}



/*****************************************************************************
 PAGE COMMON
 *****************************************************************************/

h2.h2{color:#1e5066;font-size:40px;font-weight:700;line-height:1.2;margin-bottom:10px;}
h2.h2 small{font-size:14px;font-weight:normal;display:inline-block;padding-left:20px;}

.page-ttl{background:#1e5066 url("../img/common/ttl01.jpg") no-repeat center top;background-size:cover;}
#page-standard .page-ttl{background-image:url("../img/common/ttl02.jpg");}
#page-about .page-ttl{background-image:url("../img/common/ttl04.jpg");}
#page-recruit .page-ttl{background-image:url("../img/common/ttl03.jpg");}
.page-ttl h2{padding:100px 0px 40px;line-height:1;}
.page-ttl h2 span{display:inline-block;background:rgba(0,0,0,0.4);padding:20px 40px;color:#fff;font-size:40px;text-shadow:0px 2px 3px rgba(0,0,0,0.4);}
.page-ttl h2 span small{font-size:14px;font-weight:700;color:#a3dcfa;display:inline-block;width:100%;letter-spacing:0.05em;}
.page-ttl h2 span b{font-weight:normal;font-size:70%;}

.intro{font-size:18px;line-height:2;}

.link_btn{}
.link_btn a{display:inline-block;width:280px;margin:5px 10px;text-align:center;font-size:18px;background:#2d9dcf;color:#fff;padding:10px;box-shadow:0px 4px 4px rgba(0,0,0,0.16);}
.link_btn a:hover{cursor:pointer;background:#1e5066;box-shadow:none;}
.link_btn a.instagram{background:linear-gradient(90deg, #e51161, #f16233);transition:all 0.5s ease-out;}
.link_btn a.instagram:hover{background:#e51161;}

.loan_bar .link_btn a{background:linear-gradient(90deg, #74a4c9, #a4add0);font-weight:bold;border:1px solid #fafbfc;}
.loan_bar .link_btn a:hover{background:#74a4c9;}


.menu_link{background:#a3dcfa url("../img/common/menu_bg.jpg") no-repeat;background-size:cover;padding:80px 0px;border-top:1px solid #fafbfc;border-bottom:1px solid #fafbfc;}
.menu_link h2.h2{color:#fff;}
.menu_link .col-04 a{display:block;width:100%;padding:15px 10px 10px 55px;background:#fafbfc;border:2px solid #2d9dcf;color:#2d9dcf;font-size:18px;line-height:1.2;margin:15px 0px;box-shadow:0px 3px 4px rgba(0,0,0,0.1);position:relative;}
.menu_link .col-04 a small{font-size:14px;}
.menu_link .col-04 a:hover{box-shadow:none;}
.menu_link .col-04 a:before{content:"";display:inline-block;width:40px;height:30px;background:url("../img/common/icon_tooth.png") no-repeat top center;position:absolute;left:10px;top:10px;}

.access_bar{background:#2d9dcf;color:#fff;padding:30px 0px;}
.access_bar .tocontact{line-height:1;}
.access_bar .tocontact a{display:block;width:100%;border:1px solid #e4e4e1;text-align:center;font-size:18px;color:#1e5066;background:#fafbfc;padding:15px 10px;box-shadow:0px 3px 4px rgba(0,0,0,0.1);}
.access_bar .tocontact a i{font-size:20px;color:#2d9dcf;}
.access_bar .tocontact a:hover{background:#2d9dcf;color:#fff;box-shadow:none;}
.access_bar .tocontact a:hover i{color:#fff;}
.access_bar .tocontact a.phone{color:#2d9dcf;background:#e7e2d1;font-size:20px;font-weight:700;}
.access_bar .tocontact a.phone:hover{color:#fff;}

.loan_bar{background:#eeeae7;padding:20px 0px;}
.loan_bar img{float:left;margin:5px 15px 0px 0px;}
.loan_bar p{font-size:12px;padding-top:20px;}

.fadein{opacity:0;transform:translate(0,0);transition:all 1.5s;}
.fadein.fadein-bottom{transform:translate(0,30px);}
.fadein.scrollin{opacity:1 !important;transform:translate(0, 0) !important;}



@media screen and (max-width: 768px) {
    h2.h2{font-size:32px;}

    .page-ttl h2{padding:30px 0px;}
    .page-ttl h2 span{font-size:32px;padding:20px 20px;}

    .menu_link .col-04{padding:0px 10%;}
    .menu_link .col-04 a{margin:5px 0px;}
    .menu_link a.cen img{width:81%;margin:0px auto;}

    .access_bar .tocontact a{width:80%;margin:0px auto;}
    .access_bar .tocontact a:not(.phone){margin-bottom:10px;}

    .loan_bar{text-align:center;padding:20px 0px 25px;}
    .loan_bar img{float:none;margin-right:0px;}
    .loan_bar p{padding:5px 0px 10px;}

}
@media screen and (max-width: 480px) {
    h2.h2{font-size:28px;}
    h2.h2 small{font-size:12px;}
    
    .page-ttl h2{padding:20px 0px;}
    .page-ttl h2 span{font-size:28px;padding:10px 20px;}

    .intro{font-size:16px;}
    
    .link_btn a{font-size:15px;}

    .menu_link{padding:60px 0px;}
    .menu_link .col-04 a{font-size:16px;}
    .menu_link .col-04 a small{font-size:12px;}


}