@charset "utf-8";
/* ------------------------------------------------------- */
/* css reset --------------------------------------------- */
/* ------------------------------------------------------- */

/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th,td {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
     display: block;
}
body {
     line-height: 1;
}
ol, ul {
     list-style: none;
}
blockquote, q {
     quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}
.clear { clear: both; }
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* ------------------------------------------------------- */
/* layout ------------------------------------------------ */
/* ------------------------------------------------------- */
* {
  box-sizing:border-box;
}
/* base --------------------------------------------------*/
@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem;/* 16px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
  line-height:2.4rem;
  background:#fff;
  color:#000;
}

/* ------------------------------------------------------- */
/* share ------------------------------------------------ */
/* ------------------------------------------------------- */
/* display */
.dispinline{display:inline;}
.dispb{display:block!important;}
.dispnone{display:none;}
.nonePc {display:none;}
.oHidden {overflow:hidden;}

@media only screen and (max-width:768px){
  .nonePc {display:inline-block;}
}
/* margin */
.mauto{margin-left:auto; margin-right:auto;}
.mb0{margin-bottom:0px!important;}
.mb1{margin-bottom:1px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb8{margin-bottom:8px!important;}
.mb15{margin-bottom:15px!important;}
.mb16{margin-bottom:16px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb24{margin-bottom:24px!important;}
.mb30{margin-bottom:30px!important;}

/* width */
.w100 {
  width:100%;
}

/* vertical align */
.vaTop{vertical-align:top;}
.vaBottom{vertical-align:bottom;}
.vaMiddle{vertical-align:middle;}

/* indent */
.indent{text-indent:1.6rem;}
.indent1{margin-left:1.6rem;text-indent:-1.6rem;}

/* ページ上部に戻る スクロールで自動表示 */
#pageTop{
  width:45px;
  height:40px;
  display:none;
  position:fixed;
  right:16px;
  bottom:16px;
}
#pageTop p{
  margin:0;
  padding: 2px 0;
  text-align:center;
  background:#008bd3;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
#pageTop p span {display:none;}
#pageTop p:hover{
  background:#41a6da;
}
#movePageTop{
  color:#fff;
  line-height:40px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}

/*アンカーリンクずれ防止*/
.aLink {
  margin-top:-105px;
  padding-top:105px;
}
@media only screen and (max-width:768px){
.aLink {
  margin-top:-50px;
  padding-top:50px;
}
}

/*改ページ*/
.bpa {page-break-before: always; }


/* font ---------------------------------------------------*/
/* font style */
strong, .bold{font-weight:bold;}
.nbold{font-weight:normal;}
.underLine{text-decoration:underline;}

/* font size */
.small1{font-size:1.4rem;}
.small2{font-size:1.2rem;}
.big1{font-size:1.8rem;}
.big2{font-size:2.0rem;}

/* text align */
.txtRight{text-align:right;}
.txtCenter{text-align:center!important;}
.txtLeft{text-align:left;}

