@charset "UTF-8";

/* 2022/03/27
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


html {font-size: 62.5% ; }
body {
  font-size: 1.6rem ; 
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "pwid";
  line-height: 200%; 
  letter-spacing: 0.05em;
}
2022/03/27 */

a {	color:#333; text-decoration:none;  }
a:visited {	color:#333; }
a:active { color:#333; }
a:hover { color:#024D9A; }
a img { border-width: 0px; }
a { outline:none; }
/* 2022/03/27
img { -ms-interpolation-mode: bicubic;  }
strong { font-weight:bold; }
em { font-style:normal; font-weight:bold; }
ul { list-style-type:none; }

h2 {font-weight:normal; }
* { box-sizing:border-box; }
  2022/03/27 */

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

.f_left { float:left; }
.f_right { float:right; }

table th{ white-space: nowrap; vertical-align:top; padding:8px; }
table td { vertical-align:top; padding:8px; }
.d_table{ border: 1px solid #CCC; border-collapse:collapse; margin-left:auto; margin-right:auto; }
.d_table th { border: 1px solid #CCC; background-color:#FAFAFA; text-align:left; width:180px;  border-collapse:collapse;}
.d_table td { padding: 5px; border: 1px solid #CCC;  border-collapse:collapse; }
.d_table2{ border: 1px solid #CCC; border-collapse:collapse; margin-left:auto; margin-right:auto; margin-top: 30px; }
.d_table2 th { border: 1px solid #CCC; background-color:#FAFAFA; text-align:left; width:180px;  border-collapse:collapse;}
.d_table2 td { padding: 5px; border: 1px solid #CCC;  border-collapse:collapse; }
.clear { clear: both; }
.center { text-align: center!important; }
.left { text-align: left!important; }
.right { text-align: right; }
.f_left {float:left ;}
.f_right { float:right ;}
.marign0{ margin:0; }
.m_auto { margin:auto; }
.p_top { padding-top:5px; }
.m_top { margin-top:10px; }
.m_top2 { margin-top:20px; }
.m_top3 { margin-top:30px; }
.m_bottom { margin-bottom:10px; }
.m_bottom2 { margin-bottom:20px; }
.m_bottom3 { margin-bottom:30px; }
.m_bottom0 { margin-bottom:0px; }
.m_right { margin-right:10px; }
.m_left { margin-left:10px; }
.con { padding:0 20px; }
.red { color:#B20000; }
.small { font-size: 1.0rem ; }
.big { font-size: 2.0rem; }
.big2 { font-size:2.5rem; }
.bold { font-weight:bold; }
.txt_big { font-size:25px; }
.txt_big2 { font-size:30px; }
.txt_red { color:#FF7272; }
.txt_green { color:#85B200; }
.m_top_box { margin-top:30px; }

img.vertical{ vertical-align:middle; margin-left:10px; margin-right:5px; }
img.vertical2{ vertical-align:middle; }
img.img { vertical-align:bottom; }
img.img2 { vertical-align:top; }



/* スマホ */

@media screen and (max-width: 850px){
	
.d_table { margin: 0 -10px; }
.d_table th,
.d_table td{
    width: 100%; padding: 3% 5%;
    display: block;
    border-top: none;
}
.d_table tr:first-child th { border-top: 1px solid #ddd; }	
	
body { -webkit-text-size-adjust : 100% ; }	
img {
max-width : 100% ;
height : auto ;
}
iframe { width : 100% ; }
header { width: 100%; text-align:center; }

.pc { display: none !important; }
	
header {  width:100%; }
header a { text-decoration:none; }
#menu { float:right; }
#logo { float:left; height: 56px; width: 300px;}
#logo a{ overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background-image: url("../img/logo_sp.png");
  background-repeat:no-repeat; background-position: center top; height: 56px; width: 300px;
  background-size: cover; 
}
#logo a{ background-image: url("../img/logo_sp.png"); display:block;  height: 50px;}

.sp_menu { display:block; top:0px; right:0; }
.menu-btn { padding:6px 9px 10px; background:#024D9A; }
.menu-btn .menu { position:relative; height:18px; }
.menu-btn .ll { width:auto; height:auto; margin:0 0 8px 0; color:#fff; text-align:center; line-height:1;font-size:1.4rem; }
.menu-btn,.menu-btn span { display:block; transition:all .5s; -webkit-transition:all .5s; box-sizing:border-box; }
.menu-btn span { position:absolute; left:0; width:100%; height:2px; background-color:#fff; }
.menu-btn span:nth-of-type(1) { top: 0; }
.menu-btn span:nth-of-type(2) { top: 8px; }
.menu-btn span:nth-of-type(3) { bottom: 0; }
.menu-btn.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg);}
.menu-btn.active span:nth-of-type(2) {opacity: 0; }
.menu-btn.active span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
	
#nav { background-color:#FFF; border-top:2px solid #4272AF; border-bottom:2px solid #4272AF; text-align: left; padding-top: 5px; }
#nav a{ text-decoration:none; }
#nav ul li { border-bottom: dotted #4272AF 1px; padding-bottom:3px; margin-bottom:2px; background: url(../img/ico1.png) right center no-repeat; width:100%; padding-top: 3px; }
#nav ul li a { display:block; width:97%; padding-left:3%; }
#nav ul li.nav_last { margin-bottom:5px; border-bottom:none; }
#tel2 { text-align: center; }
#tel2 p { margin: 0;}
/*#tel2 p#s_tel { font-size: 2.5rem; margin-bottom: 10px; font-weight: bold;}*/
#tel2 p#s_tel { display:none;} 	
#tel2 p#s_tel {
background: #4272af; /* Old browsers */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin:5px 0; 
border: 2px solid #4272AF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:8px; text-align:center;text-shadow: 1px 1px 1px #000; width:90%;
opacity: 1!important; color: #FFF; margin: 10px auto 20px auto;
}
#tel2 p#s_tel a { color:#FFF;}
#tel2 p#s_name_s { margin-bottom: 0px; margin-top: 8px; font-weight: bold; color: #024D9A;font-size: 2.0rem; }
#f_p {padding-bottom:90px;}
footer { position:relative; font-size:90%; padding-bottom: 70px;  }
footer a { text-decoration:none; }
#footer { border-top:10px solid #1568AA; padding:8px; }
#footer2 { padding:8px 0;  border-bottom:10px solid #1568AA; }
.pc_link { text-align:center; }

footer address { text-align:left; padding-left:3%; line-height:100%; width:97%; font-size:0.8rem; }
footer address.left { text-align:left!important; padding-left:0%; margin-top:8px; }

#f_logo2 { text-align: center; }
#f_b_bg {position: fixed; bottom: 0px; left: 0px; opacity: 0.9; background-color:#FFF; width:100%; border-top:3px solid #1568AA; padding: 0 10px; }
.satei_box_tel2 { color:#1568AA; font-size:180%; margin:10px 0 0 0; font-weight:bold; line-height:100%; vertical-align:middle; }
.satei_box_tel2 a { color:#1568AA; }
.f_box { font-size:90%; line-height:100%; }
#footer div.f_box p { margin:0px; }
#footer { padding-bottom: 50px; }
#f_b_bg2 { background-color:#FFF; width:100%; border-top:10px solid #1568AA; }

#f_txt2 a{ overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background-image: url("../img/logo_sp.png");
  background-repeat:no-repeat; background-position: center top; height: 56px; width: 300px;
  background-size: cover; 
}
#f_txt2 a{ background-image: url("../img/logo_sp.png"); display:block;  height: 50px;}	
#f_txt { line-height: 120%;}
.f_btn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4272af+0,4272af+50,4a4e87+52,515d89+100 */
background: #4272af; /* Old browsers */
background: -moz-linear-gradient(top,  #4272af 0%, #4272af 50%, #4a4e87 52%, #515d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4272af 0%,#4272af 50%,#4a4e87 52%,#515d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4272af 0%,#4272af 50%,#4a4e87 52%,#515d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4272af', endColorstr='#515d89',GradientType=0 ); /* IE6-9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin:5px 0; 
border: 2px solid #4272AF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:8px; text-align:center;text-shadow: 1px 1px 1px #000; font-weight:bold;font-size:120%;letter-spacing:0.2em; width:60%;
opacity: 1!important;
}
.f_btn a { display:block; color:#FFF; opacity:1!important;}
.eigyou_box p { margin:0px; }
.f_nav {display: none; }
#f_tel { font-size: 2.5rem!important; color:#1568AA!important; font-weight: bold; text-align: center;}
#f_tel a{ color:#1568AA!important;}
footer p { margin:0; }
#menkyo { font-size: 1.0rem; line-height: 120%; margin-top: 10px; }	
#page-top {
	position: fixed;
	bottom: 10px;
	right: 8px;
	font-size: 77%;
	z-index:0;
}
#page-top a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4272af+0,4272af+50,515d89+100 */
background: #4272af; /* Old browsers */
background: -moz-linear-gradient(top,  #4272af 0%, #4272af 50%, #515d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4272af 0%,#4272af 50%,#515d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4272af 0%,#4272af 50%,#515d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4272af', endColorstr='#515d89',GradientType=0 ); /* IE6-9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.67;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 67);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 67);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
text-decoration: none;
color:#FFF; text-shadow: 1px 1.5px 1px #000; border:1px solid #ccc;
	width: 70px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b28500', endColorstr = '#826100');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b28500', endColorstr = '#826100')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}


#page-top2 {
	position: fixed;
	bottom: 40px;
	right: 8px;
	font-size: 77%;
	z-index:0;
}
#page-top2 a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4272af+0,4272af+50,515d89+100 */
background: #4272af; /* Old browsers */
background: -moz-linear-gradient(top,  #4272af 0%, #4272af 50%, #515d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4272af 0%,#4272af 50%,#515d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4272af 0%,#4272af 50%,#515d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4272af', endColorstr='#515d89',GradientType=0 ); /* IE6-9 */


-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.67;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 67);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 67);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
text-decoration: none;
color:#FFF; text-shadow: 1px 1.5px 1px #000; border:1px solid #ccc;
	width: 60px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top2 a:hover {
	text-decoration: none;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b28500', endColorstr = '#826100');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b28500', endColorstr = '#826100')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
address { font-size:90%; padding:5px 0; color:#333; text-align:right!important; padding-top:10px; width:100%; padding-bottom:10px; }

table.d_table{ margin:0 auto; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; width:100%; border-collapse:collapse; line-height:150%; }
table.d_table th{
	border-bottom: 1px solid #CCC;
	background-color:#F6F6F6;
	text-align:left;
	vertical-align:middle;
}
table.d_table td { padding: 5px; border-bottom: 1px solid #CCC; background-color:#FFF; }
table.d_table td.whitespace { white-space:nowrap; }
table.d_table td.t_border { border-right: 1px solid #ccc; }
table.d_table td,table.d_table th {	padding: 5px; }

/* トップ---------------------------------*/

.satei_box { border-top:10px solid #1568AA; border-bottom:10px solid #1568AA; padding:8px 0; }
.satei_box_tel { color:#1568AA; font-size:180%; text-align:center; margin:2px 0 2px 0; font-weight:bold; line-height:100%; vertical-align:middle; }
.satei_box_tel a { color:#1568AA; text-decoration:none; }
.satei_txt_top { text-align:center; padding:0 10px; }
.satei_txt_top p { margin:0px;}
.b_box { border-bottom:2px dotted #ccc; padding-bottom:10px; margin-bottom:10px; padding-top:10px; }


/* ボタン---------------------------------*/

.btn1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width:80%; margin:10px 0 10px 40px!important;
border: 2px solid #FFA54C;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:8px; text-align:center;text-shadow: 1px 1px 1px #000; font-weight:bold;font-size:140%;letter-spacing:0.1em; 
}
.btn1 a { display:block; color:#FFF;text-decoration:none;  }
.satei_box div.center{ text-align: center; }

.btn2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width:80%; margin:10px auto; 
border: 2px solid #FFA54C;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:8px; text-align:center;text-shadow: 1px 1px 1px #000; font-weight:bold;font-size:120%;letter-spacing:0.2em;
}
.btn2 a { display:block; color:#FFF;text-decoration:none; }


.btn3 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+100;Shape+2+Style */
background: #e0f3fa; /* Old browsers */
background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width:80%; margin:10px auto; 
border: 2px solid #b6dffd;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:8px; text-align:center;text-shadow: 1px 1px 1px #FFF; font-weight:bold; letter-spacing:0.2em; color:#4272AF;
}
a .btn3 { display:block; color:#4272AF; text-decoration:none; }
.btn3 a{ display:block; color:#4272AF; text-decoration:none; }

.btn4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
 margin:10px auto; 
border: 2px solid #FFA54C;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:8px; text-align:center;text-shadow: 1px 1px 1px #000; font-weight:bold;
}
.btn4 a { display:block; color:#FFF;text-decoration:none; }


.box_m p { margin:0px; }


/* タイトル---------------------------------*/


.title1 {

line-height:150%; font-size:110%;border-bottom:1px solid #ccc; padding-left:8px;
text-align:left; padding:8px 0px 4px 8px; font-weight:bold;
letter-spacing:0.2em; line-height:150%; border-bottom:1px solid #ccc; color:#FFF; text-shadow: 1px 1px 1px #000;
}


.title2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4272af+0,4272af+50,515d89+100 */
background: #4272af; /* Old browsers */
background: -moz-linear-gradient(top,  #4272af 0%, #4272af 50%, #515d89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4272af 0%,#4272af 50%,#515d89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4272af 0%,#4272af 50%,#515d89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4272af', endColorstr='#515d89',GradientType=0 ); /* IE6-9 */


line-height:150%; font-size:110%; border-bottom:1px solid #ccc; padding-left:8px;
text-align:left; padding:8px 0px 8px 8px; font-weight:bold;
letter-spacing:0.2em; line-height:150%; border-bottom:1px solid #ccc; color:#FFF; text-shadow: 1px 1px 1px #000;
margin-bottom:10px;
}

.title3 { margin:8px 0 0 0; border-bottom:2px dotted #ccc; border-top:2px dotted #ccc; padding-left:8px; padding-bottom:8px; padding-top:8px; }
.title3_2 { margin:0px 8px 0 0; border-bottom:2px dotted #ccc; border-top:2px dotted #ccc; padding-left:8px; padding-bottom:8px; padding-top:8px; }


.title4 { background-color:#ccc;
line-height:150%; font-size:2.5rem; border-bottom:1px solid #ccc; padding-left:8px;
text-align:left; padding:8px 0px 8px 8px; font-weight:bold; margin-top: 30px;
letter-spacing:0.2em; line-height:150%; border-bottom:1px solid #ccc; color:#FFF; text-shadow: 1px 1px 1px #000;
}


.title5 { margin:20px 10px 10px 0; color:#0C70DE; font-weight:normal; font-weight:bold; font-size:140%;  }
.title6 { background-color:#F8B62B; color:#FFF; text-shadow: 1px 1px 1px #000; padding:3px 8px; text-align:center; width:30%; margin:0; }

.title7 { margin:8px 0 0 0; color:#0C70DE; padding-left:8px; padding-bottom:8px; padding-top:8px; text-align:center; }
.title8 { margin:0 0 0 0; border-bottom:2px dotted #ccc; padding-left:8px; padding-bottom:8px;}

/* フォーム---------------------------------*/

/*select { font-size:120%!important; }
select.s_s { font-size:100%!important; }
-*/
.shisan { margin:10px 0; }
input { font-size:120%!important; }
input.s_s { font-size:100%!important; }

/* スタッフ---------------------------------*/

#staff_list a { text-decoration:none; }
h3.s_title1{
line-height:150%; font-size:110%;
text-align:left; padding:8px 0px 8px 0; font-weight:bold;
line-height:150%;text-shadow: 1px 1px 1px #ccc;
color:#4272AF; font-size:140%;
}
h3.s_title1 span { font-size:60%; margin-left:20px; }
#staff_list li { margin-bottom:30px; border-bottom: dotted #ccc 2px; padding-bottom:20px; }


.title3_s { margin:15px 0 15px 0; border-bottom:2px dotted #ccc; border-top:2px dotted #ccc; padding-left:8px; padding-bottom:8px; padding-top:8px; color:#4272AF; }

/* 事例---------------------------------*/

.jirei_list a{ text-decoration:none; }
.jirei_list li { margin-bottom:50px;  border-bottom:2px dotted #ccc; }

/* faq---------------------------------*/

.faq { padding:0 10px;line-height:150%; }
.faq dt { margin-bottom:10px; }
.faq dd { border-bottom:2px dotted #ccc; padding-bottom:15px; margin-bottom:15px; }
.q { color:#00A3D9; font-size:120%; font-weight:bold; margin-right:10px; }
.a { color:#D90000; font-size:120%; font-weight:bold; margin-right:10px; }


.ol_list { list-style:decimal; }
.ol_list li { margin-left:20px; }
.ol_list li h2 { margin-top:20px!important; }
.list_nav2 { text-align:center; margin-bottom:10px; padding:0 20px; }
.list_nav2 li {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
text-align:center; line-height:120%; font-size:120%;  font-weight:bold;
padding:8px; color:#FFF; border:1px solid #1e69de; text-align:left; width:42%; margin-bottom: 8px;
}
.list_nav2 li a {
text-decoration:none; display:block; background:url(../img/ico4.png) no-repeat right center; color:#FFF;
}

li.btn3{ list-style: none!important; }

}/* スマホここまで*/


/* PC */
@media (min-width: 960px) {
}
@media (min-width: 851px){

#header_bg { width:100%; height:160px; background:#FFF url(../img/bg1.png) left 148px repeat-x; text-align: center; }
#header { position:relative; width:1100px; margin:0 auto 0 auto; }
#header p { margin:0; }
#header a { text-decoration:none; }

#logo{ width:459px; height:105px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; background: url(../img/logo.png) left top no-repeat; position:absolute; left:0px; top:5px; }
#logo a{ width:459px; height:105px; background: url(../img/logo.png) left top no-repeat; display:block; }

#h_nav { position:absolute; right:299px; top:20px; width:323px;  }
#h_nav li { height:40px; overflow: hidden;  text-indent: 100%;  white-space: nowrap;}
#h_nav li a{ display:block; height:40px; overflow: hidden;  text-indent: 100%;  white-space: nowrap;}
#h_nav li#h_nav1 { background: url(../img/h_nav1_off.png) left top no-repeat; float:left; width:120px; }
#h_nav li#h_nav2 { background: url(../img/h_nav2_off.png) left top no-repeat; float:right; width:190px; }
#h_nav li#h_nav1 a{ background: url(../img/h_nav1_off.png) left top no-repeat; width:120px; }
#h_nav li#h_nav2 a{ background: url(../img/h_nav2_off.png) left top no-repeat; width:190px; }
#h_nav li#h_nav1 a:hover{ background: url(../img/h_nav1_on.png) left top no-repeat; }
#h_nav li#h_nav2 a:hover{ background: url(../img/h_nav2_on.png) left top no-repeat; }

#tel1{ width:279px; height:68px; text-indent:-9999px; background: url(../img/h_tel.png) left top no-repeat; position:absolute; right:0px; top:20px; }
#tel1 a{ width:279px; height:68px; background: url(../img/h_tel.png) left top no-repeat; display:block; }

#nav {
	width:100%; position: absolute; left:0px; top:110px; z-index: 100;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; font-size: 2.1rem ;
	}
#nav ul {
    display:-moz-flex;
    display:-webkit-flex;
    display:-o-flex;
    display:-ms-flex;
    flex-wrap:wrap;
    display: flex;
	justify-content: space-between;
}
#nav ul li {
 -webkit-box-flex: 1;
 box-flex: 1;
}




#container {  }

#f_bg { width:100%; margin-top:30px; text-align:center; border-top:10px solid #1568AA; padding-top:10px; height:350px; }
#footer { position:relative; text-align:left; width:1100px; margin:auto; height:350px;}
.f_box_1 { width:485px; }

#f_logo { width:195px; height:56px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; background: url("../img/f_logo.png") left top no-repeat; float:left; }
#f_logo3 { width:290px; height:56px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; background: url("../img/f_logo3.png") left top no-repeat;  }
#f_logo a{ width:195px; height:56px; background: url("../img/f_logo.png") left top no-repeat; display:block; }
#f_logo3 a{ width:290px; height:56px; background: url("../img/f_logo3.png") left top no-repeat; display:block; }


#menkyo { font-size:10px; }
.syousai { background: url("../img/syousai_off.png") left top no-repeat; width:222px; height:40px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; }
.syousai a{ background: url("../img/syousai_off.png") left top no-repeat; width:222px; height:40px; display:block; }
.syousai a:hover{ background: url("../img/syousai_on.png") left top no-repeat; }

#foot_left { width:510px; float:left; border-right:1px dotted #ccc; }
#foot_right { width:580px; float:right; padding-top:10px;  }
#foot_right a { text-decoration:none; }
.f_nav li { display:inline; margin:8px 7px; }
#f_bg address { font-size:1.0rem; margin-top: 20px; display: block; }
.f_box_1 { margin-top:20px; }
.f_box_1 p { margin: 0; }
#f_txt {font-size:10px; }
#f_txt2 {}
#f_txt2 a { text-decoration: none; }
#page-top { width:63px; height:48px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; position: fixed; bottom: 8px; right: 8px; z-index:200; }
#page-top a { width:63px; height:48px; background: url(../img/page_top.png) left top no-repeat; display:block; }
#page-top a:hover { background: url(../img/page_top_on.png) left top no-repeat; }


#f_b_bg { background: url("../img/bg6.png") left top repeat-x; height:200px; position: fixed; bottom: 0px; left: 0px; width:100%; opacity: 0.8; }
#f_b_bg p { margin:0px; }
#f_b { width:1100px; margin:auto; position:relative; height:200px; }
#f_logo2 { background: url("../img/f_logo2.png") left top no-repeat; width:414px; height:77px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; position:absolute; left:0px; top:100px; }
#f_tel { background: url("../img/f_tel.png") left top no-repeat; width:343px; height:77px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; position:absolute; left:414px; top:100px; }
#f_kaitori { background: url("../img/f_kaitori.png") left top no-repeat; width:317px; height:170px; overflow: hidden;  text-indent: 100%;  white-space: nowrap; position:absolute; right:0px; top:23px; }
#f_kaitori a{ background: url("../img/f_kaitori.png") left top no-repeat; width:317px; height:170px; display: block; }
#f_kaitori a:hover{ background: url("../img/f_kaitori_on.png") left top no-repeat; width:317px; height:170px; }
 

input.name {
	width: 220px;
}
input.age {
	width: 25px;
}
input.zip1 {
	width: 40px;
	padding-right: 5px;
}
input.zip2 {
	width: 60px;
	padding-left: 5px;
}
input.add {
	width: 340px;
}
input.tikunen {
	width: 340px;
}
input.pref {
	width: 340px;
}

input.tel {
	width: 150px;
}
input.mail {
	width: 300px;
	margin-bottom: 5px;
}
textarea.etc {
	width: 95%;
}
.submit {
	text-align: center;
	margin-top: 10px;
	padding-bottom: 20px;
}


select { width:400px; }

.sp { display: none !important; }
	
}/* PC ここまで*/

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

	
}