@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@font-face {
font-family: "MyFont";
src: url(../font/ubuntutitling-bold-webfont.eot) format("eot"), url(../font/UbuntuTitling-Bold.woff) format("woff");
}

/*=================================================
layout
===================================================*/


.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt150{ margin-top:150px;}
.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }
/* -- _padding -- */

.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }
.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }
/* -- _float -- */

.rf { float: right; }
.rf5 { float: right; margin-left: 5px; }
.rf10 { float: right; margin-left: 10px; }
.rf15 { float: right; margin-left: 15px; }
.rf20 { float: right; margin-left: 20px; }
.rf25 { float: right; margin-left: 25px; }
.rf30 { float: right; margin-left: 30px; }
.rf40 { float: right; margin-left: 40px; }
.rf50 { float: right; margin-left: 50px; }
.lf { float: left; }
.lf5 { float: left; margin-right: 5px; }
.lf10 { float: left; margin-right: 10px; }
.lf15 { float: left; margin-right: 15px; }
.lf20 { float: left; margin-right: 20px; }
.lf25 { float: left; margin-right: 25px; }
.lf30 { float: left; margin-right: 30px; }
.lf40 { float: left; margin-right: 40px; }
.lf50 { float: left; margin-right: 50px; }

/*=================================================
body
===================================================*/