/* font color */
.fcRed{color:#FF0004;}
.fcBlue{color: #06C;}
.fcWhite{color:#fff;}

/* font family */
.fontFamily1 {font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

/* image -------------------------------------------------*/
/*イメージのはみ出し防止*/
img {max-width:100%;}

/* image align */
img.imgCenter {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
img.imgLeft{
  padding:0px 15px 10px 0px;
  float:left;
}
img.imgRight{
  padding:0px 0px 10px 15px;
  float:right;
}

/* image align 幅600以下でフロート解除 */
img.imgLeftN1 {
  padding:0 15px 10px 0;
  float:left;
}
img.imgRightN1 {
  padding:0 0 10px 15px;
  float:right;
}


@media only screen and (max-width:768px){
/*画像そのものの幅にする*/
img.imgwAuto, .imgwAuto img {
  width:auto;
}
img.imgLeftN1,
img.imgRightN1 {
  padding:0;
  float:none;
  display:block;
  margin:0 auto 10px;
}

}

/* link ---------------------------------------------------*/
a{text-decoration: underline; color:#0069a0;}
a:hover {color:#333;}

/*blank用ポイント付*/
.externalLink:after {
  font-family: FontAwesome;
  content: "\f08e";
}

/* ボタン用 */
.buttonLink1 {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
}
.buttonLink1 a {
	display: block;
	position: relative;
	background: #008bd3;
	color: #fff;
	text-decoration:none;
  padding:10px 10px 10px 50px;
}
.buttonLink1 a:hover {background: #41a6da;}

.buttonLink1 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	background: #fff;
}
.buttonLink1 a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #008bd3;
}
.buttonLink1 a:hover:after {
	border-left: 5px solid #666;
}

/*もっとみる*/
.listMore1 {
  text-align:right;
}
.listMore1:after {
  font-family: FontAwesome;
  content: "\f101";
  padding:0 0 0 5px;
}

/* float ----------------------------------------------*/
.floatLeft{float:left;}
.floatRight{float:right;}

/* 幅639以下でフロート解除 */
.floatLeftMw1{float:left;}
.floatRightMw1{float:right;}

@media only screen and (max-width:768px){
.floatLeftMw1{float:none;}
.floatRightMw1{float:none;}
}

/* box -----------------------------------------------*/

.box1{
	padding:25px;
	margin-bottom:15px;
	border:2px solid #ccc;
	}
.box2{
	background-color:#d4effc;
	padding:15px;
	margin-bottom:15px;
	}
.box3 {
	background:#ebebeb;
	padding:15px;
	margin-bottom:15px;
}

@media only screen and (max-width:768px){
.box1{padding:9px;}
.box2{padding:9px;}
.box3{padding:9px;}
}


/* list ----------------------------------------------*/
ul.ul1,
ol.ol1,
ul.float2col1,
ul.float3col1,
ul.float4col1 {margin-bottom:20px; overflow:hidden;}

ul.ul1 li{
	list-style-type:disc;
  margin:0 0 10px 20px;
}
ol.ol1 li {
	list-style-type:decimal;
	margin:0 0 10px 30px;
}
ul.ul1 li ul li, ol.ol1 li ul li {list-style-type:circle;}

ol.ol1 li ul,
ul.ul1 li ul {
  margin:0;
}
ol.ol1 li ul li:last-child,
ul.ul1 li ul li:last-child {
  margin-bottom:0;
}

/* 2つ並びのリスト 768px以下で1列に */
ul.float2col1 li {
  width: calc((100% - 24px) / 2);
  float:left;
  margin-bottom:10px;
}
ul.float2col1 li:nth-child(odd) {clear:left; margin-right:12px;}
ul.float2col1 li:nth-child(even) {margin-left:12px;}

/* 3つ並びのリスト 768px以下で1列に */
ul.float3col1 li {
  width: calc((100% - 48px) / 3);
  float:left;
  margin:0 23px 16px 0;
}
ul.float3col1 li:nth-child(3n){margin-right:0;}
ul.float3col1 li:nth-child(3n+1){clear:left;}

/* 4つ並びのリスト 768px以下で1列に */
ul.float4col1 li {
  width: calc((100% - 48px) / 4);
  float:left;
  margin:0 16px 10px 0;
}
ul.float4col1 li:nth-child(4n) {margin:0 0 10px 0;}
ul.float4col1 li:nth-child(4n+1) {clear:left;}

/* 横並びリストの画像はPCでも自動で幅最大100%に設定 */
ul.float2col1 img,
ul.float3col1 img,
ul.float4col1 img {
	max-width: 100%;
	height: auto;

}

@media only screen and (max-width:768px){
/* 二つ並びのリスト 768px以下で1列に */
ul.float2col1 li {
  width:100%;
  float:none;
}
ul.float2col1 li:nth-child(odd) {margin-right:0;}
ul.float2col1 li:nth-child(even) {margin-left:0;}

/* 3つ並びのリスト 768px以下で1列に */
ul.float3col1 li {
  width:100%;
  float:none;
  margin:0 0 10px 0;
}

/* 4つ並びのリスト 768px以下で1列に */
ul.float4col1 li {
  width:100%;
  float:none;
  margin:0 0 10px 0;
}

}

/* dl ----------------------------------------------*/
dl.dl1{margin-bottom:20px;}
.dl1 dt{
	font-weight:bold;
	background:#d4effc;
	margin-bottom:10px;
	padding:5px;
}
.dl1 dd{ margin-bottom:10px;}
.dl1 dd:last-child {margin-bottom:0;}


/* pagetitle navi ----------------------------------------------*/
.breadcrumbs {
  font-size:1.3rem;
  margin:0 auto 5px;
  max-width:1120px;
  min-width:1000px;
  color:#fff;
}
.breadcrumbs li {
  display:inline-block;
  white-space:nowrap;
}
.breadcrumbs li:after {
  font-family: FontAwesome;
  content: "\f105";
  padding:0 5px;
}
.breadcrumbs li:last-child:after {
  content: "";
  padding:0;
}
.breadcrumbs a {
  color:#fff;
}
.pageInfo {
	margin:0 auto 20px;
	box-sizing:border-box;
	padding:10px 15px;
  background:#008bd3;
}

.pageInfo h2 {
  max-width:1120px;
  min-width:1000px;
	font-size:2.6rem;
  font-weight:bold;
  margin:0 auto;
  color:#fff;
  padding:8px 0;
}

@media only screen and (max-width:768px){
.breadcrumbs {
  width:100%;
  min-width:10px;
  font-size:1.1rem;
}
.pageInfo {
  width:100%;
  min-width:100px;
  padding:5px;
}
.pageInfo h2 {
  width:100%;
  min-width:100px;
	font-size:2.2rem;
  padding:4px 0;
}
}

/* midashi ----------------------------------------------*/
.midashi1 {
	font-size:2.0rem;
  font-weight:bold;
	margin-bottom:20px;
  border-left:5px solid #008bd3;
  background:#f3f3f3;
  padding:13px 10px 10px 10px;
}

.midashi2 {
	font-size:1.8rem;
  font-weight:bold;
	margin-bottom:20px;
  border-bottom:3px solid #f0bcd4;
  color:#e75297;
  padding:0 0 5px 0;
  position: relative;
}
.midashi2::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #e75297;
}
.midashi3 {
	font-size:1.7rem;
  font-weight:bold;
	margin-bottom:20px;
  color:#008bd3;
}
.midashi3:before {
  font-family: FontAwesome;
  content: "\f111";
  font-weight:normal;
  padding:0 5px 0 0;
}
.midashi4 {
	font-size:1.6rem;
  font-weight:bold;
	margin-bottom:20px;
  color:#669900;
}

@media only screen and (max-width:768px){
.midashi1 {
  font-size:1.9rem;
}
.midashi1,
.midashi2,
.midashi3,
.midashi4 {
  margin-bottom:15px;
}
}

/* table ----------------------------------------------*/
.table1,.table1 td,.table1 th, .td1{ border:1px solid #ccc; box-sizing:border-box;}
table caption {margin-bottom:5px;}
.table1 {
    border-collapse: collapse;
    margin-bottom:20px;
}
.table1 th, .table1 td, .td1 {padding:10px;}
.table1 th {
	background-color: #f5f5f5;
	text-align: left;
}
.table1 th[scope="col"] {background:#d4effc;}
.tdw {background:#fff;}
.td1 {background:#d4effc;}
.td2 {background:#ffe9f3;}

@media only screen and (max-width:768px){
/*639px以下で段組み解除*/
.tableMw1 th, .tableMw1 td {
  display:block;
  border:none;
  width:100%;
}
}

/* ------------------------------------------------------- */
/* コンテンツ内でタグをデフォで使う為の設定 -------------- */
/* ボックスに.tagBoxを付ける事　*/
/* ------------------------------------------------------- */
.tagBox {
}
/*ul ol*/
.tagBox ul,
.tagBox ol {margin-bottom:15px; overflow:hidden;}

.tagBox ul li{
	list-style-type:disc;
  margin:0 0 8px 20px;
}
.tagBox ol li {
	list-style-type:decimal;
	margin:0 0 8px 30px;
}
.tagBox ul li ul, .tagBox ol li ul {margin-bottom:0;}
.tagBox ul li ul li, .tagBox ol li ul li {list-style-type:circle;}

/*table*/
.tagBox table,
.tagBox table td,
.tagBox table th {border:1px solid #ccc; box-sizing:border-box;}
.tagBox table {
  border-collapse: collapse;
  margin-bottom:20px;
}
.tagBox table th,
.tagBox table td {padding:10px;}
.tagBox table th {
	background-color: #f5f5f5;
}

/*見出しh関連*/
.tagBox h3 {
	font-size:2.0rem;
  font-weight:bold;
	margin-bottom:20px;
  border-left:5px solid #008bd3;
  background:#f3f3f3;
  padding:13px 10px 10px 10px;
}

.tagBox h4 {
	font-size:1.8rem;
  font-weight:bold;
	margin-bottom:20px;
  border-bottom:3px solid #f0bcd4;
  color:#e75297;
  padding:0 0 5px 0;
  position: relative;
}
.tagBox h4::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #e75297;
}
.tagBox h5 {
	font-size:1.7rem;
  font-weight:bold;
	margin-bottom:20px;
  color:#008bd3;
}
.tagBox h5:before {
  font-family: FontAwesome;
  content: "\f111";
  font-weight:normal;
  padding:0 5px 0 0;
}
.tagBox h6 {
	font-size:1.6rem;
  font-weight:bold;
	margin-bottom:20px;
  color:#669900;
}
/*block*/
.tagBox blockquote {
	background: #FAFAFA;
	border: 1px solid #CCC;
	margin-bottom: 15px;
	padding: 15px;
}

@media only screen and (max-width:768px){
.tagBox h3 {
  font-size:1.9rem;
}
.tagBox h3,
.tagBox h4,
.tagBox h5,
.tagBox h6 {
	margin-bottom:15px;
}
}


/* ------------------------------------------------------- */
/* layout ------------------------------------------------ */
/* ------------------------------------------------------- */
/* base サイトレイアウトの基本設定 ----------------------- */
#top {
  width:100%;
}
#container {
	max-width:1120px;
  min-width:1000px;
	margin:0 auto 24px;
  padding:0;
  clear:both;
}
#alpha {
  /*width:834px;*/
  width: calc(100% - 284px);
  float:left;
}
#beta {
  width:260px;
  float:right;
}
#footer {
  width:100%;
  min-width:1000px;
}

@media only screen and (max-width:768px){
#globalmenu{width:100%;}

#container{
  min-width:100px;
  width:100%;
  padding:0 15px 0 15px;
}

#alpha {
  width:100%;
  float:none;
  margin:0 0 15px 0;
}
#beta {
  width:100%;
  float:none;
}
#footer {
  min-width:100px;
  width:100%;
}
}

/* header ---------------------------------------------- */
.headerBox {
  height:105px;
  background:url(../images/base/headerBg.png) top center repeat-x #fff;
  width:100%;
  position:fixed;
  z-index:3;
  border-bottom:2px solid #008bd3;
}
.hbInner {
  max-width:1120px;
  min-width:1000px;
  margin:0 auto;
  position:relative;
}

.headerTitle {
  width:315px;
  margin:0 auto;
  position:absolute;
  top:40px;
  z-index:3;
}
.headerInfo1 {
  background:#f6f6f6;
  position:absolute;
  top:-2px;
  right:0;
}
.logoTxt {
  font-size:1.3rem;
  position:absolute;
  top:-4px;
  left:35px;
}
h1.logo {
  width:315px;
  height:44px;
  margin:0 0 10px;
}
.logo a {
  display:block;
  width:315px;
  height:44px;
  background:url(../images/base/logo.png);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.headerInfo1 ul,
.headerInfo1 div {
  display:inline-block;
}
.headerInfo1 li {
  display:inline-block;
  margin:0 0 0 10px;
  font-size:1.4rem;
}
.headerInfo1 li a {
  color:#0069a0;
  text-decoration:none;
}
.headerInfo1 li:nth-child(1):before,
.headerInfo1 li:nth-child(2):before,
.headerInfo1 li:nth-child(3):before {
  font-family: FontAwesome;
  font-size:1.6rem;
  color:#008bd3;
  padding:0 2px 0 0;
}
.headerInfo1 li:nth-child(1):before {content: "\f015";}
.headerInfo1 li:nth-child(2):before {content: "\f059";}
.headerInfo1 li:nth-child(3):before {content: "\f041";}
.headerInfo1 div {
  font-weight:bold;
  color:#008bd3;
  font-size:1.8rem;
  margin:4px 0 0 10px;
}
@media only screen and (max-width:768px){
.headerBox {
  height:auto;
  width:100%;
  position:static;
  border:none;
}
.hbInner {
  width:100%;
  min-width:100px;
  margin:0 auto;
  position:static;
}

.headerTitle {
  width:100%;
  z-index:1;
  position:fixed;
  background:#fff;
  height:50px;
  top:0;
  border-bottom:2px solid #008bd3;
}
.headerInfo1 {
  background:none;
  background:#f5f5f5;
  top:50px;
  left:0;
}
.logoTxt {
  font-size:1.1rem;
  top:1px;
  left:32px;
  min-width:150px
}
h1.logo {
  width:250px;
  height:35px;
  margin:6px 0 0 5px;
}
.logo a {
  width:250px;
  height:35px;
  background:url(../images/base/logoSp.png);
  background-size:250px 35px;
}
.headerInfo1 ul {
  display:none;
}
.headerInfo1 div {
  display:block;
  color:#008bd3;
  font-size:1.8rem;
  margin:0;
  padding:4px 4px 4px 32px;
  height:30px;
  z-index:0;
  /*border-bottom:2px solid #008bd3;*/
}
.headerInfo1 div a {
  color:#008bd3;
  text-decoration:none;
}
}
/* global menu ----------------------------------------- */
#globalmenu {
  position:absolute;
  top:50px;
  right:0;
}
#globalmenuInner ul {
	margin:0 auto;
}
#globalmenuInner li{
  float:left;
  position: relative;
  margin:0 0 0 2px;
}
#globalmenuInner a{
  text-decoration:none;
  max-width:155px;
  min-width:135px;
  height:40px;
  display:block;
  text-align:center;
  padding:10px 0 0 0;
  color:#000;
  font-size:1.7rem;
}
#globalmenuInner li.gmc:after {
  font-family: FontAwesome;
  content: "\f078";
  position:absolute;
  top:7px;
  right:5px;
  color:#008bd3;
}
#globalmenuInner li.gmc.gmactive:after {
  font-family: FontAwesome;
  content: "\f077";
}

