@charset "UTF-8";
/* CSS Document */
.sp {display:none;}

.body {
  font-size:15px;
  color:#333333;
}
ul,li {
  list-style:none;
  margin:0;
  padding:0;
}
 a:link{
  color:#2181b7;
  text-decoration:none;
}
 a:hover{
  color:#2181b7;
  text-decoration:none;
 }
 .container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 1230px; 
}

/*共通*/
.nowrap { white-space: nowrap; } 

.l-txtc { text-align:center;}
.l-txtl { text-align:left;}
.l-txtr { text-align:right;}

.l-fl-l { float:left;}
.l-fl-r { float:right;}
.l-fl-o {overflow:hidden;}

.sp { display:none;}

.txt-s-lll {font-size:170%; line-height:1.2em;}
.txt-s-ll {font-size:160%; line-height:1.2em;}
.txt-s-l {font-size:140%; line-height:1.2em;}
.txt-s-ml {font-size:110%;}
.txt-s-m {font-size:100%;}
.txt-s-s {font-size:90%;}

.c-txt-white {color:#fff;}
.c-txt-white a:link { color:#fff; text-decoration:none; }
.c-txt-white a:visited { color:#fff; text-decoration:none; }
.c-txt-white a:hover { color:#fff; text-decoration:none; }
.c-txt-white a:active { color:#fff; text-decoration:none; }

.c-txt-gray {color:#999999;}
.c-txt-gray a:link { color:#999999; text-decoration:none; }
.c-txt-gray a:visited { color:#999999; text-decoration:none; }
.c-txt-gray a:hover { color:#999999; text-decoration:none; }
.c-txt-gray a:active { color:#999999; text-decoration:none; }

.c-txt-blue {color:#2181b7;}
.c-txt-blue a:link { color:#2181b7; text-decoration:none; }
.c-txt-blue a:visited { color:#2181b7; text-decoration:none; }
.c-txt-blue a:hover { color:#2181b7; text-decoration:none; }
.c-txt-blue a:active { color:#2181b7; text-decoration:none; }
.c-bg-blue { background:#2181b7;}

.c-txt-orange {color:#f9765d;}
.c-txt-orange a:link { color:#f9765d; text-decoration:none; }
.c-txt-orange a:visited { color:#f9765d; text-decoration:none; }
.c-txt-orange a:hover { color:#f9765d; text-decoration:none; }
.c-txt-orange a:active { color:#f9765d; text-decoration:none; }
.c-bg-orange { background:#f9765d;}

.c-txt-pink {color:#e15a84;}
.c-txt-pink a:link { color:#e15a84; text-decoration:none; }
.c-txt-pink a:visited { color:#e15a84; text-decoration:none; }
.c-txt-pink a:hover { color:#e15a84; text-decoration:none; }
.c-txt-pink a:active { color:#e15a84; text-decoration:none; }
.c-bg-pink { background:#e15a84;}

.c-txt-red {color:#e20001;}
.c-txt-red a:link { color:#e20001; text-decoration:none; }
.c-txt-red a:visited { color:#e20001; text-decoration:none; }
.c-txt-red a:hover { color:#e20001; text-decoration:none; }
.c-txt-red a:active { color:#e20001; text-decoration:none; }
.c-bg-red { background:#c1050e;}

.c-bg-gray { background:#efefef; }
.c-bg-blue02 { background:#ebf9ff; }


.marker {
    background: linear-gradient(transparent 49%, #ff9 40%); 
    /*Other Browser*/
    background: #ff9;
    /*For Old WebKit*/
    background: -webkit-linear-gradient(
        transparent 49%,
        #ff9 40%
    );
    /*For Modern Browser*/
    background: linear-gradient(
        transparent 49%,
        #ff9 40%
    );
    
}

.mar-t-15 {  margin-top:15px;}
.mar-l-15 {  margin-left:15px;}
.mar-l-25 {  margin-left:25px;}
.mar-l-40 {  margin-left:40px;}

.btn-style {
    color: #2181b7;
    background-color: #fff;
    border:2px solid #2181b7 !important;
    padding:5px 20px; !important;
}

.bt-line01 {
  border-bottom:1px solid #2181b7;
}

/*アイコン付きタイトル*/
.h1_title {
  padding: 0px 0 30px 0px;
  color:#2181b7;
  margin: 50px auto 30px;
  font-size:33px;
}
.h1_unbar01 {
  background:url(../images/common/unbar_title_w260.png) bottom left no-repeat;
  width: 260px;
}
 .h1_unbar02 {
  background:url(../images/common/unbar_title_w380.png) bottom left no-repeat;
}
 .h1_unbar03 {
  background:url(../images/common/unbar_title_about.png) bottom left no-repeat;
  width: 222px;
}
 .h1_unbar04 {
  background:url(../images/common/unbar_title_w250.png) bottom left no-repeat;
  width: 250px;
}

.icon_plan { padding: 5px 0 0 56px; background:url(../images/common/icon_title_plan.png) top left no-repeat; }
.icon_mail { padding: 5px 0 0 65px; background:url(../images/common/icon_title_mail.png) top left no-repeat;}
.icon_voice { padding: 5px 0 0 65px; background:url(../images/common/icon_title_voice.png) top left no-repeat;}
.icon_facebook { padding: 5px 0 0 56px; background:url(../images/common/icon_title_facebook.png) top left no-repeat;}
.icon_about { padding: 5px 0 0 65px; background:url(../images/common/icon_title_about.png) top left no-repeat; }
.icon_search { padding: 17px 0 0 65px; background:url(../images/common/icon_title_search.png) top left no-repeat; }

.icon-pd01 { padding-right: 1px; }
.icon-pd05 { padding-right: 5px; }


/*------------------------------------------------------------
    共通
------------------------------------------------------------*/
.ct_txt {
  background:#ff886c;
  padding: 0px 5px;
  display:inline-block;
  color:#fff;
}
.label-1 {
  background:#e20001;
  padding: 2px 5px;
  display:inline-block;
  color:#fff;
  margin-left:4px;
  font-size:12px;
  font-weight:normal;
}

/*ボタンカラー*/
.c-bt-pnk {
  border:6px solid #ffabcb;
  border-radius:40px;
  background:#f25c8e;
}
.c-bt-pnk02 {
  border:6px solid #ffabcb;
  border-radius:55px;
  background:#f25c8e;
}

.c-bt-blue {
  border:6px solid #b0d9ea;
  border-radius:40px;
  background:#2181b7;
}
.c-bt-white {
    border: 2px solid #2181b7;
    background: #fff;
}

/*ボタン共通*/
.btn-pd01 {
    display: block;
    width: 325px;
    text-align:center;
    margin: 0 auto;
 }
 @media screen and (max-width: 420px) {
   .btn-pd01 {
    width: 275px;
 }
 }
 .btn-pd01 a {
  display:block;
  padding: 20px 0;
}
.btn-pd02 {
    display: block;
    width: 120px;
    text-align:center;
 }
 .btn-pd02 a {
  display:block;
  padding: 5px 0;
}

/*タイトル用ボーダー*/
.bor-l { margin:5px 0; border-left:5px solid #2181b7; padding:0 0 0 5px; margin:0 0 10px 0;}
.bor-b { margin:0; border-bottom:5px solid #2181b7; padding:0 0 5px 0; margin:0 0 10px 0;}

/*共通テーブル*/
.body .table th {
  background:#b0d9ea;
  border-top:1px solid #7db7c9;
  border-left:1px solid #7db7c9;
  border-right:1px solid #7db7c9;
  border-bottom:1px solid #7db7c9;
  border-collapse: collapse;
}

.body .table td {
  background:#fff;
  border-top:1px solid #7db7c9;
  border-left:1px solid #7db7c9;
  border-right:1px solid #7db7c9;
  border-bottom:1px solid #7db7c9;
  border-collapse: collapse;
}

.body .table02 th {
  background:#f1f1f1;
  border-top:1px solid #e1ddd4;
  border-left:1px solid #e1ddd4;
  border-right:1px solid #e1ddd4;
  border-bottom:1px solid #e1ddd4;
  border-collapse: collapse;
}

.body .table02 td {
  background:#fff;
  border-top:1px solid #e1ddd4;
  border-left:1px solid #e1ddd4;
  border-right:1px solid #e1ddd4;
  border-bottom:1px solid #e1ddd4;
  border-collapse: collapse;
}

.body .table-w37 th { width:30%;}
.body .table-w37 td { width:70%;}
@media screen and (max-width: 420px) {
.body .table-w37sp th { width:100%;}
.body .table-w37sp td { width:100%;}
}

.body .table-w28 th { width:20%;}
.body .table-w28 td { width:80%;}


@media screen and (max-width: 768px) {
/*共通テーブル*/
.body .table {
  border-bottom:1px solid #7db7c9;
}
.body .table th {
    width: 100%;
    display: block;
}
.body .table td {
  width: 100%;
  display: block;
  border-top:none;
  border-bottom:none;
}

.body .table02 {
  border-bottom:1px solid #e1ddd4;
}
.body .table02 th {
    width: 100%;
    display: block;
}
.body .table02 td {
  width: 100%;
  display: block;
  border-top:none;
  border-bottom:none;
}

}



/* 吹き出し */
.bubble-left{
  position: relative;
  height: auto;
/*  width: 80%;*/
  margin-bottom: 20px;
  padding:20px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  border:1px solid #cfecfa; 
  background:#fff;
}
.bubble-left::before{
content: "";
position: absolute;
left: -20px;
top: 25px;
margin-top: -10px;
width: 0px;
height: 0px;
border-right: 10px solid #cfecfa;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index:102;
}
.bubble-left::after{
content: "";
position: absolute;
left: -16px;
top: 25px;
margin-top: -9px;
width: 0px;
height: 0px;
border-right: 9px solid #fff;
border-top: 9px solid transparent;
border-left: 9px solid transparent;
border-bottom: 9px solid transparent;
z-index:103;
}

.bubble-right{
  position: relative;
  height: auto;
  /*width: 80%;*/
  margin-bottom: 20px;
  padding:15px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  border:1px solid #cfecfa; 
  background:#fff;
}
.bubble-right::before{
content: "";
position: absolute;
right: -20px;
top: 25px;
margin-top: -10px;
width: 0px;
height: 0px;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-left: 10px solid #cfecfa;
border-bottom: 10px solid transparent;
z-index:102;
}
.bubble-right::after{
content: "";
position: absolute;
right: -16px;
top: 25px;
margin-top: -9px;
width: 0px;
height: 0px;
border-right:9px solid transparent;
border-top: 9px solid transparent;
border-left: 9px solid #fff;
border-bottom: 9px solid transparent;
z-index:103;
}



/*グローバルメニュー ２階層以下*/
header .navbar-default {
  background:#fff;
  border:none;
}
header .navbar-nav li {
  width:25%;
  border-left:1px solid #2181b7;
  text-align:center;
}
header .navbar-nav li:last-child {
  border-right:1px solid #2181b7;
}
header .navbar-nav li a {
  color:#2181b7 !important;
  font-size:18px;
}
header .navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 5px;
}
header .navbar-nav {
  width: 70%;
  margin: 40px 0 20px;
}
header .navbar-header {
  width:30%;
}
header .navbar-nav li .fa { margin:0 10px 0 0;}
header .navbar-toggle {
    margin-top: 40px;
}
header .navbar-brand img {
  width:90%;
}
.body .breadcrumb {
  background-color: #fff;
}
.body .breadcrumb > li + li:before {
    content: ">";
}






/*メルマガ登録*/
  .mail-box ul {
    text-align:center;
  }
  .mail-box li {
    display:inline;
    margin:10px; 15px 0 0;
  }
   .mail-box .form-control {
    margin:0 auto;
  }
  .voice-box row {
    margin:15px 0 0 0;
  }
  .voice-box .col-md-2 {
    text-align:center;
  }

/*フェイスブック*/
#fb-root {
    display: none;
}
.fb-box .embed-responsive-16by9 {
    width: 90%;
    height:auto;
    margin: 0 auto;
}

.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/*ページTOP*/
.pagetop {
  width:100%;
  text-align:center;
  padding:20px 0;
  font-size:20px;
  margin:125px 0 0 0;
}

/*フッター*/
.footer {
  background:url(../images/common/bgimg_sand.png) repeat;
  padding:20px 0 0 0;
  width:100%;
}
.link-bnrbox li {
  text-align:center;
  margin:8px 0 0 0;
}
.link-bnrbox img {
  max-width:277px;
  width:100%;
}
.copyright-box {
  width:100%;
  margin:40px 0 0 0;
  padding: 5px 0;
}
.about-listbox {
  width:100%;
  text-align:center;
}
.about-listbox li {
  display:inline-block;
  padding:1% 2%;
}












@media screen and (max-width: 768px) {
/*共通*/
 .pc {
  display:none;
}
.sp {
  display:block;
}
body .ft-box {
  max-width:380px;
  padding:0 10px;
}

/*グローバルメニュー２階層以下*/
.navbar .container {
  width:100%;
  margin:0;
   padding: 0;
}
header .navbar-header {
    width: 100%;
}
header .navbar-brand img {
    width: 60%;
    margin: 0 0 0 15px;
}
header .navbar-toggle {
    margin-top: 25px;
    margin-bottom: 25px;
}
 header  .navbar {
    margin-bottom: 0px;
}
header  .navbar-nav li {
  width: 100%;
  text-align:left;
  font-size:15px;
}
header  .navbar-collapse {
  padding:0;
}
header  .navbar-nav {
  margin: 0;
}
header .navbar-nav li {
  border:none;
}
header .navbar-nav li:last-child {
  border:none;
}
header .navbar-default .navbar-collapse{
  border-top:1px #2181b7 solid;
}
/*.container > .navbar-header {
  margin-right: 15px;
  margin-left: 15px;
}
*/
header .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 5px;
}




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

header .navbar-brand {
      padding: 15px 0;
      width: 240px;
}
.pagetop {
    margin: 25px 0 0 0;
}
.body {
  font-size:12px;
}
/*アイコン付きタイトル*/
.h1_title {
  font-size:28px;
}
.icon_plan { background-size:21% auto;}
.icon_mail { background-size:21% auto;}
.icon_voice { background-size:21% auto;}
.icon_facebook { background-size:21% auto;}



  
}