body { background: #ffffff; font-family: 'Noto Sans Japanese', sans-serif; }

@media screen and (min-width:600px) and ( max-width:959px) {
html,body{
	width:1300px;
}
}
@media screen and (min-width:960px) and ( max-width:1100px) {
html,body{
	width:1300px;
}
}
@media screen and (min-width:1100px) {
html,body{
	width:100%;
}
}


@media (max-width: 767px) {
html,body{
	width:100%;
	-webkit-text-size-adjust: 100%;
}
}


/*=================================================
header
===================================================*/

header{ height:90px; background:rgba(255,255,255,0.85); width:100%; position: fixed; top:0; z-index:100;}

.header_contents{ position:relative;}
.header_contents h1{ position: absolute; top:10px; left:20px;}

.header_contents .header_info{ position: absolute; top:20px; right:20px; display:flex; width:430px; justify-content: space-between;}
.header_contents .header_info li{ width:200px;}
.header_contents .header_info li a{ display:block; width:200px; line-height:50px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ }
.header_contents .header_info li:nth-child(1) a{ color:#0097e1; border:1px solid #0097e1; box-sizing: border-box;	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
	background:#fff; }
.header_contents .header_info li:nth-child(2) a{ background:#0097e1; color:#fff;	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1; }
.header_contents .header_tel{ display:none;}
.header_contents nav.pc_nav{ position:absolute; top:30px; right:510px;}
.header_contents nav.pc_nav ul.nav_list{width:600px; display:flex; justify-content: space-between;}
.header_contents nav.pc_nav ul.nav_list li{ list-style:none;}
.header_contents nav.pc_nav ul.nav_list li a{ color:#000; text-decoration:none; font-size:18px; font-weight:normal;}
.header_contents nav.pc_nav ul.nav_list li a:hover{ text-decoration: underline;}

@media screen and (min-width: 960px) and (max-width: 1455px) {
.header_contents h1{ position: absolute; top:20px; left:20px; width:20%;}
.header_contents h1 img{ width:100%;}
.header_contents .header_info{ position: absolute; top:20px; right:20px; display:flex; width:20%; justify-content: space-between;}
.header_contents .header_info li{ width:46%;}
.header_contents .header_info li a{ display:block; width:100%; line-height:50px; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ }
.header_contents .header_info li:nth-child(1) a{ color:#0097e1; border:1px solid #0097e1; box-sizing: border-box;	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
	background:#fff; }
.header_contents .header_info li:nth-child(2) a{ background:#0097e1; color:#fff;	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1; }

.header_contents nav.pc_nav{ position:absolute; top:30px; right:24%; width:50%;}
.header_contents nav.pc_nav ul.nav_list{width:100%; display:flex; justify-content: space-between;}
.header_contents nav.pc_nav ul.nav_list li{ list-style:none;}
.header_contents nav.pc_nav ul.nav_list li a{ color:#000; text-decoration:none; font-size:16px; font-weight:normal;}
.header_contents nav.pc_nav ul.nav_list li a:hover{ text-decoration: underline;}
}

@media screen and (min-width: 521px) and (max-width: 959px) {
header {  height: 60px; background:rgba(255,255,255,0.85); width: 100%; position:fixed; top: 0; left:0; z-index:100;}
.header_contents { width: 100%; margin: 0 auto; position: relative; height:60px; }
.header_contents h1 { position: absolute; left: 10px; top: 10px; width:32%; }
.header_contents h1 img{ width:auto; max-height:45px;}

.header_contents .header_info{ display:none;}
.header_contents .header_tel{
	width: 40%;
	border: none;
	font-weight: bold;
	text-align: center;
font-size:12px;
position:absolute;
right:10px; 
top:10px;
display:block;
}

.header_contents .header_tel a{ display:block; background:#f1a63b; color:#fff;    text-decoration: none;
    line-height: 40px; position:relative; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
padding-right: 15px;}
.header_contents .header_tel a img{ width:20px; height:20px;  line-height: 30px; position: absolute; right:5px; top:10px;}

.header_contents p.menu:hover{
	cursor:default;
}
.header_contents nav.pc_nav { display:none; }

}


@media (max-width: 520px) {
header {  height: 60px; background:rgba(255,255,255,0.85); width: 100%; position:fixed; top: 0; left:0; z-index:100;}
.header_contents { width: 100%; margin: 0 auto; position: relative; height:60px; }
.header_contents h1 { position: absolute; left: 10px; top: 13px; width:43%; }
.header_contents h1 img{ width:100%; }

.header_contents .header_info{ display:none;}
.header_contents .header_tel{
	width: 40%;
	border: none;
	font-weight: bold;
	text-align: center;
font-size:12px;
position:absolute;
right:10px; 
top:10px;
display:block;
}

.header_contents .header_tel a{ display:block; background:#f1a63b; color:#fff;    text-decoration: none;
    line-height: 40px; position:relative; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
padding-right: 15px;}
.header_contents .header_tel a img{ width:20px; height:20px;  line-height: 30px; position: absolute; right:5px; top:10px;}

.header_contents p.menu:hover{
	cursor:default;
}


.header_contents nav.pc_nav { display:none; }





}

 @media (min-width: 960px) {
.header_contents nav.pc_nav { display:block!important; }
 }







/*=================================================
section
===================================================*/
#main{ width:100%; background:url(../images/main_bg.jpg) no-repeat top center; min-height:780px; position:relative;}
#main .mainbox{ width:910px; position:absolute; top:415px; overflow:hidden;left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
#main .mainbox h2{ text-align:center; font-size:44px; color:#fff; font-weight:bold; line-height:180%; margin-bottom:40px;}
#main .mainbox h2 span{ border-bottom: 10px solid #f1a63b;}
#main .mainbox p{ font-size:20px; color:#fff; font-weight:bold; text-align:center; line-height:180%; margin-bottom:80px;}
#main .mainbox .main_info{ width:430px; justify-content: space-between; margin:0 auto;display:flex;}
#main .mainbox .main_info li{ width:200px;}
#main .mainbox .main_info li a{ display:block; width:200px; line-height:50px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  }
#main .mainbox .main_info li:nth-child(1) a{ color:#0097e1; border:1px solid #0097e1; box-sizing: border-box; background:#fff;}
#main .mainbox .main_info li:nth-child(2) a{ background:#0097e1; color:#fff;}

@media (max-width: 767px) {
#main{ width:100%; background:url(../images/main_bg.jpg) no-repeat top center; min-height: inherit; position: inherit; background-size: cover;}
#main .mainbox{ width:90%; margin:0 auto; position: inherit; top: inherit; overflow:hidden;left: inherit; -webkit-transform: none; transform: none; padding-top:80px; padding-bottom:30px;}
#main .mainbox h2{ text-align:center; font-size:16px; color:#fff; font-weight:bold; line-height:180%; margin-bottom:20px;}
#main .mainbox h2 span{ border-bottom: 4px solid #f1a63b;}
#main .mainbox p{ font-size:13px; color:#fff; font-weight:bold; text-align:center; line-height:180%; margin-bottom:20px;}
#main .mainbox p br{ display:none;}
#main .mainbox .main_info{ width:90%; justify-content: space-between; margin:0 auto;display:flex;}
#main .mainbox .main_info li{ width:44%;}
#main .mainbox .main_info li a{ display:block; width:100%; line-height:50px; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  }
}




#first{ width:1200px; background:#fff; overflow:hidden; margin:0 auto; padding-top:80px;}
#first h2{ color:#0097e1; font-size:36px; font-weight:bold; text-align:center; margin-bottom:40px;}
#first ul{ width:900px; margin:20px auto;}
#first ul li{ padding-left:200px; margin-bottom:30px; min-height:165px;}
#first ul li h3{ color:#565656; font-size:24px; font-weight:bold; margin-bottom:20px; text-align:left;}
#first ul li p{ color:#565656; font-size:16px; line-height:180%; font-weight:normal; text-align:left;}
#first ul li:nth-child(1) { background:url(../images/first_icon01.png) no-repeat left center;}
#first ul li:nth-child(2) { background:url(../images/first_icon02.png) no-repeat left center;}
#first ul li:nth-child(3) { background:url(../images/first_icon03.png) no-repeat left center;}
#first ul li:nth-child(4) { background:url(../images/first_icon04.png) no-repeat left center;}
#first ul li:nth-child(5) { background:url(../images/first_icon05.png) no-repeat left center;}
#first ul li:nth-child(6) { background:url(../images/first_icon06.png) no-repeat left center;}
@media (max-width: 767px) {
#first{ width:100%; background:#fff; overflow:hidden; margin:0 auto; padding-top:20px;}
#first h2{ color:#0097e1; font-size:16px; font-weight:bold; text-align:center; margin-bottom:20px;}
#first ul{ width:100%; margin:10px auto;}
#first ul li{ padding-left:80px; margin-bottom:30px; min-height: inherit;}
#first ul li h3{ color:#565656; font-size:13px; font-weight:bold; margin-bottom:15px; text-align:left;}
#first ul li p{ color:#565656; font-size:13px; line-height:180%; font-weight:normal; text-align:left;}
#first ul li:nth-child(1) { background:url(../images/first_icon01.png) no-repeat left center; background-size:60px;}
#first ul li:nth-child(2) { background:url(../images/first_icon02.png) no-repeat left center; background-size:60px;}
#first ul li:nth-child(3) { background:url(../images/first_icon03.png) no-repeat left center; background-size:60px;}
#first ul li:nth-child(4) { background:url(../images/first_icon04.png) no-repeat left center; background-size:60px;}
#first ul li:nth-child(5) { background:url(../images/first_icon05.png) no-repeat left center; background-size:60px;}
#first ul li:nth-child(6) { background:url(../images/first_icon06.png) no-repeat left center; background-size:60px;}
}





#function{
-webkit-clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 85%);
clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 85%);
background:#e8e8e8;
padding:100px 0;
}

#function .function_inner{ width:1200px; margin:0 auto; overflow:hidden; padding:120px 0 20px; position:relative; min-height:1600px;}
#function .function_inner .txt_box{position: absolute; left:550px;}
#function .function_inner h2{  font-size:28px; font-weight:bold; line-height:160%; margin-bottom:20px; color:#565656;}
#function .function_inner h2 span{ color:#0097e1;}
#function .function_inner h3{color:#0097e1; font-weight:bold;}
#function .function_inner p{color:#565656; font-size:16px; line-height:180%; font-weight:normal; text-align:left; margin-bottom:20px;}
#function .function_inner .btn{ display: inline-block; text-align:center; margin:20px 0;}
#function .function_inner .btn a{display:block; line-height:50px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  background:#0097e1; color:#fff; padding:0 20px;}
.function_img{ float: left;  margin-bottom:40; margin-top:150px;}


@media (max-width: 767px) {
#function{
-webkit-clip-path: none;
clip-path: none;
background:#e8e8e8;
padding:0;
width:100%;
overflow:hidden;
}
#function .function_inner{ width:100%; margin:0 auto; overflow:hidden; padding:20px 0; position: inherit; min-height: inherit;}
#function .function_inner .txt_box{position: inherit; left:0; display:block; width:95%; margin:0 auto; }
#function .function_inner h2{  font-size:16px; font-weight:bold; line-height:160%; margin-bottom:15px; color:#565656; text-align:center;}
#function .function_inner h3{color:#0097e1; font-weight:bold; font-size:13px;}
#function .function_inner p{color:#565656; font-size:13px; line-height:180%; font-weight:normal; text-align:left; margin-bottom:20px;}
#function .function_inner .btn{ display: block; text-align:center; margin:20px auto; width:65%;}
#function .function_inner .btn a{display:block; line-height:50px; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  background:#0097e1; color:#fff; padding:0 20px;}
.function_img{ display:block; width:70%; margin-left:0; margin-bottom:0; margin-top:0; margin:0 auto; float:inherit; }
.function_img img{ width:100%; }

}



	
#merit{ background: url(../images/merit_bg.jpg) no-repeat top center; overflow:hidden; margin-top:-160px;}
#merit .merit_inner{ width:1200px; margin:0 auto; position:relative; min-height:760px;}
#merit .merit_inner .merit_img01{ position:absolute; top:180px; left:40px;}
#merit .merit_inner .merit_img02{ position:absolute; bottom:40px; right:40px;}
#merit .merit_inner .merit_conts{ width:700px; position:absolute; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background:rgba(255,255,255,0.9);
    top: 450px; padding:20px 0;}
#merit .merit_inner .merit_conts h2{ text-align:center; color:#0097e1; font-size:28px; font-weight:bold; padding-bottom:10px; margin-bottom: 30px; line-height:180%;}
#merit .merit_inner .merit_conts h2 span{color:#000; }
#merit .merit_inner .merit_conts h2 div{ border-bottom:10px solid #0097e1; display:inline; padding-bottom: 10px; margin-bottom:40px;}
#merit .merit_inner .merit_conts ul{ margin:0 60px;}
#merit .merit_inner .merit_conts ul li{ font-size:18px; font-weight:bold; position:relative; text-align:left; margin-left:40px; display:block; margin-bottom:15px; line-height:30px;}
#merit .merit_inner .merit_conts ul li:before{ position: absolute; left:-40px; width:30px; height:30px; content: url(../images/check_icon.png);  top: -5px;} 
#merit .merit_inner .merit_conts .btn{display: block; text-align:center;  width:240px; margin:20px auto;}
#merit .merit_inner .merit_conts .btn a{display:block; line-height:50px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  background:#0097e1; color:#fff; padding:0 20px;}

@media (max-width: 767px) {
#merit{ background: url(../images/merit_bg.jpg) no-repeat top center; background-size:cover; overflow:hidden; margin-top:0;}
#merit .merit_inner{ width:100%; margin:0 auto; position: inherit; min-height: inherit;}
#merit .merit_inner .merit_img01{ position: inherit; display:none; }
#merit .merit_inner .merit_img02{ position: inherit; display:none;}
#merit .merit_inner .merit_conts{ width:80%; position: inherit!important; background:rgba(255,255,255,0.8); display:block; margin:20px auto; padding:10px 0; left:inherit; -webkit-transform:none; transform:none;}
#merit .merit_inner .merit_conts h2{ text-align:center; color:#0097e1; font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom: 20px; line-height:180%;}
#merit .merit_inner .merit_conts h2 span{color:#000; }
#merit .merit_inner .merit_conts h2 div{ border-bottom:4px solid #0097e1; display:inline; padding-bottom: 10px; margin-bottom:20px;}
#merit .merit_inner .merit_conts ul{ width:70%; margin:0 auto;}
#merit .merit_inner .merit_conts ul li{ font-size:13px; font-weight:bold; position:relative; text-align:left; margin-left:40px; display:block; margin-bottom:15px; line-height:30px;}
#merit .merit_inner .merit_conts ul li:before{ position: absolute; left:-40px; width:30px; height:30px; content: url(../images/check_icon.png);  top: -5px;} 
#merit .merit_inner .merit_conts .btn{display: block; text-align:center;  width:240px; margin:20px auto;}
#merit .merit_inner .merit_conts .btn a{display:block; line-height:50px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  background:#0097e1; color:#fff; padding:0 20px;}
}


	
#network{ width:100%; background:#fff;}
#network .inner{ width:1120px; margin:0 auto; padding:80px 40px; position:relative;}
#network .inner h2{color:#0097e1; font-size:28px; font-weight:bold; margin-bottom:40px; }
#network .inner h2 span{color:#000;}
#network .inner h2 span em{ color:#0097e1; font-style:normal;}
#network .inner p{color:#565656; font-size:16px; line-height:180%; font-weight:normal; text-align:left; width:510px;}
#network .inner .network_img{ position:absolute; top:150px; right:40px;}

@media (max-width: 767px) {
	#network .inner{ width:100%; margin:0 auto; padding:80px 40px; position:relative;}
}




#price{ width:100%; background:#e8e8e8;}
#price .inner{ width:1120px; margin:0 auto; padding:80px 40px; position:relative;}
#price .inner h2{color:#000; font-size:28px; font-weight:bold; margin-bottom:60px; text-align:center; line-height:180%; }
#price .inner h2 span{color:#000; }
#price .inner h2 span em{ color:#0097e1; font-style:normal;}
#price .inner .price_box{ width:640px; background:#fff; margin:40px auto; box-shadow:0px 0px 4px 1px #9e9e9f;-webkit-box-shadow: 0px 0px 4px 1px #9e9e9f;
-moz-box-shadow: 0px 0px 4px 1px #9e9e9f; overflow:hidden; padding:40px;}
#price .inner .price_box p{ text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:180%;}
#price .inner .price_box p em{ color:#0097e1; font-size:38px; font-weight:700;}
#price .inner .price_box p.ex{ font-size:14px; color:#666; text-align:left;}
#price .inner .price_box hr{ border:none; border-bottom:1px solid #666666; margin:20px 0;}
#price .inner .btn{display: block; text-align:center;  width:240px; margin:20px auto;}
#price .inner .btn a{display:block; line-height:50px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  background:#0097e1; color:#fff; padding:0 20px;}

@media (max-width: 767px) {
#price{ width:100%; background:#e8e8e8; overflow:hidden; padding:20px 0;}
#price .inner{ width:100%; margin:0 auto; padding:0; position: inherit;}
#price .inner h2{color:#000; font-size:16px; font-weight:bold; margin-bottom:20px; text-align:center; line-height:180%; }
	
#price .inner .price_box{ width:70%; background:#fff; margin:0px auto; box-shadow:0px 0px 4px 1px #9e9e9f;-webkit-box-shadow: 0px 0px 4px 1px #9e9e9f;
-moz-box-shadow: 0px 0px 4px 1px #9e9e9f; overflow:hidden; padding:20px;}
#price .inner .price_box p{ text-align:center; font-size:14px; font-weight:bold; color:#000; line-height:180%;}
#price .inner .price_box p em{ color:#0097e1; font-size:22px; font-weight:700;}
#price .inner .price_box p.ex{ font-size:11px; color:#666; text-align:left;}
#price .inner .btn{display: block; text-align:center;  width:60%; margin:20px auto;}
#price .inner .btn a{display:block; line-height:50px; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  background:#0097e1; color:#fff; padding:0 10px;}
}



#faq{ width:100%; background:#fff;}
#faq .inner{ width:1120px; margin:0 auto; padding:80px 40px; position:relative;}
#faq h2{ text-align:center; color:#000; font-size:28px; font-weight:bold; padding-bottom:10px; margin-bottom: 80px; line-height:180%;}
#faq h2 span{color:#000; }
#faq h2 span em{ color:#0097e1; font-style:normal;}
#faq h2 div{ border-bottom:10px solid #0097e1; display:inline; padding-bottom: 10px; margin-bottom:40px;}
.faq_list{}
.faq_list dt{ background:url(../images/faq_icon01.png) no-repeat left center; padding-left:60px; line-height:48px; color:#0097e1; font-weight:bold; text-align:left; margin-bottom:40px; font-size:24px;}
.faq_list dd{ background: url(../images/faq_icon02.png) no-repeat left top; padding-left: 60px; line-height: 180%; color: #565656; font-weight: normal; text-align: left; margin-bottom: 40px; font-size: 16px; margin-left: 60px; min-height:60px; }

@media (max-width: 767px) {
#faq{ width:100%; background:#fff; padding:20px 0; overflow: hidden;}
#faq .inner{ width:95%; margin:0 auto; padding:0; position: inherit;}
#faq h2{ text-align:center; color:#000; font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom: 20px; line-height:180%;}
#faq h2 div{ border-bottom:4px solid #0097e1; display:inline; padding-bottom: 10px; margin-bottom:20px;}
.faq_list dt{ background:url(../images/faq_icon01.png) no-repeat left 3px; background-size:40px; padding-left:60px; line-height:180%; color:#0097e1; font-weight:bold; text-align:left; margin-bottom:20px; font-size:13px;min-height:60px; }
.faq_list dd{ background: url(../images/faq_icon02.png) no-repeat left top; background-size:40px; padding-left: 60px; line-height: 180%; color: #565656; font-weight: normal; text-align: left; margin-bottom: 40px; font-size: 13px; margin-left: 20px; min-height:60px; }
}




#case{ width:100%; background:#e8f6fb;}
#case .inner{ width:1120px; margin:0 auto; padding:80px 40px; position:relative;}
#case h2{ text-align: center; color: #000; font-size: 28px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; }
#case p{ text-align:center; color:#000; font-size:16px; line-height:180%;}
#case p.permission{ text-align:center; color:#000; font-size:14px; line-height:180%;}
#case ul{ width:900px; display:flex; justify-content: space-between; margin:40px auto; align-items:center;}
#case ul li a:hover img{filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;}
	
#case ul.nologo{ width:900px; display:flex; justify-content: center; margin:40px auto; align-items:center;}
#case ul.nologo li{ margin:0 40px; width:160px; }

@media (max-width: 767px) {
#case{ width:100%; background:#e8f6fb; padding:20px 0; overflow:hidden;}
#case .inner{ width:95%; margin:0 auto; padding:0; position: inherit;}
#case h2{ text-align: center; color: #000; font-size: 16px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; }
#case p{ text-align:center; color:#000; font-size:13px; line-height:180%;}
#case p.permission{ text-align:center; color:#000; font-size:11px; line-height:180%;}
#case ul{ width:100%; display:flex; justify-content: space-between; margin:20px auto; align-items:center;}
#case ul li{ width:20%;}
#case ul li img{ width:100%;}
#case ul.nologo{ width:100%; display:flex;  justify-content: center; margin:20px auto; align-items:center;}
#case ul.nologo li{ width:20%;}
}


#media{ width:100%; background:#fff;}
#media .inner{ width:1200px; margin:0 auto; padding:80px 0px; position:relative;}
#media h2{ text-align: center; color: #000; font-size: 28px; font-weight: bold; padding-bottom: 10px; margin-bottom: 40px; }
#media ul{display:flex; justify-content: space-between; overflow-x: scroll; overflow-y: hidden;}
#media ul li{ width:280px;}
#media ul li p{ font-size:14px; text-align:left; color:#000; line-height:180%;}
#media ul li p em{ color:#0097e1; font-style:normal;}
#media ul li img{ margin-bottom:10px;}

@media (max-width: 767px) {
#media{ width:100%; background:#fff; padding:20px 0; overflow:hidden;}
#media .inner{ width:95%; margin:0 auto; padding:20px 0px; position: inherit;}
#media h2{ text-align: center; color: #000; font-size: 16px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; }
#media ul{display: block;  }
#media ul li{ width:100%; display: block; margin-bottom:40px;}
#media ul li p{ font-size:13px; text-align:left; color:#000; line-height:180%;}
#media ul li img{ margin:0 auto; margin-bottom:10px;  display:block; width:70%;} 

}



#message{ width:100%; background: url(../images/message_bg.jpg) no-repeat top center; height:667px;}
#message .inner{ width:1200px; margin:0 auto; padding:80px 0px; position:relative;}
#message .inner img.ceo{ position:absolute; top:80px; right:0;}
#message .inner .ceo_msg{ width: 685px; position: absolute; top: 120px; left: 0; background: rgba(255,255,255,0.95); padding: 25px; }
#message .inner .ceo_msg h2{ font-size:28px; margin-bottom:20px; text-align:left; font-weight:bold;}
#message .inner .ceo_msg p{ color:#565656; line-height:180%; text-align:left; font-size:14px;}
#message .inner .ceo_msg p.ceo_name{ font-size:18px; color:#000; text-align:right; font-weight:bold; margin-top:10px;}
#message .inner .ceo_msg p.ceo_name br{ display:none;}

@media (max-width: 767px) {
#message{ width:100%; background: url(../images/message_bg.jpg) no-repeat top center; height:auto; background-size:cover; padding:20px 0;}
#message .inner{ width:95%; margin:0 auto; padding:20px 0px; position: inherit;}
#message .inner img.ceo{ position: inherit; display:block; width:95%; margin:20px auto;}
#message .inner .ceo_msg{ width: 85%; margin:0 auto; position: inherit; top: 0; left: 0; background: rgba(255,255,255,0.95); padding: 10px; display: block; font-size:12px; }
#message .inner .ceo_msg h2{ font-size:16px; margin-bottom:10px; text-align:left; font-weight:bold;}
#message .inner .ceo_msg p{ color:#565656; line-height:180%; text-align:left; font-size:12px;}
#message .inner .ceo_msg p.ceo_name{ font-size:13px; color:#000; text-align:right; font-weight:bold; margin-top:10px;}
#message .inner .ceo_msg p.ceo_name br{ display:inline;}
}



#company{ width:100%; background:url(../images/company_bg.jpg) no-repeat top center; height:600px; margin:40px 0;}
#company .inner{ background:#e8e8e8; width:800px; min-height:520px; overflow:hidden; margin:0 auto; padding:40px 0;}
#company .inner h2{ font-size:28px; text-align:center; font-weight:bold; margin-bottom:40px;}
#company .inner dl,
#company .inner dt,
#company .inner dd {
  box-sizing: border-box;
}

#company .inner dt {
  width: 20%;
  float: left;
}

#company .inner dd {
  margin-left:20%;
  padding-bottom: 20px;
}
#company .inner dd:after {
  content: '';
  display: block;
  clear: both;
}

#company .inner dl{ width:600px; margin:0 auto;}

@media (max-width: 767px) {
#company{ width:100%; background:#E8E8E8; overflow:hidden; margin:0; padding:20px 0;}
#company .inner{ background:#e8e8e8; width:95%; min-height: inherit; overflow:hidden; margin:0 auto; padding:20px 0;}
#company .inner h2{ font-size:16px; text-align:center; font-weight:bold; margin-bottom:20px;}
#company .inner dt {
  width: 100%;
  float: none;
  display:block;
  font-size:14px;
  line-height:180%;
  font-weight:bold;
  border-bottom:1px dotted #000;
  margin-bottom:5px;
}

#company .inner dd {
  margin-left:0;
  padding-bottom: 10px;
  width: 100%;
   display:block;
   font-size:13px;
   margin-bottom:10px;
}
#company .inner dd:after {
  content: '';
  display: block;
  clear: both;
}