/* マウスオーバー時 */
#globalmenuInner li:hover {background:#bfe4f7;}

/* ドロップダウン用サブメニュー設定 */
#globalmenuInner ul.child{
  display: none;
  position: absolute;
  top:40px;
  padding: 0;
}
#globalmenuInner ul.child li {
	z-index:999;
	border-top:1px solid #fff;
	height:auto;
  display:block;
  float:none;
  overflow:hidden;
  margin:0;
}
#globalmenuInner ul.child li a{
  height:auto;
  display: block;
  background-image:none;
  background-color:#d6effc;
  text-align:center;
  padding:8px 0!important;
  font-size:1.5rem;
}
#globalmenuInner ul.child li a:hover {
  background-color:#bfe4f7;
}

#drawernav {
  display:none;
}

@media only screen and (max-width:768px){
  #globalmenu {
    position:static;
    display:none;
}


/*スマートフォン用メニュー*/
#page{
  padding-top: 50px;
  position: relative;
  z-index: 10;
  left: 0;
  background: #fff;
  -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
#drawernav{
  display:block;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: -240px;
  width: 240px;
  height: 100%;
  background: #008bd3;
  color: #fff;
  z-index: 1;
  padding-top: 40px;
  -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
#drawernav ul{
  list-style: none;
  padding: 0;
}
#drawernav ul li{
  border-bottom:1px solid #3ca9e1;
}
#drawernav ul li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding:0 5px 0 0;
}
#drawernav ul li a.gmc:before {
  font-family: FontAwesome;
  content: "\f107";
}
#drawernav ul li ul {
  margin:0 0 0 20px;
}
#drawernav ul li ul li:last-child {border-bottom:none;}
#drawernav ul li a{
  color: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}