#company .inner dl{ width:95%; margin:0 auto;}
}





#information{ width:100%; background:#fff;}
#information .inner{ width:1200px; margin:0 auto; padding:80px 0px; position:relative; overflow:hidden;}

#information .inner h2{color:#000; font-size:28px; font-weight:bold; margin-bottom:60px; text-align:center; line-height:180%; }
#information .inner h2 span{color:#000; }
#information .inner h2 span em{ color:#0097e1; font-style:normal;}
#information .inner h2 div{ border-bottom:10px solid #0097e1; display:inline; padding-bottom: 10px; margin-bottom:40px;}
#information .inner .tel_box{ width:560px; margin:20px auto; border:1px solid #0097e1; padding:40px 0;}
#information .inner .tel_box p br{ display:none;}
#information .inner p{ text-align:center;}
#information .inner p.tel{ color:#0097e1; font-weight:bold; font-size:48px; margin-left:70px; margin-bottom:10px; line-height:70px; position:relative;}
#information .inner p.tel:before{ content:url(../images/tel_icon.png); width:80px; height:80px; position:absolute; left:0;}
#information .inner p.tel a{ color:#0097e1; font-weight:bold; font-size:48px; text-decoration:none;}

@media (max-width: 767px) {
#information{ width:100%; background:#fff; padding:20px 0;}
#information .inner{ width:95%; margin:0 auto; padding:20px 0px; position: inherit; overflow:hidden;}

#information .inner h2{color:#000; font-size:16px; font-weight:bold; margin-bottom:20px; text-align:center; line-height:180%; }
#information .inner h2 div{ border-bottom:4px solid #0097e1; display:inline; padding-bottom: 10px; margin-bottom:20px;}
#information .inner .tel_box{ width:80%; margin:40px auto; border:1px solid #0097e1; padding:20px 0;}
#information .inner .tel_box p{ font-size:13px; line-height:180%; }
#information .inner .tel_box p br{ display: inherit;}
#information .inner .tel_box p.tel{ color:#0097e1; font-weight:bold; font-size:20px; margin-left:40px; margin-bottom:10px; line-height:70px; position:relative;}
#information .inner .tel_box p.tel:before{ content:url(../images/tel_icon_sp.png); width:50px; height:50px; position:absolute; left:0; top:10px;}
#information .inner .tel_box p.tel a{ color:#0097e1; font-weight:bold; font-size:20px; text-decoration:none;}
}