#drawernav ul li a:hover{
  color: #ddd;
  background: #41a6da;
}
#drawernav h4{
  padding: 0 15px; 
}
#humberger{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  /*width: 45px;
  padding: 15px 10px 10px;*/
  cursor: pointer;
  box-sizing: border-box;
  display: none;
  
  display:block;
  width:60px;
  border:1px solid #008bd3;
  border-radius:3px;
  padding:5px 2px;
  margin:7px 2px 0 0;
  text-align:center;
  font-size:1.2rem;
  color:#fff;
  
  background:#008bd3;
}
.drawer-opened #humberger{
  border:1px solid #ccc;
}
.icon-bar{
  height: 2px;
  background: #333;
  display: block;
  margin-bottom: 6px;
  -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
.humbergerMenu:before {
  content:"メニュー";
}
.drawer-opened .humbergerMenu:before {
  content:"閉じる";
}
.fixed-content{
  right: inherit;
  width: 100%;
  z-index: 2;
  -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
 #overlay{
  z-index:-1;
  opacity: 0;
  background: #000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
          transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
/**
* ドロワー開放時のスタイル
**/

  body.drawer-opened #page{
    left: -240px;
    -webkit-box-shadow: 1px 0 2px #000;
    box-shadow: 1px 0 2px #000;    
  }
  body.drawer-opened .fixed-content{
    left: -240px;
  }
  body.drawer-opened #drawernav{
    right: 0;
  }
  #gmenu {
    display: none;
  }
  #humberger {
    display: block;
  }
  body.drawer-opened #humberger .icon-bar{
    background: #fff;
  }
  body.drawer-opened #humberger :nth-child(1){
    -webkit-transform:translate(0,8px) rotate(45deg);
    transform:translate(0,8px) rotate(45deg);    
  }
  body.drawer-opened #humberger :nth-child(2){
    -webkit-transform:translate(-20px ,0);
    transform:translate(-20px ,0);    
    opacity:0;
  }
  body.drawer-opened #humberger :nth-child(3){
    -webkit-transform:translate(0,-8px) rotate(-45deg);
    transform:translate(0,-8px) rotate(-45deg);    
  }
  body.drawer-opened #overlay{
    z-index: 3;
    opacity: 0.3;
    left: -240px;
  }
}

/* footer ------------------------------------------------ */
.footerMenu {
  width:100%;
  background:#efefef;
  text-align:center;
  padding:20px 0;
}
.footerMenu li {
  display:inline-block;
  font-size:1.5rem;
}
.footerMenu li:after {
  content:"|";
  padding:0 5px;
}
.footerMenu li:last-child:after{content:"";} 
.footerMenu li a {
  text-decoration:none;
  color:#000;
}
#footer address {
  width:760px;
  padding:20px 0;
  margin:0 auto;
  font-size:1.5rem;
  
}
#footer address img {
  display:block;
  float:left;
  margin:0 15px 0 0;
}
#copyright {
  border-top:1px solid #ccc;
  text-align:center;
  padding:5px 0;
}
#copyrightInner {
  max-width:1120px;
  min-width:1000px;
  margin:0 auto;
  text-align:right;
  color:#666;
  font-size:1.4rem;
}
#copyright a {color:#b4b4b4; margin-left:10px;}