@media screen and (max-width: 480px){
#information .inner .tel_box p.tel{ color:#0097e1; font-weight:bold; font-size:20px; margin-left:10px; margin-bottom:10px; line-height:70px; position:relative;}
#information .inner .tel_box p.tel:before{ content:url(../images/tel_icon_sp.png); width:50px; height:50px; position:absolute; left:0; top:10px;}

}


.affiliation_table{
	width: 90%;
	display: flex;
	margin: 50px auto 0;
	font-size: 12px
}

table.affiliation_table01{
	width: 298px;
	margin-right: 10px;
	margin-left: 0;
	border-collapse:collapse;
}
table.affiliation_table01 td,table.affiliation_table01 th{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;

}
table.affiliation_table02{
	width: 340px;
	margin-right: 10px;
	margin-left: 10px;
	border-collapse:collapse;
}
table.affiliation_table02 td,table.affiliation_table02 th{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;

}
table.affiliation_table03{
	width: 340px;
	margin-right: 10px;
	margin-left: 10px;
	border-collapse:collapse;
}
table.affiliation_table03 td,table.affiliation_table03 th{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;

}


@media (max-width: 767px) ,@media screen and (max-width: 480px){
.affiliation_table{
	width: 100%;
	display: block;
	margin: 20px 0 0;
	font-size: 12px;
}

table.affiliation_table01{
	width: 100%;
	margin: 0 auto 0;
	border-collapse:collapse;
}
table.affiliation_table01 td,table.affiliation_table01 th{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;

}
table.affiliation_table01 td{
	width: 60px;
}
table.affiliation_table01 th{
	width: 240px;
}
table.affiliation_table02{
	width: 100%;
	margin: 0 auto 0;
	border-collapse:collapse;
}
table.affiliation_table02 td,table.affiliation_table02 th{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;

}
table.affiliation_table02 td{
	width: 60px;
}
table.affiliation_table02 th{
	width: 240px;
}
table.affiliation_table03{
	width: 100%;
	margin: 0 auto 0;
	border-collapse:collapse;
}
table.affiliation_table03 td,table.affiliation_table03 th{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:top;

}
table.affiliation_table03 td{
	width:60px;
}
table.affiliation_table03 th{
	width: 240px;
}
}