@media only screen and (max-width:768px){
.footerMenu {
  width:100%;
  padding:15px 0;
  display:none;
}
.footerMenu li {
  display:block;
  font-size:1.4rem;
}
.footerMenu li:after {
  content:"";
}
.footerMenu li a {
  text-decoration:none;
  color:#000;
}
#footer address {
  border-top:1px solid #ccc;
  width:100%;
  padding:10px;
  font-size:1.4rem;
  text-align:center;
}
#footer address img {
  float:none;
  width:250px;
  height:auto;
  margin:0 auto 5px;
}
.footerPhone {
  display:inline-block;
  background:#008bd3;
  padding:10px;
  margin:5px auto 0;
  color:#fff;
  font-size:1.7rem;
  border-radius:8px;
}
.footerPhone a {
  text-decoration:none;
  color:#fff;
}
.footerPhone a:before {
  font-family: FontAwesome;
  content: "\f098";
  padding:0 2px 0 0;
}
#copyright {
  padding:3px 0;
}
#copyrightInner {
  width:100%;
  min-width:100px;
  text-align:center;
  font-size:1.1rem;
}
}

/* side ------------------------------------------------ */
/*お問い合わせ*/
.sideContactInner {
  width:262px;
  height:260px;
  background:url(../images/base/sideContact1-1.jpg) no-repeat;
  text-align:center;
  position:relative;
  margin:0 auto 16px;
}
.sc1 {
  color:#a19723;
  font-size:1.3rem;
  padding:5px 0 0 0;
}
.sc2 {
  color:#8d820c;
  font-size:2.4rem;
  font-weight:bold;
  padding:5px 0;
  margin:0 0 2px 0;
}
.sc3 {
  color:#666666;
  font-size:2.1rem;
  font-weight:bold;
}
.sc3 a {
  color:#666666;
}
a.sc4 {
  display:block;
  width:97px;
  height:97px;
  background:url(../images/base/sideContact1-2.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  text-decoration:none;
  position:absolute;
  right:5px;
  bottom:5px;
}
a:hover.sc4 {
  background-position:0 -97px;
}

@media only screen and (max-width:768px){
.sideContact {
background: #f7f5dc;
background: -moz-linear-gradient(top, #f7f5dc 0%,#ffffff 100%);
background: -webkit-linear-gradient(top, #f7f5dc 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f7f5dc 0%,#ffffff 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f7f5dc, endcolorstr=#ffffff))";
  margin:0 -15px 16px -15px;
  padding:8px;
}
.sideContactInner {
  background:url(../images/base/sideContact1-1sp.jpg) no-repeat;
  background-size:262px 260px;
  margin:0 auto;
}
a.sc4 {
  background:url(../images/base/sideContact1-2sp.png) no-repeat;
  background-size:97px 97px;
}
a:hover.sc4 {background-position:0 0;}
}

/*選ばれる理由*/
.sideReasons {
  background:#008bd3;
  padding:8px 8px 6px 8px;
  text-align:center;
  margin:0 0 16px 0;
}
.srMidashi1 {
  display:inline-block;
  background:url(../images/base/sideReasonsMidashi1pc.png) no-repeat top left;
  color:#fff;
  font-size:1.8rem;
  padding:5px 0 6px 45px;
  margin:2px 8px 5px 0;
}
.sideReasons li {
  background:#fff;
  margin:0 0 2px 0;
  padding:5px 5px 5px 45px;
  text-align:left;
  background-repeat:no-repeat;
  background-position:center left;
  border:5px solid #fff;
  font-size:1.5rem;
}
.sideReasons li:nth-child(1) {background-image:url(../images/base/sideReasonsNum1pc.png);}
.sideReasons li:nth-child(2) {background-image:url(../images/base/sideReasonsNum2pc.png);}
.sideReasons li:nth-child(3) {background-image:url(../images/base/sideReasonsNum3pc.png);}

@media only screen and (max-width:768px){
.srMidashi1 {
  background:url(../images/base/sideReasonsMidashi1sp.png) no-repeat top left;
  background-size:35px 26px;
  padding:3px 0 3px 45px;
}
.sideReasons li {background-size:40px 100px;}
.sideReasons li:nth-child(1) {background-image:url(../images/base/sideReasonsNum1sp.png);}
.sideReasons li:nth-child(2) {background-image:url(../images/base/sideReasonsNum2sp.png);}
.sideReasons li:nth-child(3) {background-image:url(../images/base/sideReasonsNum3sp.png);}
}
/*最新サービス事例*/
.sideCase {
  border:1px solid #ccc;
  border-top:2px solid #008bd3;
  margin:0 0 16px 0;
}
.scMidashi1 {
  background:#f3f3f3;
  padding:10px;
  text-align:center;
  margin:0 0 8px 0;
  font-size:1.7rem;
}
.sideCase ul {
  padding:0 7px;
}
.sideCase li {
  border-bottom:1px dotted #ccc;
  padding:0 0 8px 0;
  margin:0 0 8px 0;
}
.scMore {
  padding:0 8px 8px 8px;
}

/*Facebook*/
.sideFb {
  display:block;
  max-width:350px;
  margin:0 auto;
}

/*contents------------------------------------------------ */
#topContents {  
  width:100%;
  min-width:1000px;
  margin:0;
  padding:105px 0 0 0;
  overflow:hidden;
}
@media only screen and (max-width:768px){
#topContents {
  min-width:100px;
  margin:0;
  padding:80px 0 0 0;
}
}

/* ------------------------------------------------------- */
/* page ------------------------------------------------- */
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* 404 403 ファイル -------------------------------------- */
/* ------------------------------------------------------- */
.sysFileBox1 {
  width:700px;
  margin:0 auto;
  padding:40px;
}
.sfb1Midashi1 {
  text-align:center;
  font-size:3.0rem;
  color:#008bd3;
  margin:0 0 24px 0;
}
.sysFileBox1 p {
  margin:0 0 24px 0;
}

@media only screen and (max-width:768px){
.sysFileBox1 {
  width:100%;
  padding:24px 15px;
}
}

/* index ------------------------------------------------- */
/*mainimage*/
.mainimage {
  background:#fbfbef;
}
.mainimage img {
  display:block;
  margin:0 auto;
  max-height:369px;
  height:auto;  
}

/*経営理念*/
.indexPolicy {
  background: #008bd3;
  background: -moz-linear-gradient(top, #008bd3 0%,#52b3e5 100%);
  background: -webkit-linear-gradient(top, #008bd3 0%,#52b3e5 100%);
  background: linear-gradient(to bottom, #008bd3 0%,#52b3e5 100%);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#008bd3, endcolorstr=#52b3e5))";
  overflow:hidden;
  margin:0 0 24px 0;
}
.indexPolicyInner {
  width:850px;
  margin:0 auto;
  background:url(../images/contents/index/policyBg1pc.png) bottom center no-repeat;
  padding:24px 0 100px 0;
  color:#fff;
}
/*.ipiMidashi1 {
  text-align:center;
  color:#ffff00;
  font-size:2.2rem;
  font-weight:bold;
  margin:0 0 16px 0;
}*/
.ipiMidashi1 {
  font-weight:bold;
  font-size:2rem;
  text-align:center;
  margin:0 0 16px 0;
}
@media only screen and (max-width:768px){
.indexPolicy {
  margin:0 0 16px 0;
}
.indexPolicyInner {
  width:100%;
  background:url(../images/contents/index/policyBg1sp.png) bottom center no-repeat;
  background-size:500px 83px;
  padding:16px 16px 80px 16px;
}
/*.indexPolicyInner h2 {
  margin:0 0 16px 0;
}*/
.ipiMidashi1 {
  font-weight:bold;
  font-size:2rem;
  margin:0 0 14px 0;
  line-height:2.8rem;
}
}

/*手続きサービス*/
.indexService1 {
  margin:0 0 24px 0;
}
.indexService1 a {
  display:block;
  overflow:hidden;
  border:3px solid #e75297;
  box-shadow: 0 5px 0 0 #ededed;
  padding:14px;
  text-decoration:none;
  color:#000;
  position:relative;
}
.indexService1 a:hover {
background: #fdffec;
background: -moz-linear-gradient(top, #fdffec 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #fdffec 0%,#ffffff 100%);
background: linear-gradient(to bottom, #fdffec 0%,#ffffff 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fdffec, endcolorstr=#ffffff))";

}

.is1Midashi1 {
  overflow:hidden;
  text-align:center;
  vertical-align:middle;
  height:54px;
}
.indexService1 h2 { 
  color:#e75297;
  font-weight:bold;
  font-size:2.8rem;
  display:inline-block;
  position:absolute;
  top:18px;
  left:0;
  width:100%;
}
.indexService1 h2 span {
  font-size:3.8rem;
  display:inline-block;
  padding:8px 0 0 0;
}
.is1More {
  display:inline-block;
  background:#e75297;
  color:#fff;
  padding:5px 15px;
  position:absolute;
  top:18px;
  right:100px;
}
@media only screen and (max-width:1100px){
  .is1More {right:40px;}
}
.is1More:after {
  font-family: FontAwesome;
  content: "\f101";
  padding:0 0 0 5px
}
.indexService1 ul {
  overflow:hidden;
}
.indexService1 li {
  /*width: calc((100% - 30px) / 3);
  float:left;
  margin-right:10px;*/
  padding:145px 0 0 0;
  background-repeat:no-repeat;
  background-position:center top;
}
.indexService1 li:nth-child(1n) {
  background-image:url(../images/contents/index/service1listPic1pc.png);
}
.indexService1 li:nth-child(2n) {
  background-image:url(../images/contents/index/service1listPic2pc.png);
}
.indexService1 li:nth-child(3n) {
  background-image:url(../images/contents/index/service1listPic3pc.png);
  margin-right:0;
}
.indexService1 li h3 {
  color:#e75297;
  text-align:center;
  font-size:1.9rem;
  font-weight:bold;
  margin:0 0 8px 0;
}
#container .indexService1 li p {
  margin:0;
}
@media only screen and (max-width:768px){
.indexService1 a {
  border:2px solid #e75297;
  position:static;
}
.indexService1 a:hover {
  border:2px solid #f991c1;
}
.is1Midashi1 {
  margin:4px 0 18px 0;
  height:auto;
}
.indexService1 h2 {
  font-size:2.4rem;
  position:static;
}
.indexService1 h2 span {
}
.is1More {
  display:block;
  position:static;
  margin:0 auto;
  text-align:center;
  padding:10px;
}
.is1More:after {
  font-family: FontAwesome;
  content: "\f101";
  padding:0 0 0 5px
}
.indexService1 li {
  width:100%;
  float:none;
  margin-right:0;
  margin-bottom:8px;
  padding:110px 0 0 0;
  background-size:100px 100px;
}
.indexService1 li:nth-child(1n) {
  background-image:url(../images/contents/index/service1listPic1sp.png);
}
.indexService1 li:nth-child(2n) {
  background-image:url(../images/contents/index/service1listPic2sp.png);
}
.indexService1 li:nth-child(3n) {
  background-image:url(../images/contents/index/service1listPic3sp.png);
}
.indexService1 li h3 {
  color:#e75297;
  text-align:center;
  font-size:1.9rem;
  font-weight:bold;
  margin:0 0 8px 0;
}
#container .indexService1 li p {
  margin:0;
}
}

/* サービス案内共通リスト３つ並び ------------------------------------------------- */
.serviceList1 {
  position:relative;
  margin:0 0 16px 0;
}
.serviceList1 li {
  width: calc((100% - 48px) / 3);
  float:left;
  margin:0 23px 16px 0;
}
.serviceList1 li:nth-child(3n){margin-right:0;}
.serviceList1 li:nth-child(3n+1){clear:left;}
.sl1Pic img {
  display:block;
  margin:0 0 8px 0;
}
.sl1Title {
  font-size:1.8rem;
  margin:0 0 8px 0;
}
.sl1More {
  position:absolute;
  top:15px;
  left:350px;
}
.sl1More:before {
  content:"";
  color:#5db9e9;
  border-left:1px solid #5db9e9;
  padding:0 10px 0 0;
}
.sl1More a {
  text-decoration:none;
}
.sl1More:after {
  font-family: FontAwesome;
  content: "\f054";
  color:#008bd3;
  padding:0 0 0 8px;
}


@media only screen and (max-width:768px){
.serviceList1 {
  position:static;
}
.serviceList1 li {
  width:100%;
  float:none;
  overflow:hidden;
  border-bottom:1px dotted #ccc;
  padding:0 0 8px 0;
  margin:0 0 8px 0;
}
.sl1Pic {
  width:100px;
  float:left;
}
.sl1Pic img {
	width: 100%;
	height: auto;
  margin:0;
}
.sl1Info {
  margin:0 0 0 110px;
}
.sl1Title {
  font-size:1.6rem;
  margin:0 0 3px 0;
}
.sl1More {
  position:static;
  text-align:right;
}
.sl1More:before {
  content:"";
  border-left:none;
  padding:0;
}
.sl1More a {
  text-decoration:underline;
}
 
}


/* お知らせ・お役立ち情報共通リスト ------------------------------------------------- */
/*カテゴリーカラー*/
.nl1bc1, .cat_news {background:#f26dab;}
.nl1bc2, .cat_form {background:#2da4e1;}
.nl1bc3, .cat_law {background:#87b42c;}
.nl1bc4, .cat_useful {background:#ff9900;}
.nl1bc5, .cat_none {background:#999999;}
.nl1fc1 {color:#f26dab;}
.nl1fc2 {color:#2da4e1;}
.nl1fc3 {color:#87b42c;}
.nl1fc4 {color:#ff9900;}

.newsList1 {
  position:relative;
}
/*タブ*/
.nl1Category {
  overflow:hidden;
}
.nl1Category li {
  width: calc((100% - 6px) / 4);
  float:left;
  margin-right:2px;
  display:table;
  cursor:pointer;
}
.nl1Category li:nth-child(4n) {
  margin-right:0;
}
.nl1Category li span {
  display:table-cell;
  vertical-align:middle;
  border-radius:5px 5px 0 0;
  color:#fff;
  text-decoration:none;
  font-size:1.5rem;
  padding:5px 2px;
  text-align:center;
}
/*リスト*/
.nl1List {
  overflow:hidden;
  border:2px solid #ccc;
  padding:14px;
  display:none;
}
.nl1List.active {
  display:block;
}
.nl1List li {
  overflow:hidden;
  border-bottom:1px solid #dedede;
  padding:0 0 8px 0;
  margin:0 0 8px 0;
}
.nl1List li:last-child {
  border-bottom:none;
  margin:0;
  padding:0;
}
.nl1lCategory {
  color:#fff;
  float:left;
  width:140px;
  padding:5px;
  font-size:1.4rem;
  text-align:center;
  margin:0 5px 0 0;
}
.nl1lDate {
  width:110px;
  float:left;
  margin:0 5px 0 0;
  color:#666;
  padding:5px;
  font-size:1.3rem;
}
.nl1lTitle {
  float:left;
  margin:0;
  width: calc(100% - 260px);
  color:#666;
  padding:5px;
}
.case .nl1lTitle {
  width: calc(100% - 115px);
}
.nl1More {
  position:absolute;
  top:15px;
  left:250px;
}
.nl1More:before {
  content:"";
  color:#5db9e9;
  border-left:1px solid #5db9e9;
  padding:0 10px 0 0;
}
.nl1More a {
  text-decoration:none;
}
.nl1More:after {
  font-family: FontAwesome;
  content: "\f054";
  color:#008bd3;
  padding:0 0 0 8px;
}

@media only screen and (max-width:768px){
.newsList1 {
  position:static;
}
/*タブ*/
.nl1Category {
  overflow:hidden;
}
.nl1Category li {
  width:24.5%;
  width: calc((100% - 6px) / 4);
}
.nl1Category li span {
  font-size:1.2rem;
  line-height:1.8rem;
  height:46px;
  padding:5px;
}
/*リスト*/
.nl1List {
  border:1px solid #ccc;
  padding:8px;
  margin:0 0 8px 0;
}
.nl1List li {
}
.nl1lCategory {
  color:#fff;
  float:left;
  width:130px;
  padding:1px;
  font-size:1.3rem;
  text-align:center;
  margin:0 5px 0 0;
}
.nl1lDate {
  width:130px;
  float:left;
  margin:0 5px 0 0;
  color:#666;
  padding:2px;
  font-size:1.3rem;
}
.nl1lTitle {
  float:none;
  clear:left;
  margin:0;
  width: 100%;
  color:#666;
  padding:5px 0 0 0;
}
.case .nl1lTitle {
  width: 100%
}
.nl1More {
  position:static;
  text-align:right;
}
.nl1More:before {
  content:"";
  border-left:none;
  padding:0;
}
.nl1More a {
  text-decoration:underline;
}
}

/* ごあいさつ・プロフィール ----------------------------------- */
.messageBox1 {
  background:url(../images/contents/about/message/messageBg1.jpg) top center  no-repeat;
  padding:40px;
  text-shadow: 1px 1px 0 #ffffff;
}
.mainimagePhoto2 {
  display:block;
  float:right;
  margin:0 0 0 24px;
}
.messageBox2-1 {
  width:calc(100% - 324px);
  float:left;
  margin:0 0 24px 0;
}
.messageBox2-2 {
  width:300px;
  float:right;
  margin:0 0 24px 0;
  text-align:right;
  font-size:1.3rem;
}
.messageBox2-2 img {
  display:block;
  margin:0 0 2px 0;
}
.profileBox1 {
  position:relative;
}
.profilePhoto {
  display:block;
  float:left;
  margin:0 16px 0 0;
}
.profileName {
  font-size:2.3rem;
  font-weight:bold;
  margin:0 0 8px 0;
  padding:8px 0 0 0;
}
.profileData {
  font-size:1.4rem;
  line-height:1.8rem;
  color:#666;
}
.profileOrg {
  font-size:1.4rem;
  line-height:1.8rem;
  color:#666;
  overflow:hidden;
  position:absolute;
  top:14px;
  right:0;
}
.profileOrg li {
  margin:0 0 5px 24px;
  list-style:disc;
}
.profileTxt {
  padding:16px 0 0 0;
}

@media only screen and (max-width:768px){
.messageBox1 {
  padding:32px 15px 15px 15px;
  margin:0 -15px;
}
.mainimagePhoto2 {
  float:none;
  margin:0 0 8px 0;
}
.messageBox2-1 {
  width:100%;
  float:none;
  margin:0;
}
.messageBox2-2 {
  width:100%;
  float:none;
  margin:16px 0 24px 0;
  text-align:center;
}
.messageBox2-2 img {
  margin:0 auto 2px auto;
}
.profileBox1 {
  position:static;
}
.profilePhoto {
  width:100px;
  margin:0 5px 0 0;
}
.profileName {
  font-size:2.1rem;
  padding:16px 0 0 0;
}
.profileData {
  width:100%;
  float:none;
}
.profileOrg {
  position:static;
}
.profileTxt {
  clear:both;
}

}

/* アクセス ---------------------------------------------- */
.accessMap iframe {
  width:100%;
  height:400px;
  border:none;
  margin:0 0 24px 0;
}
@media only screen and (max-width:768px){
.accessMap iframe {
  height:300px;
}
}

/* 経営理念 ---------------------------------------------- */
.philosophyTxt1 {
  text-align:center;
  font-size:2.6rem;
  font-weight:bold;
  line-height:3.6rem;
  color:#e75297;
  margin:0 0 24px 0;
  padding:24px 0;
  border:1px solid #f5d8e6;
  box-shadow:inset 0 0 30px 15px #ffeaf4;
}
@media only screen and (max-width:768px){
.philosophyTxt1 {
  font-size:2.1rem;
  line-height:3.2rem;
  padding:16px 0;
  margin:-20px -15px 24px -15px;
  box-shadow:inset 0 0 30px 15px #ffeaf4;
}
}

/* よくある質問 ------------------------------------------ */
.faqList dt {
  border:2px solid #e1e1e1;
  border-bottom:none;
  padding:16px;
  border-radius:8px 8px 0 0;
  background:#e3f6ff;
}
.faqList dd {
  border:2px solid #e1e1e1;
  border-top:none;
  padding:16px;
  border-radius:0 0 8px 8px;
  margin:0 0 24px 0;
}
.faqList dd p:last-child {
  margin:0;
}
.faqMidashi1,
.faqMidashi2 {
  overflow:hidden;
  width:100%;
  display:table;
}
.faqMidashi1 {color:#008bd3;}
.faqMidashi2 {
  color:#e75297;
  font-weight:bold;
  margin:0 0 8px 0;
}
.faqMidashi1 span,
.faqMidashi2 span {
  display:table-cell;
  width:30px;
  padding:4px;
  vertical-align:middle;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:1.8rem;
}
.faqMidashi1 span {background:#008bd3;}
.faqMidashi2 span {background:#e75297;}
.faqMidashi1 div,
.faqMidashi2 div {
  display:table-cell;
  vertical-align:middle;
  padding:0 0 0 8px;
}

@media only screen and (max-width:768px){
.faqList dt {
  padding:8px;
}
.faqList dd {
  padding:8px;
}
}

/* コミュニティ会員 ------------------------------------------ */
.communityList1 {
	overflow:hidden;
	margin:0 0 24px 0;
}
.communityList1 li {
	width: calc((100% - 24px) / 3);
	float:left;
	margin:0 11px 0 0;
	text-align:center;
	background:#fbe6f0;
	padding:16px;
}
.communityList1 li:nth-child(3n) {
	margin:0;
}
.communityList1 .fa {
	display:block;
	font-size:5rem;
	color:#e75297;
	margin-bottom:8px;
}
.communityTable1 {
	text-align:center;
}

@media only screen and (max-width:768px){
.communityList1 li {
	font-size:1.4rem;
	line-height:1.7rem;
	padding:8px;
}
.communityTable1 {
	font-size:1.4rem;
}
}

/* ------------------------------------------------------- */
/* Pagenate ------------------------------------------------ */
/* ------------------------------------------------------- */

div.pagenate {
	margin-top: 15px;
}
.pagenate span, .pagenate a {
	padding: 2px 5px;
}
.pagenate span {
	border: 1px solid #DDD;
}
div.wp-pagenavi {
	margin-top: 30px;
	padding: 15px 0;
	text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
	background: #fff;
	border: 1px solid #ccc;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	color: #000;
}
.wp-pagenavi a:hover{
	background: #999;
	color: #fff;
}

/* ------------------------------------------------------- */
/* 印刷用 ------------------------------------------------ */
/* ------------------------------------------------------- */
@media print {
  #humberger,
  #pageTop,
  #movePageTop,
  #pageTop p {display:none;}
  
  #container {
	padding:0;
}
.headerBox {
  position:static;
}
#container {
	padding:0;
}
#topContents {min-width:1120px; width:100%; margin:0 ;padding:0; overflow:hidden;}
}