/*=================================================
form
===================================================*/
table.formTable{
	width:80%;
	margin:30px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	vertical-align:top;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#e8f6fb;
	text-align:left;
}

table.formTable th span{
display: inline;
background: #ffa8d3;
color: #ffffff;
margin-left: 10px;
padding: 0 5px;}

table.formTable input[type="text"],
table.formTable textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
table.formTable textarea {
    width: 300px;
}

table.formTable input[type="text"]:focus,
table.formTable texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}

input[type="submit"],
input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}

input.sendSubmit{
   border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background:#0097E1;
}


input.sysNextSubmit{
   border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
}


@media (max-width: 767px) {
table.formTable{
	width:90%;
	margin:20px auto;
	border-collapse:collapse;
	box-sizing: border-box;
}


table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	vertical-align:top;
	box-sizing: border-box;
	display:block;
	width:100%;
}

table.formTable th{
	width:100%;
	font-weight:normal;
	background:#e8f6fb;
	text-align:left;
	box-sizing: border-box;
	display:block;
	font-size:13px;
}

table.formTable td{width:100%;
box-sizing: border-box;
	display:block;font-size:13px; }

table.formTable input[type="text"],
table.formTable textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
}
table.formTable textarea {
    width: 80%;
}

input[type="submit"],
input[type="reset"],
input[type="button"]  {
-webkit-appearance: none;
border-radius: 0;
}


input.sendSubmit{
   border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background:#0097E1;
font-size:13px;
}


input.sysNextSubmit{
   border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
font-size:13px;
}


}




/*=================================================
footer
===================================================*/

footer{ width:100%; overflow:hidden; background:#99a9b3; padding:20px 0;}
footer p{ font-weight:bold; color:#fff; font-size:14px; text-align:center;}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    display: block;
}

@media (max-width: 767px) {
footer{ width:100%; overflow:hidden; background:#99a9b3; padding:10px 0;}
footer p{ font-weight: normal; color:#fff; font-size:11px; text-align:center;}

#page-top {
    position: fixed;
    bottom: 10px;
    right: 5px;
}

#page-top img{ width:50px;}

}


/*=================================================
fade
===================================================*/

.fade {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }

    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    
    
@media screen and(max-width:475px){
	.sp_block{
		display: block;
	}
}
@media screen and(max-width:475px){
	.sp_none{
		display: none;
	}
}