@charset "utf-8";

/*
  基本設定
  MARGIN PADDING WIDTH CFなど共通
  ヘッダー
  フッター
  TOP メイン
  TOP ニュース
  TOP コンテンツ
*/






/* ************************************************ 
*	基本設定
* ************************************************ */	

* {letter-spacing: 0.05em; line-height: 1.6em;}

html {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
  margin-top: 0 !important; 
  height: auto !important;
  overflow-x: hidden !important;
  width: 100%;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
img {
	border-radius: 16px;
	padding: 4px;
}

header img {border-radius: 0 !important;}

li strong {font-size: 22px !important; font-weight: bold !important; margin-bottom: 16px !important;}

body {
/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
font-weight: 200;
font-size: 14px;
background: #fff;
color: #222;
line-height: 180%;
margin: 0;
min-width: 1000px;
height: 100%;
overflow-x: hidden !important;
}

h2 {
  padding: 0;
  margin: 8px 0;
}

h2 {
    padding: 4px 24px;
    font-size: 40px;
    /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
    display: block;
    line-height: 56px;
    font-weight: 400;
    color: #222;
    margin: 32px 0;
    text-align: center;
}


/*GO TOP*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 30px;
  bottom: -50px;
  border-radius: 50%;
  z-index: 1002;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

/*Go TOP END*/

article a {
	text-decoration: underline;
}
article a:hover {
	text-decoration: none;
}
.posit8 {position: relative; top:8px;}

.content-area h2 {
	color: #23b406 !important
}
.fdf5f7 {background: #fdf5f7;}
h2 span {
  padding: 0;
  margin: 0;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  color: #2f2e5c;
  font-weight: 200;
  font-size: 28px;
}
.mrufont th {
	width: 50px;
	font-size: 16px !important;
	background: none !important;
	border: none !important;
}
.mrufont td {

	background: none !important;
	border: none !important;
}

.w60px {
	width: 60px;
	padding-left: 16px;
	padding-right: 16px;
}

.mrufont {
	 /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	 font-size: 18px;
}

h5 {font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #014a70;}

h4 {
	color: #222 !important; 
}

.hoshin {
	padding: 0 !important;
	margin: 0 0 16px !important;
	text-align: left !important;
	font-size: 20px;
}
.pdff a {
	background: url(images/pdf.png) no-repeat left center;
	background-size: 24px;
	padding-left: 30px;
	display: inline-block;
	text-decoration: underline;
	color: #1c1faa;
}
.pdff a:hover {
	background: url(images/pdf.png) no-repeat left center;
	background-size: 24px;
	padding-left: 30px;
	display: inline-block;
	text-decoration: none;
	color: #222;
}


/* ************************************************ 
*	MARGIN PADDING WIDTH CFなど共通
* ************************************************ */	
.mt32 {margin-top: 32px;}
.mt64 {margin-top: 64px;}
.mt60 {margin-top: 60px ;}
.mt88 {margin-top: 88px;}
.mt128 {margin-top: 88px !important;}
.mt10 {margin-top: 10px;}
.font12 {font-size: 12px;}

table span {
	text-decoration: underline;
	font-weight: bold;
}

.font_grn {
	color: #23b406 !important;
}

.pink_wk {
	padding: 8px 24px;
	background: #ee778b;
	color: #fff !important;
	border-radius: 16px;
	display: inline-block !important;
	margin-left: auto !important;
	margin-right: auto !important;

}

.grn_wk {
	padding: 8px 24px;
	background: #23b406;
	color: #fff !important;
	border-radius: 16px;
	display: inline-block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wkk {
	position: relative;
	bottom: 24px;
}

.oyatsu {
	padding: 16px 24px;
	border: 1px solid #333;
	font-size: 16px;
}



/* ************************************************ 
*	ヘッダー
* ************************************************ */	


header {
  background: rgba(255, 255, 255, 0.96); 
  padding: 0; 
  width:calc(100% - 64px); 
  margin: 0 32px 0;
  height: auto; 
  text-align: center; 
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap:wrap;
  height: auto;
}

.headerttl {
  width: 400px;
  padding: 16px 32px;
}
.headerttl img {
  width: 400px;
}

.headsub {
  margin: 0 auto !important; 
  width: calc(100% - 64px);
  text-align: center;
  display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap:wrap;
	border-radius: 16px;
	background: #ffcccc;
  
}

.headsub li {
	width: 20%;
	text-align: center;
	font-size: 18px;
}

.headsub li a {
padding: 24px 8px;
font-weight: bold !important;
color: #4b4741;
font-size: 18px;
}



.ya {
  padding: 20px 24px 0 16px !important;
  background: url(img/menu_li.png) no-repeat top 32px right 8px;
  background-size: 6px;
  
}


.menu {
    position: relative;
    width: calc(100% - 64px);
    height: 50px;
    margin: 0 auto;
    z-index: 3;
}

.menu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    line-height: 50px;
}

.menu > li a {
    display: block;

}

.menu > li a:hover {

}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #ffffff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {

}

.menu__third-level li {

}

.menu__second-level li a:hover {
}

.menu__third-level li a:hover {
}

.menu__fourth-level li a:hover {
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 170px;
    box-sizing: border-box;
    width: 20%;
    padding-bottom: 20px !important;
    background: #ffd9e1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 0 0 32px 32px;
    z-index: 3;
}

li.menu__mega:hover ul.menu__second-level {
    top: 190px;
    visibility: visible;
    opacity: 1;
    z-index: 3;
}

li.menu__mega ul.menu__second-level > li {
    width: 100%;
    border: none;
    text-align: center;
    display: block;
    padding: 0px 0 8px 0;
    z-index: 3;
    height: auto;
}


li.menu__mega ul.menu__second-level > li img {
    width: 70%;
    border: none;
    max-width: 320px;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

li.menu__mega ul.menu__second-level > li:hover img{
    
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    }

li.menu__mega ul.menu__second-level > li a {
	text-align: center;
	font-size: 16px;
	font-weight: bold !important;
	color: #4b4741;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	padding:  16px 16px 0 16px !important; 
}
li.menu__mega ul.menu__second-level > li:hover a {
	text-align: center;
	font-size: 16px;
	font-weight: bold !important;
	color: #ffb2ee;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	
}

.contact_mini {
	position: absolute;
    top: 70px;
    box-sizing: border-box;
    width: 200px;
    padding-bottom: 20px !important;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 0 0 32px 32px;
    z-index: 3;

}


.mini_head {
  position: absolute;
  top: 56px;
  right: 32px;
  width: 240px;
  text-align: right;
  z-index: 9;
}
.mini_head p {
	color: #f29bad !important;
	font-size: 32px;
	font-weight: bold;
	font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}




.breadcrumb-area {
  background: none !important;
  padding: 16px 32px;
  text-align: center;
  text-align: left;
}
.breadcrumb-area  {text-align: left; color: #014a70;}
.breadcrumb-area  span {color: #014a70; font-size: 12px;}
.breadcrumb-area  a {color: #014a70; font-size: 12px;}









/* ************************************************ 
*	フッター
* ************************************************ */	


footer {
background: #ffcccc;
padding: 5px 24px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}

footer a {
  display: block;
  margin-bottom: 32px;
}
.footermenu {
	text-align: right;
}
.footermenu a {
	display: inline-block;
	margin: 0 0 0 32px;
	font-size: 11px;
	color: #521919;
}
address {
	font-size: 11px;
	color: #521919;
	margin: 0;
	padding: 0;
}

/*GO TOP*/
#footer_contact{
  width: 140px;
  height: auto;
  position: fixed;
  right: 32px;
  bottom: -200px;
  border-radius: 50%;
  z-index: 9;
}
#footer_contact a{
  position: relative;
  display: block;
  width: 140px;
  height: auto;
  text-decoration: none;
}

/*Go TOP END*/










/* ************************************************ 
*	TOPメイン
* ************************************************ */	
.p24 {
	padding: 24px;
}
.top01 {
	width:calc(85% - 260px);
}
.top02 {
	width: 260px;
	background: #d9eef9;
	border-radius: 16px;
	margin: 32px 0 ;
}
.top03 {
	width: 15%;
	margin: 32px 0;
}
.flex {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: flex-start
}

.top02 h3 {
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	padding: 16px;
	text-align: center;
	margin: 0;
	font-size: 20px;
}
.top02 p {
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	padding: 0 24px;
	margin: 0 0 24px;
	text-align: left;
	font-size: 15px;
	line-height: 1.5em;
}
.top02_890 h3 {
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	padding: 24px;
	text-align: center;
	margin: 0;
	padding: 24px 16px;
	text-align: center;
	font-size: 24px;
}
.top02_890 p {
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	padding: 0 24px;
	margin: 0 0 24px;
	text-align: left;
	font-size: 16px;
	line-height: 1.7em;
}


.top_link1 {
	background: #d9eef9;
	border-radius: 16px;
	display: block;
	padding: 16px;
	font-size: 18px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #4b4741;
	text-align: left;
	margin-bottom: 16px;
	font-weight: 400;
}
.top_link2 {
	background: #bde9ca;
	border-radius: 16px;
	display: block;
	padding: 16px;
	font-size: 18px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #4b4741;
	text-align: left;
	margin-bottom: 16px;
	font-weight: 400;
}

.top_link1:hover {
	background: #6dc1ef;
	border-radius: 16px;
	display: block;
	padding: 16px;
	font-size: 18px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #fff;
	text-align: left;
	margin-bottom: 16px;
}
.top_link2:hover {
	background: #65b77d;
	border-radius: 16px;
	display: block;
	padding: 16px;
	font-size: 18px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #fff;
	text-align: left;
	margin-bottom: 16px;
}

.top_link1b {
	background: #ff919d;
	border-radius: 16px;
	display: block;
	padding: 24px 16px;
	font-size: 18px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #fff;
	text-align: left;
	margin-bottom: 16px;
	font-weight: 400;
}
.top_link1b:hover {
	background: #e86c7a;
	border-radius: 16px;
	display: block;
	padding: 24px 16px;
	font-size: 18px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	color: #fff;
	text-align: left;
	margin-bottom: 16px;
}


.main_mov {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  overflow: hidden;
  z-index: 0;
  background: #111;
  object-fit: cover;
}
.main_mov video {
  width: 100%;
  min-height: 800px;
  height: auto;
  z-index: 0;
  object-fit: cover;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  
}

.main {
  height: 649px;
  padding: 0 32px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  
}
.main h1 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  bottom: 32px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  color: #fff;
  /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif; font-weight: 200;
  font-size: 3vw;

  }
.main img {
  width: 70%;
  max-width: 700px;
  min-width: 240px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  bottom: 32px;
}







/* ************************************************ 
*	TOP ニュース
* ************************************************ */	

.newsss {
  background: #f9f9fc;
  padding: 48px 32px;
  margin: 0 0 64px 0;
  width: auto;
  height: auto;
  text-align: center;
  
  
  
}

.newsss_in {
  display: flex;
  	justify-content: space-between;
  	flex-direction: row;
  	flex-wrap:wrap;
  	max-width: 1200px;
  	text-align: left;
  	margin: 0 auto;
  	padding: 0;
}

.newsss_in1 {
  width: 20%;
}
.newsss_in1 h3 {
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  color: #2f2e5c;
  margin: 0;
  padding: 0;
}

.newsss_in2 {
  width: 75%;
  display: flex;
  	justify-content: flex-start;
  	flex-direction: row;
  	flex-wrap:wrap;

}

.newsss_in3 {
  width:calc(50% - 32px);
  margin-right: 32px;
  padding: 0;
}

.newsss_in3 h4 {
  font-size: 22px;
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #2f2e5c;
  border-bottom: 1px solid #2f2e5c;
  margin: 0 0 16px 0;
  padding: 0 0 8px 0;

}
.newsss_in3 a {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  color: #2f2e5c;
}


/* ************************************************ 
*	TOP プロダクト
* ************************************************ */	

.w50per {
  width:calc(50% - 32px);
}

.w70per {
  width:calc(70% - 32px);
  margin-left: 32px;
}

.w70per img {
border-radius: 0 !important;
}

.w30per {
  width:30%;
}


.flex_bet {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}

.content_border {
  max-width: 1136px;
  width: auto;
  border-bottom: 1px solid #014a70;
  padding-bottom: 32px;
  margin: 64px auto 32px auto;
}
.content_border p {
  color: #014a70;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  font-size: 16px;
}

.no_border {
  border: none !important
}
.w640 {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}
.threess {
  width: 30.333%;
  margin: 32px 1.5%;
  text-align: center;
}
.threess img  {
width:calc(100% - 10px);
}
.threess h4 {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  color: #2f2e5c;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  height: 70px;
}
.threess  p {
  font-size: 16px;
  color: #2f2e5c;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  text-align: center;
  margin: 16px 0 0 0;
  padding: 0;
}

.fourr {
	width:calc(25% - 2px);
  margin: 32px 1px;
  text-align: center;
}
.fourr h6 {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  color: #2f2e5c;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  margin: 10px 0;
  padding: 0;
}
.fourr  p {
  font-size: 14px;
  color: #2f2e5c;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  text-align: center;
  margin: 16px 0 0 0;
  padding: 0;
}


.note {
  background: url(img/bg_note.jpg) repeat;
  margin: 32px 0 0;
  padding: 32px;
  width: auto;
  background-size: 64px;
}

.fives {
  width: 20%;
}

.fives img {
  width: 70%;
  margin: 0 auto;
}

.fives p {
  font-size: 13px;
  color: #013957;
  letter-spacing: 0.05em;
  line-height: 1.7em;
}

.product01 {
  margin: 0;
  padding: 64px 32px;
  background: url(img/bg_product1.jpg) no-repeat center center;
  background-size: cover;
}
.product02 {
  margin: 0;
  padding: 64px 32px;
  background: url(img/bg_product2.jpg) no-repeat center center;
  background-size: cover;
}

.w1000ss {
  max-width: 1136px;
  width: auto;
  margin: 0 auto;
}

.productbox {
  background: #fff;
  padding: 32px 32px 48px 32px;
  margin: 0;
  text-align: center;
  border-radius: 32px;
  box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.24);
  width: auto;
  width: 500px;
  display: block;
}

.productbox img {
  max-width: 360px;
}

.btn {
  border: 1px solid #2f2e5c;
  padding: 16px 32px;
  margin: 32px auto 0px auto;
  color: #2f2e5c;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1em;
  min-width: 120px;
  display: inline-block;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  text-align: center;
}
.btn:hover {
  border: 1px solid #2f2e5c;
  padding: 16px 32px;
  margin: 32px auto 0px auto;
  color: #fff;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1em;
  min-width: 120px;
  display: inline-block;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  background: #2f2e5c;
  text-align: center;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap:wrap;
}
.flex_start {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
}

.dl_boxs_in {
  width: 60%;
}

.dl_boxs_in .ul50 {
  width:calc(50% - 24px);
}
.dl_boxs_in .ul50 li {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 3em;
  text-align: right;
}




/* ************************************************ 
*	下層：会社概要
* ************************************************ */	

.kaso_header {
  background: url(img/kaso_ttl_bg.jpg) no-repeat;
  background-size: cover;
  height: auto;
  padding: 200px 32px 100px;
  position: relative;
  width:calc(100% - 64px);
  z-index: 0;
}

.kaso_header_pro1 {
  background: url(img/datatrack_bg.jpg) no-repeat center center;
  background-size: cover;
  height: auto;
  padding: 200px 32px 100px;
  position: relative;
  width:calc(100% - 64px);
  z-index: 0;
}

.kaso_header_pro2 {
  background: url(img/jpms_01.jpg) no-repeat center center;
  background-size: cover;
  height: auto;
  padding: 200px 32px 100px;
  position: relative;
  width:calc(100% - 64px);
  z-index: 0;
}



.abso {
  position: absolute !important;
  top:0 !important;
}

.kasoh4 {
  padding: 8px 16px 16px 16px;
  display: inline-block;
  margin: 0 auto;
  color: #1285c1;
}
.kasoh3 {
  display: inline-block;
  margin: 0 auto !important;
  border-left: none !important;
  padding: 8px !important;
  font-size: 32px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    border-left: none !important;
    color: #1285c1;
}
.kasoh3b {
  display: inline-block;
  margin: 0 auto !important;
  border-left: none !important;
  padding: 24px 8px 8px !important;
  font-size: 32px !important;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    border-left: none !important;
    color: #1285c1;
}

#main {width: 720px; margin: 20px auto;}

#main h3 {
  font-size: 28px; 
  text-align: center; 
  padding: 0 0 15px 0; 
  margin: 20px; 
  line-height: 1.7em; 
  margin: 20px auto 30px; 
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  color: #1285c1;

  background-size: 50px;
  padding-top: 50px;
}
#main h5 {
  font-size: 18px !important; 
  text-align: center; 
  padding: 0 0 15px 0; 
  
  line-height: 1.7em; 
  margin: 0px auto 0px; 
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  color: #1285c1;
  display: block;
  position: relative;
  bottom: 30px;
}
#main p {
  /*text-align: left;*/

  margin-bottom: 40px;

}

table{
  border-collapse:collapse;
  margin:0 auto;
  width: 100%;
  table-layout: fixed !important;
}



th {
  border:2px solid #fff;
  padding:24px 0;
  text-align: center;
  color: #393939;
  background: #d9d9d9;
  
}
td{
  border:2px solid #fff;
  padding:24px 16px;
  text-align: center;
  color: #014a70;

}




/*製品*/

.dl_boxs {
  background: url(img/datatrack_01.png) no-repeat right center #1eb2e9;
  background-size: 40%;
  padding: 64px 32px;
  margin: 32px 0;
  width: auto;
  min-height: 400px;
}
.jpms_boxs {
  background: url(img/jpms_04.png) no-repeat right center #00a692;
  background-size: 40%;
  padding: 64px 32px;
  margin: 32px 0;
  width: auto;
  min-height: 400px;
}





/******************SAFTY FIRST**********************/

.smp600 {display: none;}
.smp600pc {display: block;}

.three_artcile .three_artile_thumb {display: block; height: 220px; overflow: hidden;}










.works_tbl {
  max-width: 640px;
  margin: auto; 
}
.works_text {
  max-width: 640px;
  margin: auto; 
  margin-top: 60px;
}



/*スライド*/



.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
    display: block;
    max-width: 900px;
    width: 80%; 
    
}
.featherlight_sliders {margin-bottom: 30px;}

.featherlight p a {color: #a97d49;}
.featherlight p a:hover {text-decoration: underline;}

.imageList {
  width: 100%;
  display: flex;
  text-align: center;
  align-items: flex-start;
}
.imageList__view {
  width:calc(100% - 250px);
  height: auto;
  height: 580px;
  overflow: hidden;
}
.imageList__thumbs {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  overflow: hidden;
  width: 220px;
  margin-left: 30px;
  
}
.imageList__thumbs h4 {margin-top: 0 !important; margin-left: 10px !important;}
.imageList__thumbnail {
  margin-left: 10px;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  overflow: hidden;
  
}
.imageList__thumbnail img {
  min-width: 100px;
  min-height: 100px;
  object-fit: cover;
}

.imageList img {
  width: auto;
  display: block;
  height: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.selected {
  position: relative;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  
}
.selected::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .7;
}




/*スライドEND*/


.top_add {padding: 3px 0 0 0; margin: 0; text-align: right; font-size: 14px; line-height: 1.5em; letter-spacing: 0.02em; color: #333 !important;}


ul {padding: 0 !important; margin: 0 !important;}
.bx-viewport {max-height: 800px; overflow: hidden; }
.bx-controls {position: relative; padding: 0 20px; bottom: 150px; text-align: right;}
.bx-wrapper2 .bx-pager {
    text-align: right !important;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    height: 30px;
}
.bx-pager-link {text-indent: -9999px;}


.rightm30_box {width: auto; margin: 0;}


.content_container {margin: 0px 0 150px;}


.content_container_top {margin:0 }

.p20 {
  padding: 20px;
}


.gray_bg_r {background: #f7f8f8; background-size: cover; padding: 220px 0 220px 0; z-index: 1; position: relative; bottom: 400px; }

.animate2b {overflow: hidden;}
.animate3b {overflow: hidden;}
.animate4b {overflow: hidden;}

.gray_bg_80_l {
    background: url(images/bg2.jpg) no-repeat right top;
  background-size: 80% 100%;
  padding: 80px 0;
}
.gray_bg_80_r {
  background: url(images/bg1.jpg) no-repeat left top;
  background-size: 80% 100%;
  padding: 80px 0;
}

.articles4 {
  width: 22%;
  height: 400px;
  margin-right: 4%;
  overflow: hidden;
}

.articles4:nth-child(4n+4) {
  width: 22%;
  height: 400px;
  margin-right: 0;
  overflow: hidden;
}

.articles4 a img {
  min-height: 400px;
  min-width: 100%;
  width: auto;
  object-fit: cover;
    -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.articles4 a img:hover {
  width: auto;
  object-fit: cover;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  transform:scale(1.1,1.1);
}







.articles4b {
  width: 22%;
  height: 430px;
  margin-right: 4%;
  overflow: hidden;
  margin-bottom: 64px;
}

.articles4b:nth-child(4n+4) {
  width: 22%;
  height: 430px;
  margin-right: 0;
  overflow: hidden;
}
.articles4c {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.articles4c a img {
  min-height: 400px;
  min-width: 100%;
  width: auto;
  object-fit: cover;
    -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.articles4c a img:hover {
  width: auto;
  object-fit: cover;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  transform:scale(1.1,1.1);
}

.art_list_ttl {
  padding: 16px 0;
  display: block;
  font-size: 14px;
  line-height: 14px;
}












.three {width:calc(50% - 64px); margin: 0 32px 32px; text-align: left;}
.three img {width: 90%; text-align: center; margin: 0 auto;}
.three p { font-weight: 200; font-size: 13px; text-align: left; margin: 20px 0 10px; padding: 0 0px; line-height: 1.8em;  }
.three {color: #1285c1; font-size: 14px; border-bottom: 1px solid #1285c1; padding-bottom: 16px;}
.three a {
  color: #1285c1; 
  font-size: 14px; 
  padding: 0px 24px 0 0; 
  height: 48px; 
  overflow: hidden; 
  line-height: 24px; 
  text-align: left; 
  display: block; 
  background: url(images/ya_b.png) no-repeat right center;
  background-size: 8px;
}
.btn_block {
  background: url(images/ya_w.png) right 24px center no-repeat #111;
  background-size: 8px;
  padding: 16px 64px;
  text-align: center;
  color: #1285c1;
  font-size: 14px;
  display: inline-block;
  margin: 0 auto;
}

article p {
  color: #333;
  margin-bottom: 10px !important;
}

article p strong {
	font-size: 22px !important;
	font-weight: bold !important;
}

@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -3631px 0; } /* 1518pxとは使用した背景画像の長さ */
}

.font48 {font-size: 48px;}
.grn_btn {background: url(img/li.png) no-repeat right 10px center #111; padding: 15px 60px 15px 30px; color: #fff; font-size: 14px; text-align: left; background-size: 18px; margin: 0;}
.grn_btn:hover {background: url(img/li.png) no-repeat right 10px center #18cf6a; padding: 15px 60px 15px 30px; color: #fff; font-size: 14px; text-align: left; background-size: 18px; margin: 0;}


.posidown {position: relative; top: 60px; float: right; }

.grnh3 {text-align: center; font-size: 38px; font-weight: 200; color: #111; margin: 50px 0;}

.w1000 {min-width: 300px; width: auto; max-width: 1100px; margin: 0 auto; padding: 0px;}
.w1500 {min-width: 1000px; width: auto; max-width: 1500px; margin: 0 auto; padding: 0px; position: relative; z-index: 999;}

.w1500p20 {min-width: 960px; width: auto; max-width: 1260px; margin: 0 auto; padding: 0px 32px; position: relative; z-index: 999;}
.flex_bet {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap:wrap;
}
.flex_start {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
}
.con_flex{
  display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap:wrap;
}
.flex_center {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap:wrap;
}
.mw300 {max-width: 300px;}



.right_for {float: right;}





.contents1 {
  
}




.top_mid {float: left; width:calc(100% - 550px);}
.top_mid_img {float: right; width: 500px; position: relative; top: 80px; }

.top_mid2 {float: right; width:calc(100% - 550px);}
.top_mid_img2 {float: left; width: 500px; position: relative; top: 80px;}

.topnews {height: 0; width: 1100px; overflow-y: visible; margin: 0 auto; position: relative; bottom: 0; height: 70px;}
.topnews_in {
  background: url(images/ya_w.png) no-repeat right 24px center #14b988; width: 20%; float: left; height: 70px; background-size: 8px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.topnews_in:hover {
  background: url(images/ya_w.png) no-repeat right 24px center #222;
  background-size: 8px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  
}

.topnews_in3 {
  width: 20%; 
  float: left; 
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topnews_in a {font-size: 14px; color: #fff; display: block; line-height: 70px; padding: 0 32px; height: 70px; }
.topnews_in2 {background: #fff; width: 80%; float: left; height: 70px;}
.topnews_in2 p {height: 70px; margin: 0; padding: 0 20px; line-height: 70px; font-size: 14px; overflow: hidden;}
.dates {width: 120px; margin-right: 30px; color: #111;}
.arttl {}


/*WORKS*/
.kocate li {
  display: inline-block;
  margin: 0 8px;
  padding: 0;
}
.kocate li a {
  background: #000;
  color: #fff;
  padding: 16px 24px;
}
.kocate li a:hover {
  background: #606060;
  color: #fff;
  padding: 16px 24px;
}


/*下層*/

.kasofirstbox {background: url(img/aboutimg_07.jpg) no-repeat right center; padding: 50px 20px 20px 20px; margin: 50px 0; background-size: 60%; }
.kasofirstboxs h2 {font-weight: 600; font-size: 32px; padding: 0 0 30px; margin: 0;}
.kasofirstboxs p {padding: 20px 55% 20px 0px;}
.kasoimgbox {margin: 60px 0;}

.kasoimg_l {width: 48%; float: left; max-width: 800px;}
.kasoimg_r {width: 48%; float: right; max-width: 800px; margin-top: 60px;}


.workboxes_l h3 {
	-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  position: absolute;
  left: 20px;
}

.workboxes_r h3 {
	-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  position: absolute;
  right: 60px;
}



.workfirstbox {background: url(img/workflow_03.jpg) no-repeat right center; padding: 50px 20px 20px 20px; margin: 50px 0; background-size: 60%; }

.workfirstbox {background: url(img/workflow_03.jpg) no-repeat right center; padding: 50px 20px 20px 20px; margin: 50px 0; background-size: 60%; }

.work2ndbox {background: url(img/workflow_07.jpg) no-repeat left center; padding: 20px 20px 20px 20px; margin: 80px 0; background-size: 60%;}
.work3rdbox {background: url(img/workflow_10.jpg) no-repeat right center; padding: 20px 20px 20px 20px; margin: 80px 0; background-size: 60%;}
.work4thbox {background: url(img/workflow_12.jpg) no-repeat left center; padding: 20px 20px 20px 20px; margin: 80px 0; background-size: 60%;}

.workin_r {float: right; background: #fff; width: 45%; margin-top: 50px;}
.workin_r h4 {padding: 30px 0px 10px; border-bottom: 1px solid #111;  font-size: 21px; margin: 0 30px 20px 30px;}
.workin_r p {padding: 10px 0px 30px; margin: 0 30px; font-size: 16px; letter-spacing: 0.05em; line-height: 1.7em;}

.workin_l {float: left; background: #fff; width: 45%; margin-top: 50px;}
.workin_l h4 {padding: 30px 0px 10px; border-bottom: 1px solid #111;  font-size: 21px; margin: 0 30px 20px 30px;}
.workin_l p {padding: 10px 0px 30px; margin: 0 30px; font-size: 16px; letter-spacing: 0.05em; line-height: 1.7em;}





/*Contact*/

.w50in {width:calc(49% - 30px) !important; margin-right: 10px; } 

.w30in { width:calc(33% - 40px) !important; margin-right: 10px; }
.w30in2 { width:calc(33% - 50px) !important; margin-right: 10px; margin-left: 10px; }
.w30in3 { width:calc(33% - 40px) !important; margin-right: 10px; margin-bottom: 5px; }
.w30in4 { margin-right: 10px; margin-top: 5px; }
.w30in { width:calc(33% - 40px) !important; margin-right: 10px; }

.w600 {max-width: 600px; margin: 30px auto;}
.w600 {text-align: left !important;}

input[type="text"] {padding: 8px 8px; border: 1px solid #888; font-size: 16px; width: 90%;}
input[type="tel"] {padding: 8px 8px; border: 1px solid #888; font-size: 16px; width: 90%;}

input[type="email"] {padding: 8px 8px; border: 1px solid #888; font-size: 16px; width: 90%;}
textarea {resize: none;  padding: 8px 8px; height: 100px;  border: 1px solid #888; font-size: 16px; width: 90%;}
input[type="submit"] {
	width: 180px;
	height:50px;
	background-color:#111;
	border:none;
	color:#fff;
	font-size:14px;
	line-height: 50px;
	font-weight:700;
	text-align:center;
	margin: 10px auto;
}
input[type="submit"]:hover{
	background-color:#7d7d7d !important;
	color:#fff;
	cursor: pointer;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

select {
	background: #fff url(images/select_ya.jpg) no-repeat right center !important;
	background-size: auto 100% !important; 
	border: 1px solid #707070 !important; 
	width:calc(33% - 60px) !important;
	padding: 8px !important;
	margin-right: 10px !important; 
	margin-left: 10px !important;
}

.ml0 {margin-left: 0 !important;}
.ml0bb {margin-left: 0 !important; width: 50% !important; min-width: 220px !important;}
div.wpcf7-response-output {
    background: #fff !important;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: inline-block !important;
}

/*フォームEND*/




/*下層*/
.single_ttls {
	text-align: center;
	font-size: 24px;
	padding: 24px 24px 0;
}
.tttl {
	background: url(images/annai_03.jpg) no-repeat center center;
	background-size: cover;
	padding: 180px 0;
	width: auto;
	margin: 8px 32px;
	text-align: left !important;
	border-radius: 16px;
}
.tttl h3 {
	background: #fff;
	padding: 4px 24px;
	font-size: 40px;
	display: none;
	line-height: 56px;
	font-weight: 400;
	color: #0b0b0c;
	margin: 0;
}

.kankyottls {
	background: url(images/annai_03111.jpg) no-repeat !important;
	background-size: cover !important;
}
.anntttl {
	background: url(images/annai_03ann.jpg) no-repeat center bottom !important;
	background-size: cover !important;

}
.ninttls {
	background: url(images/annai_03nnn.jpg) no-repeat !important;
	background-size: cover !important;
}

.lifettls {
	background: url(images/annai_03bb.jpg) no-repeat !important;
	background-size: cover !important;
}

.pdftttl {
	background: url(images/annai_03cc.jpg) no-repeat !important;
	background-size: cover !important;
}
.mmmtttl {
	background: url(images/annai_03mmm.jpg) no-repeat !important;
	background-size: cover !important;
}
.ootttl {
	background: url(images/annai_03oo2.jpg) no-repeat center center !important;
	background-size: cover !important;
}


.ksktttl {
	background: url(images/annai_03kk.jpg) no-repeat left center !important;
	background-size: cover !important;
}
.tayori1 a{
	background: #b2cf95;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
	
}
.tayori1 a:hover {
	background: #6c993f;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
	color: #fff !important;
	
}

.tayori2 a{
	background: #b8c7e4;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
}

.tayori2 a:hover {
	background: #6580b7;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
	color: #fff;
}

.tayori3 a{
	background: #f0ccb1;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
}

.tayori3 a:hover {
	background: #c78c5e;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
	color: #fff;
}

.tayori4 a{
	background: #ffcccc;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
}

.tayori4 a:hover {
	background: #ffcccc;
	padding: 16px;
	border-radius: 16px;
	margin: 0px auto 16px;
	display: inline-block;
	width: 260px;
	color: #fff;
}



#primary h2 {
	padding: 4px 24px;
	font-size: 40px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	display: block;
	line-height: 56px;
	font-weight: 400;
	color: #222;
	margin: 32px 0;
	text-align: center;

}

#primary h3 {
	padding: 4px 24px;
	font-size: 24px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	display: block;
	line-height: 56px;
	font-weight: 400;
	color: #222;
	margin: 32px 0;
	text-align: center;

}
.youchi {
	background: #fff5f7;
}
.hoiku {
	background: #eaf6fd;
}
.tbl_big {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #222;
}
.aaa {color: #2b84bb; text-decoration: underline;}
.aaa:hover {color: #ba612b; text-decoration: none;}

.halff {
	width: 47%;
	min-width: 280px;
}

.footerbox {
	background: #faf3f3;
	border-radius: 16px;
	padding: 40px 32px;
	width: auto;
	margin: 32px auto 64px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
}
.footerbox1 {
	width: 50%;
	text-align: center;
}
.footerbox2 {
	width:calc(50% - 1px);
	text-align: center;
	border-left: 1px solid #333;
}
.footerbox p {
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	margin-bottom: 30px;
}
.btn_footer_contact {
	background: #ff919d;
	color: #fff;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	font-size: 16px;
	border-bottom: 6px solid #e86c7a;
	display: inline-block;
	padding: 16px 32px;
	border-radius: 16px;
}
.btn_footer_contact:hover {
	background: #d95b69;
	color: #fff;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	font-size: 16px;
	border-bottom: 6px solid #bd3847;
	display: inline-block;
	padding: 16px 32px;
	border-radius: 16px;
}

.footertel {
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	font-size: 32px;
	font-weight: bold;
}

/*******************SAFTY FIRST END*****************/


.limarks {
    background: url(img/li.png) no-repeat left center;
    background-size: 11px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
}







/*共通・ヘッダー*/


.headright {float: right; width: 640px; text-align: left; }
.headright a {margin-left: 0;}

/*工務店*/
.mainmov {background: #193e88; text-align: center; max-width: 1200px; margin: 0 auto; }
.mainmov img {width: auto; vertical-align: bottom;}

.btns {background: #251eb1; padding: 20px 40px; border-radius: 8px; text-align: center; color: #fff; font-size: 18px; margin: 20px;}

.top_rinen {background: url(img/bg_top_rinen.jpg) no-repeat center center; background-size: cover; }
.toprinen2 {background: rgba(255, 255, 255, 0.80); padding: 20px; width: 700px;}
.height0 {height: 0 !important; overflow-y: visible; position: relative; bottom: 70px;}
.mb0 {margin-bottom: 0 !important;}

.gromenu {position: relative; top: 670px; text-align: center;}
.gromenu2 {position: relative; top: 0px; padding-top: 82px !important; text-align: center;}


.menuhome {width: 62px !important; text-align: center; }

.contact_secuco {background: #fff; padding: 15px 30px; border-radius: 10px; display: inline-block !important;}
.contact_secuco a {font-size: 20px !important;}
.press {padding: 50px 0 !important;}
.news_l {width: 110px; float: left;}
.news_r {width: 800px; float: right;}

nav.menu {
	position: absolute;
z-index: 9999;
margin: 0 auto;
background: #111;
text-align: left;

}

.menu > ul {margin: 0 !important; height: auto; text-align: left; padding: 20px 0;}

.menu > ul > li {
	list-style: none;
	display: inline-block;
	color: #333;
vertical-align: bottom;	
height: auto;
margin: 0 auto;
border-right: 1px solid #fff;
vertical-align: right;
width: 186px;
float: left;
}


.menu > ul > li:last-child {
border: none !important;
}


.menu > ul > li a {
height: auto;
vertical-align: bottom !important;	
display: inline-block;
font-size: 15px;
font-weight: 200 !important;
color: #fff !important;
text-align: center;
letter-spacing: 0.05em !important;
line-height: 1.7em !important;
}

.menu > ul li a {
	text-decoration: none;
	color: #fff;
	 display:block;
	 padding: 0px 0 0px;
}
.menu > ul li a:hover {
	color: rgba(255, 255, 255, 0.72) !important;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}
.active{
	background:;
	
}
.displaynone{
	display: none;
}

ol li {
    list-style-type: decimal !important;
    text-align: left !important;
    margin-left: 20px;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    margin-bottom: 20px;
    color: #1285c1;
}
dl {
      display: flex;
    	justify-content: space-between;
    	flex-direction: row;
    	flex-wrap:wrap;
}
dt {
    display: block;
    text-align: left;
     color: #1285c1;
      font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
}
dd {
    display: block;
    text-align: left;
     color: #1285c1;
      font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
}

h4 {
  text-align: left;
  color: #1285c1;
      font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.7em;

}

.font14 {
  font-size: 14px;
}
dl b {
    font-weight: bold;
    margin-bottom: 20px;
}
.suci {text-decoration: underline;}

.mega-menu {
   background: rgba(236, 64, 24, 0.95);
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu a {display: inline-block !important; text-align: center; width: 245px; height: auto !important; margin: 0 auto !important; padding: 0 !important;}

.mega-menu2 {
   background: rgba(236, 64, 24, 0.95);
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu2 a {display: inline-block !important; text-align: center; width: 245px; height: auto !important; margin: 0 auto !important; padding: 0 !important;}


#menutoggle i {
    color: #fff;
    font-size: 33px;
    margin: 0;
    padding: 0;
}

.linkstwo {width: 45%; display: inline-block; margin: 20px auto; padding: 10px; font-size: 16px;}




.four {width: 46%; margin-left: 4%; float: left; padding-bottom: 10px; border-bottom: 1px solid #999;}
.four p {font-size: 14px; margin-bottom: 5px;}
.four a {font-size: 14px; font-weight: 500; margin-bottom: 20px;}




/*END*/






















.container { width: auto; padding: 25px;}

.font12 {font-size: 12px !important;}
.gotopline {padding: 20px 0; border-top: 1px solid #979797; border-bottom: 1px solid #979797; background: #fff; text-align: center;}


.thumbout {margin-bottom: -60px;}
.thumbs {margin: 0 auto; background: #fbfafa; text-align: center; display: inline-block; padding: 10px; position: relative; bottom: 65px; z-index: 999; }


.telclass {position: relative; bottom: 5px; margin-right: 3px;}

.footmenu {background: #fff; border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 20px 0;}




.menu_foot {width: auto !important; float: none !important; text-align: center;}
.menu_foot ul li {width: 16% !important;}

.categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.categories-list li :hover{
		background:inherit !important;
}

.categories {
  background: #111;padding: 8px 16px;
  color: #fff !important;
  font-weight: bold;
  margin-bottom: 24px;
}
.left-images > p {
    background: none repeat scroll 0 0 #ff7f50;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 5px 14px;
}
.categories-list span {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.mm-view-more{
	background: none repeat scroll 0 0 #ff7f50;
    color: #fff;
    display: inline !important;
    line-height: normal;
    padding: 5px 8px !important;
	margin-top:10px;
}
.display-on{
display:block;
 transition-duration: 0.9s;
}

.content_page_ttl { padding: 80px 0 40px; text-align: center;

    
}

.content_page_ttl h1 {
	font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    
    padding:  0 0 10px 0;
    margin: 0 0 0px 0;
    display: inline-block;
    color: #111010;
    
}

.dotbox {border: 1px dotted #111; padding: 20px 20px 0; max-width: 400px; text-align: left; margin: 30px auto; }
.dotbox2 {border: 1px dotted #111; padding: 20px 20px 0 20px; width: auto; text-align: left; margin: 30px auto; }

.dotbox2 ul {margin: 0 0 20px !important;}
.dotbox2 ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}


#supportlist {width: 100%; margin-bottom: 20px;}

.single_left {width:calc(75% - 40px);float: left; margin: 50px 0; padding: 0 20px;}
.sidebar {width: 20%; float: right; margin-top: 30px; text-align: left;}
.sidebar li {text-align: left; font-size: 14px;}
.categories {margin-top: 30px;}
.sidebar li ul li a {text-align: left; font-size: 14px; 
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}

.singlesrc li a {
    text-align: left; font-size: 14px; 
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}
.categories {color: #111;}

#primary {max-width: 1100px; margin: 60px auto 20px auto; padding: 0 20px 60px; overflow: hidden; }
/*.drop-down > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down:hover > a:after{
color:#fff;
}


.drop-down2 > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down2:hover > a:after{
color:#fff;
}*/


 /*MediaQuerys*/
 @media (max-width: 600px) {
.menu {
 display:none;
 }
 .xs-menu li a {

	 padding:0px;
}
 .xs-menu-cont{
 display:block ;
 }
 }


/*Animation--*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}









/* リンク */

a{
color:#252523;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

}

a:hover{
color:#a5a5a5;
}

a:active, a:focus {
outline: 0;
}

p {font-size: 18px; line-height: 1.6em; margin: 0 0 20px 0;}

/* 画像 */

img{
border:0;
padding:0px;
margin:0px;
max-width: 100%; height: auto;
}

article img {margin-bottom: 30px;}
article ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 0;
    text-align: left;
    margin-bottom: 16px;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* ボタンレイアウト */

button.button1 {
/* 文字サイズを1.4emに指定 */
font-size: 1.4em;

/* 文字の太さをboldに指定 */
font-weight: bold;

/* 縦方向に10px、* 横方向に30pxの余白を指定 */
padding: 10px 30px;

/* 背景色を濃い青色に指定 */
background-color: #28b17e;

/* 文字色を白色に指定 */
color: #fff;

/* ボーダーをなくす */
border-style: none;
}



/* フロート */

.alignright { text-align: right; }

.alignleft { text-align: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト */

ol{
padding: 0 0 0 0;
list-style: decimal;
}

ul{

padding: 0 0 0 0;
list-style: disc;
}

li{
padding: 0 0;
}

li a{
text-align: center;
color:#010101;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;

}

.bold {font-weight: bold;}

li a:hover{
color:#6a5c5c;
}

a img {vertical-align: bottom; max-width: 100%; height: auto;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


td h3 {margin-bottom: 5px !important;}


.more-link {display: none !important;}

/*動画*/
.video-wrapper {
  display: none;
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.87);
  z-index: 99999999;
}

.video-frame {
  position: absolute;
  top: 50%;
  left: 50%;
}

.video-close {
  float: right;
  margin-top: -30px;
  margin-right: -30px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 30px;
  background: #605F61;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
}

.video-close:before {
  content: "×";
}

.screen-reader-text {display: none;}

.nav-links {text-align: center; padding-bottom: 30px; margin: 64px auto;}

.nav-links span {padding: 8px 14px; border: 1px solid #222; background: #222; color: #fff;}
.nav-links a {padding: 8px 14px; border: 1px solid #222; }
.nav-links a:hover {padding: 8px 14px; border: 1px solid #222; background: #222; color: #fff; }


.bx-wrapper2 {position: relative; z-index: 0; margin-bottom: 1px !important; }

.bordert1w {border-top: 1px solid #fff;}

.blogcate {width: 110px; padding: 5px 10px; border: 1px solid #111; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center;}
.blogtime {color: #111;  font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; }
.blogcate2 {width: 110px; padding: 5px 10px; border: 1px solid #111; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center; color: #fff;}
.blogtime2 {color: #111;  font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; color: #fff;}
.main_list {border: 1px solid #fff; padding: 10px 20px; text-align: center; color: #fff !important; border-radius: 100px; float: right; font-size: 12px !important; line-height: 12px !important; position: relative; bottom: 4px;}
.main_list:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

main {padding-top: 60px;}

article {max-width: 1060px; margin: 0 auto; padding: 0px 0; }

.entry-header {background: #181818; padding: 40px; text-align: center; font-family: 20px; color: #fff;}

td p {margin: 0; padding: 0;}

.btn_ichi {float: right; text-align: right; font-size: 13px; font-weight: 200; padding: 5px 15px; border: 1px solid #333; border-radius: 100px; position: relative; bottom: 10px;}


.articlebox2 {border-bottom: 1px dotted #333; padding: 5px 30px 10px; margin: 0 auto 10px;}

/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper {
margin: auto; 
min-width: 1060px;
padding: 30px 0px;
_width: 1060px;
height: 100%;

}

.drawer-hamburger {display: none !important;}


.main_zure {padding-top: 20%; margin-bottom: 50px;}

.w49per {width: 49.5%;}

.newsbox {width: 835px; float: right; background: #fff; border: 10px solid #e8ded5; height: 454px;}
.newsbox_ttl {background: url(images/blog_ttl.png) no-repeat left 20px center; background-size: 160px; height: 50px; padding-top: 20px; border-bottom: 1px solid #ddd; }
.newsbox_ttl a {width: 130px; float: right; display: block;}

.articlebox {width: 800px; margin: 50px auto;}
.articlebox h2 {border-bottom: 1px solid #333; padding: 10px 0 10px 0; margin:10px 0;}
.article_right { padding: 10px 0 10px 0; margin:10px 0; border-bottom: 1px dotted #8c8c8c; }
.article_right a {font-size: 16px;}
.article_main { padding: 0px 0 0px 0; height: 0; margin:0px 0; position: relative; bottom: 51px; z-index: 999999999; }
.article_main a {font-size: 16px;}
.article_main_in {background: rgba(0, 0, 0, 0.70); width: auto; height: 50px;}
.ttl_blogbox3  {font-size: 18px; font-size: 400; }
.ttl_blogbox {border-bottom: 2px solid #111 !important; padding: 0 0 5px 0; }
.ttl_blogbox a {font-size: 18px; font-size: 400; }
.ttl_blogbox2 {color: #fff !important;}
.ttl_blogbox2:hover {color: #111 !important;}

.message_l {width: 21%; float: left; }
.message_r {width: 75%; float: right; }

.border_gray {border: 1px solid #aaaaaa;}











.work_tbls {
  border-collapse:collapse;
  margin:0 auto;
  width: 100%;
}

.work_tbls th {
  width: auto;
  border-top:1px solid #fff;
  padding:24px 0;
  text-align: center;
  background: #000;
  color: #fff;
}
.work_tbls td{
  border-top:1px solid #fff;
  padding:24px 16px;
  text-align: center;
  background: #f2f2f2;
}
.work_tbls tr:last-child td,
.work_tbls tr:last-child th{
  border-bottom:1px solid #fff;  
}






.dotbox ul {margin: 0 0 20px !important;}
.dotbox ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}

.contbl {font-size: 10px; background: #ce4818; color: #fff; padding: 2px 10px; margin: 0 0 0 10px;}

.infot {background: #111 !important; color: #fff; max-width: 200px; }

 .mini_th th {
	 width: 120px;
 }

.sitemapper li {text-align: left; padding: 5px 20px;}
.sitemapper li a {text-align: left; font-size: 16px; display: inline-block; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}
.sitemapper ul div {text-align: left; }
.sitemapper ul div a {text-align: left; display: inline-block; color: #ec0000; font-size: 16px; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}

.tex_r {text-align: right !important;}
.fontred {color: #f10505 !important; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; font-size: 28px; font-weight: bold;}
.tbl_big {border-top: none !important;}

table {table-layout: fixed;}
tr {}
td {text-align: center; background: #fdf5f7;}
td ul li a {text-align: center !important; display: inline-block;}
td ul li {text-align: center;}
td p{margin-bottom: 10px;}

.articlebox:first-child {border-bottom: 1px solid #ddd;}

.article_right2 a {
    font-size: 24px;
    border-bottom: 2px solid #111;
    padding: 0 0 10px 0;
    line-height: 1.7em;
    margin: 20px auto 20px;
    font-weight: 200;
    display: block;
    text-align: left;
}

.renraku {
    width: 150px;
    background-color: #d5d5d5;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    margin: 10px auto;
    display: inline-block;
    padding: 10px 20px;
}

.gallerybox {padding: 50px 0; max-width: 1060px; margin: 30px auto;}
.gallerybox a {width: 30%; float: left; display: block; height: 400px; margin: 10px 0; overflow: hidden; background: #272626; border: 5px solid #272626; box-sizing:border-box; }
.gallerybox a:nth-child(3n+2) {margin: 10px 3%; } 
.gallerybox a img {width: 100%;  height: auto; vertical-align: bottom; }



.single_product {height: 400px; margin: 10px 0; overflow: hidden; background: #acacac; border: 5px solid #acacac; box-sizing:border-box; display: block; }
.single_product_left {width: 30%;}
.single_product_left a img {width: 100%; height: auto;}
.single_product_right {width: 65%;}
.single_product_right img {max-width: 100%; height: auto;}
.single_product_right h1 {border-bottom: 1px solid #333; padding-bottom: 10px; font-size: 28px;}

.single_thumbs a {width: 32%; margin: 10px 0; height: 100px; overflow: hidden; display: block; float: left;}
.single_thumbs a img {width: 100%; height: auto;}
.single_thumbs :nth-child(3n+2) {width: 32%; margin: 10px 2%; display: block; float: left;}

.tsuduki {border: 1px solid #111 !important; padding: 5px 20px !important; display: inline-block !important; color: #111; font-size: 14px !important;}
.tsuduki:hover {background: #111; color: #fff !important;}

li {list-style: none; }

.contentpage_title { background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%); padding: 30px 0 30px; position: relative; top: 87px; margin-bottom: 88px; text-align: center; color: #fff; font-size: 20px; font-weight: 100; }
.contentpage_title h1 {font-size: 24px; font-weight: 100; line-height: 1.5em; text-align: center; padding: 15px 30px; border: 1px solid #fff; display: inline-block; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.content_wrap_out {background: #f4f0ed; padding: 0 0 30px 0;}

.content_wrap {padding: 0px 0; margin: 30px auto 30px; max-width: 860px; background: #fff; padding-bottom: 30px;}
.content_wrap_in {padding: 0 30px;}
.content_wrap p {line-height: 1.7em; }

.kachikan {border: 1px solid #f10505; border-radius: 1060px; padding: 50px 20px 0; margin: 0 5px; float: left; width: 107px; height: 97px; text-align: center; font-size: 15px; color: #222;}
.kachikan2 {border: 1px solid #f10505; border-radius: 1060px; padding: 60px 20px 0; margin: 0 5px; float: left; width: 107px; height: 87px; text-align: center; font-size: 15px; color: #222;}

.kachikan_kai {border: 1px solid #f10505; padding: 20px 10px; border-radius: 10px; margin: 10px auto; text-align: center; font-size: 20px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; }

.w30px {
	width: 50px !important;
}

.minitbl {
	table-layout: auto !important;
	margin-bottom: 32px;
}
.minitbl td{

    padding: 16px 16px;
    text-align: left;
    color: #014a70;
    background: #fff5f7;
}
.minitbl th{

    padding: 16px 16px;
    text-align: left;
    color: #014a70;
}
.eath3 {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 20px !important;
	text-align: left !important;
}
.nenkan {
	background: #fcfcee;
	padding: 32px 32px 64px;
	margin: 0px 0 32px;
}
.shec1 {
	background: #fff5f7;
	text-align: center;
	padding: 32px;
}
.shec2 {
	background: #eaf6fd;
	text-align: center;
	padding: 32px;
}

.font24 {font-size: 30px !important; font-weight: bold; border-bottom: 1px solid rgba(38, 36, 36, 1); padding-bottom: 10px; line-height: 1.7em; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.font34 {font-size: 34px !important; font-weight: 200; line-height: 1.7em;  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}

.tex_c {text-align: center !important;}
.tex_l {text-align: left !important;}
.tex_r { text-align: right !important;}
.w500 {max-width: 500px; margin: 0 auto;}
.w700 {max-width: 700px; margin: 0 auto;}
.mt0 {margin-top: 0 !important;}
.mt80 {margin-top: 80px;}
.mt120 {margin-top: 120px !important;}

.mt60 {margin-top: 60px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb10 {margin-bottom: 10px !important;}
.mt50 {margin-top: 50px;}
.mt30 {margin-top: 30px !important;}

.mb128 {margin-bottom: 128px;}

.mb50 {margin-bottom: 50px;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px !important;}
.mb130 {margin-bottom: 130px;}
.pb30 {padding-bottom: 30px;}
.pt0 {padding-top: 0 !important;}

.ib {display: inline-block !important;}
.ib_r {display: inline-block !important; float: right;}

.top_midashi {text-align: center; line-height: 1.5em; font-size: 36px; color: #f10505; background: url(img/redline.jpg) no-repeat center bottom; background-size: 44px; padding: 0 0 20px 0; margin-bottom: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.date {border: 1px solid #f10505; padding:5px 10px; margin-right: 20px; color: #f10505; float: left; display: block; width: 75px; }
.blogtitle {font-size: 14px; padding:5px 26px 5px 0; background: url("img/ya_red.jpg") no-repeat right center; background-size: 8px; float: left; display: block; width: 550px; }
.sq_btn {border: 1px solid #f10505; padding:5px 15px 5px 15px; color: #f10505; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_red.png") no-repeat left 10px center; background-size: 8px;}
.sq_btn:hover {border: 1px solid #f10505;  color: #fff; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_white.png") no-repeat right 5px center #f10505; background-size: 8px;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

li {text-align: center;}
li a img {margin: 0 auto;}
li a {text-align: center; display: block;}

.dropmenu{
display: block;
  *zoom: 1;
  list-style-type: none;
  padding: 0px 0 !important;
margin: 0 auto !important;
position: relative; bottom: 0px;
max-width: 1060px;
}
.dropmenu li{
padding: 0px 0px 0 0px;
    color: #222;
    display: inline-block;
    position: relative;
    font-size: 16px;
width: 19.5%;
background: url(images/menu_border.jpg) no-repeat right center;
background-size: 1px;
}
.dropmenu li:last-child{
padding: 0px 0px 0 0px;
    color: #222;
    display: inline-block;
    position: relative;
    font-size: 16px;
width: 20%;
background: none;
}

.dropmenu li a{
  margin: 0;
  line-height: 1;
  text-decoration: none;
font-size: 15px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 125%;
  left: 0;
text-align: left;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #fff;
  width: 200px;
  text-align: left;
}
.dropmenu li:hover > a{

}
.dropmenu li a:hover{

}

.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 36px;
}

.dropmenu li ul li a:hover{
  padding: 13px 15px;
  background: #fff;
  width: 200px;
  text-align: left;
}





.minibox {padding: 10px 30px 30px; margin: 50px 0; background: #fff; width: 460px;}
.minibox p {line-height: 1.7em;}




.btt {float: right; background: url(images/gotop.jpg) no-repeat left center; background-size: 10px; padding-left: 20px; color: #fff; font-size: 11px;}
.btt:hover {color: #ffb0b0 !important;}

.mincho {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.overimg_grade:hover {
background: #f10505;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
}


.overimg:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.sp {display: none;}
.pc {display: block;}

/*フェード*/

.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	
	
}

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

.futura {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
}

.drawer-menu li a {text-align: left; color: #fff; font-size: 16px;
  
  font-family: futura-pt-bold, sans-serif !important;
      font-weight: 400 !important;
    font-style: normal !important;
}
.drawer-menu li {
    
  font-family: futura-pt-bold, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  padding: 24px 20px;border-bottom:1px solid #fff;
}












@media screen and (max-width: 1100px){


.content_border {
    max-width: 1136px;
    width: auto;
    border-bottom: 1px solid #014a70;
    padding-bottom: 32px;
    margin: 64px 32px 32px 32px;
}
h2 span {
    padding: 0;
    margin: 0;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    color: #2f2e5c;
    font-weight: 200;
    font-size: 24px;
}
body {
    /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
    font-weight: 200;
    font-size: 14px;
    background: #fff;
    color: #222;
    line-height: 180%;
    margin: 0;
    min-width: 320px;
    height: 100%;
    overflow-x: hidden !important;
}

.dl_boxs_in .ul50 {
    width: calc(100% - 24px);
}
.dl_boxs_in .ul50 li {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 3em;
    text-align: left;
}

}

.top02_890 {display: none;}

@media screen and (max-width: 890px){

.fourr {
    width: calc(50% - 2px);
    margin: 32px 1px;
    text-align: center;
}


#primary h2 {
	padding: 4px 24px;
	font-size: 28px;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
	display: block;
	line-height: 56px;
	font-weight: 400;
	color: #222;
	margin: 32px 0;
	text-align: center;

}


.top02 {
    width: 100%;
    background: #d9eef9;
    border-radius: 16px;
    margin: 32px 0;
    display: none;
}
.top03 {
    width: 100%;
    margin: 32px 0;
}
.top01 {
    width: 100%;
}
.top02_890 {
    width: 100%;
    background: #d9eef9;
    border-radius: 16px;
    margin: 32px 0;
    display: block;
}

	
	
.content_border p {
    color: #014a70;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    font-size: 14px;
}

.productbox {
    background: #fff;
    padding: 32px 32px 48px 32px;
    margin: 0;
    text-align: center;
    border-radius: 32px;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.24);
    width: auto;
    width: 420px;
    display: block;
}


.flex_start {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.fives {
    width: 33.333%;
}
.btn {
    border: 1px solid #2f2e5c;
    padding: 16px 32px;
    margin: 16px auto 16px auto;
    color: #2f2e5c;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 1em;
    min-width: 120px;
    display: inline-block;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    text-align: center;
}
.btn:hover {
    border: 1px solid #2f2e5c;
    padding: 16px 32px;
    margin: 16px auto 16px auto;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 1em;
    min-width: 120px;
    display: inline-block;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    text-align: center;
}

.newsss_in1 {
    width: 100%;
}
.newsss_in1 h3 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #2f2e5c;
    margin: 0;
    padding: 0;
}

.newsss_in2 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.newsss_in3 {
    width: calc(100% - 0px);
    margin-right: 0px;
    padding: 0;
    margin-top: 32px;
}

.drawer--right .drawer-hamburger {
    right: 24px !important;
    top: 8px !important;
}
.newsss_in3 h4 {
    font-size: 18px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #2f2e5c;
    border-bottom: 1px solid #2f2e5c;
    margin: 0 0 16px 0;
    padding: 0 0 8px 0;
}

.newsss_in3 a {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    color: #2f2e5c;
}

  
  .mini_head {
    position: absolute;
    top: 4px;
    right: 32px;
    width: 100%;
    text-align: right;
    z-index: 1;
    display: none;
}




  .imageList {
    width: 100%;
    display: flex;
    text-align: center;
    align-items: flex-start;
    flex-direction: row;
	flex-wrap:wrap;
}
.imageList__thumbs {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    overflow: hidden;
    width: 100%;
    margin-left: 0px;
    margin-top: 32px;
    flex-direction: row;
}

.spab {
  display: block;
  width: 100% !important;
}

.spab h4 {
  display: block;
  text-align: left;
}

.imageList__thumbnail {
    margin-left: 5px;
    margin-right: 5px;
    width:calc(25% - 10px);
    height: 100px;
    margin-bottom: 10px;
    overflow: hidden;
}


  .imageList__view {
    width: calc(100% - 0px);
    height: auto;
    height: auto;
    overflow: hidden;
}
.imageList img {
    width: auto;
    display: block;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}
  
  
  .kasoh3b {
    display: inline-block;
    margin: 0 32px !important;
    border-left: none !important;
    padding: 24px 8px 8px !important;
    font-size: 24px !important;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    border-left: none !important;
}

p {
    font-size: 14px;
    line-height: 1.6em;
    margin: 0 0 20px 0;
}

.headsub {
  display: none;
}
.tel_head {
  display: none;
}

.topnews_in3 {
    display: none;
}
.topnews_in2 {
    background: #fff;
    width:calc(100% - 0px);
    float: left;
    height: 70px;
}
.topnews_in {
    display: none;
}
.tel_foot {
  text-align: center; 
  max-width: 260px;
  margin: 32px auto;
}

.tel_head_btn {
    padding: 8px 16px;
    margin-top: 12px;
    text-align: center;
    background: #111;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    
}

.font48 {
    font-size: 6vw;
}

.w45per {
    width: 100%;
}

.w50per {
    width: 100%;
}

.articles4 {
  width: 48%;
  height: 400px;
  margin: 10px 1%;
  overflow: hidden;
}

.articles4:nth-child(4n+4) {
  width: 48%;
  height: 400px;
  margin: 10px 1%;
  overflow: hidden;
}

.articles4 a img {
  min-height: 400px;
  min-width: 100%;
  width: auto;
  object-fit: cover;
    -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.articles4 a img:hover {
  width: auto;
  object-fit: cover;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  transform:scale(1.1,1.1);
}





.articles4b {
  width: 48%;
  height: 430px;
  margin: 10px 1%;
  overflow: hidden;
  margin-bottom: 64px;
}

.articles4b:nth-child(4n+4) {
  width: 48%;
  height: 430px;
  margin: 10px 1%;
  overflow: hidden;
  margin-bottom: 64px;
}
.articles4c {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.articles4c a img {
  min-height: 400px;
  min-width: 100%;
  width: auto;
  object-fit: cover;
    -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.articles4c a img:hover {
  width: auto;
  object-fit: cover;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  transform:scale(1.1,1.1);
}

.kocate li a {
    background: #000;
    color: #fff;
    padding: 8px 8px;
}








.three {
    width: calc(100% - 0px);
    margin: 0 0 16px;
    text-align: left;
}
.three a {
    color: #111;
    font-size: 14px;
    padding: 0px 24px 0 0;
    height: auto;
    overflow: hidden;
    line-height: 24px;
    text-align: left;
    display: block;
    background: url(images/ya_b.png) no-repeat right center;
    background-size: 8px;
}

.drawer-hamburger {
    position: absolute !important;
    z-index: 9999999999 !important;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
}


.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #333 !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

.drawer-nav {
    position: fixed;
    z-index: 999999 !important;
    top: 0;
    overflow: hidden;
    width: 13rem !important;
    height: 100%;
    color: #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a692+0,1eb2e9+100 */
background: #00b44b !important;
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 13rem !important;
}




.drawer-overlay {
    position: fixed;
    z-index: 9999 !important;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

.drawer-hamburger {display: block !important;}

.pc {display: none;}
.sp {display: block;}
.main h1 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  bottom: 32px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  color: #fff;
  /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif; font-weight: 200;
  font-size: 4vw;

  }
  
  #main {
    max-width: 720px;
    width: auto;
    margin: 20px auto;
}

.tttl {
    background: url(images/annai_03.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
    width: auto;
    margin: 8px 0;
    text-align: left !important;
}
.tttl h3 {
    background: #fff;
    padding: 4px 16px;
    font-size: 24px;
    /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
    display: inline-block;
    line-height: 48px;
    font-weight: 400;
    color: #1285c1;
    margin: 0;
    display: none;
}

}





@media screen and (max-width: 640px){

.mrufont {
	font-size: 14px !important;
}

.mrufont td{
	font-size: 14px !important;
	text-align: left;
}

.tbl_big {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #222;
}

.single_ttls {
	text-align: center;
	font-size: 18px;
	padding: 24px 24px 0;
}
	
	.w70per {width: 100%;}
	.w30per {width: 100%;}
	
.grn_wk {
    padding: 8px 24px;
    background: #23b406;
    color: #fff !important;
    border-radius: 16px;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
}
.pink_wk {
    padding: 8px 24px;
    background: #ee778b;
    color: #fff !important;
    border-radius: 16px;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
}


	.fourr {
    width: calc(50% - 16px);
    margin: 32px 8px;
    text-align: center;
}
.fourr h6 {
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: #2f2e5c;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    margin: 10px 0;
    padding: 0;
}
.fourr p {
    font-size: 13px;
    color: #2f2e5c;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    text-align: left;
    margin: 16px 0 0 0;
    padding: 0;
}

	.threess {
    width:calc(100% - 32px);
    margin: 32px 16px;
    text-align: center;
}

	th {
    width: 100px;

    padding: 24px 8px;
    text-align: left;
    color: #014a70;
}
	#primary h2 {
    padding: 4px 0px;
    font-size: 20px;
    /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
    display: block;
    line-height: 1.5em;
    font-weight: 400;
    color: #222;
    margin: 32px 0;
    text-align: center;
}
.footerbox1 {
    width: 100%;
    text-align: center;
}
.footerbox2 {
    width: calc(100% - 0px);
    text-align: center;
    border-left: none;
    margin-top: 32px;
}
.halff {
    width: 100%;
    min-width: 280px;
    margin-top: 32px;
}

.footerbox p {display: none;}

.dl_boxs_in .ul50 li {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2em;
    text-align: left;
}
.dl_boxs {
    background: url(img/datatrack_01.png) no-repeat right bottom #1eb2e9;
    background-size: 200px;
    padding: 64px 24px 160px;
    margin: 32px 0;
    width: auto;
    min-height: 200px;
}

.jpms_boxs {
    background: url(img/jpms_04.png) no-repeat right bottom #00a692;
    background-size: 200px;
    padding: 64px 24px;
    margin: 32px 0;
    width: auto;
    min-height: 200px;
}

.dl_boxs_in {
    width: 100%;
}
  
.kasoh3 {
    display: inline-block;
    margin: 0 auto !important;
    border-left: none !important;
    padding: 8px !important;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    border-left: none !important;
    color: #1285c1;
}

#main h3 {
    font-size: 20px;
    text-align: center;
    padding: 0 0 15px 0;
    margin: 20px;
    line-height: 1.7em;
    margin: 20px auto 30px;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
    color: #1285c1;
    background: url(img/kaso_h3.jpg) no-repeat center top;
    background-size: 50px;
    padding-top: 50px;
}

.main {
    height: 449px;
    padding: 0 32px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main h1 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  bottom: 32px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  color: #fff;
  /*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
font-family:'M PLUS Rounded 1c',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif; font-weight: 200;
  font-size: 5vw;

  }
.main_mov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
    z-index: 0;
    background: #111;
    object-fit: cover;
}
.main_mov video {
    width: 100%;
    min-height: 600px;
    height: auto;
    z-index: 0;
    object-fit: cover;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
  .main img {
    width: 100%;
    max-width: 700px;
    min-width: 240px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    bottom: 32px;
}
  .headerttl {
    width: 160px;
    padding: 16px 24px;
}
#footer_contact {
    width: 80px;
    height: auto;
    position: fixed;
    right: 32px;
    bottom: -200px;
    border-radius: 50%;
    z-index: 9;
}
#footer_contact img {
    width: 80px;
    height: auto;
}
h2 span {
    padding: 0;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    color: #2f2e5c;
    font-weight: 200;
    font-size: 18px;
}
.newsss_in3 a {
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    color: #2f2e5c;
}
.threess {
    width: 100%;
    margin: 8px 0;
    text-align: center;
}
.fives {
    width: 45%;
    padding: 0 2.5%;
}
.fives p {
    font-size: 11px;
    color: #013957;
    letter-spacing: 0.05em;
    line-height: 1.7em;
}
.content_border {
    max-width: 1136px;
    width: auto;
    border-bottom: none;
    padding-bottom: 0px;
    margin: 32px 24px 32px 24px !important;
}
.productbox {
    background: #fff;
    padding: 32px 24px 48px 24px;
    margin: 0;
    text-align: center;
    border-radius: 32px;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.24);
    width: auto;
    max-width: 260px;
    display: block;
}
.productbox img {
    max-width: 100%;
}
footer img {max-width: 180px;}

h2 {
    padding: 4px 24px;
    font-size: 20px;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    display: block;
    line-height: 32px;
    font-weight: 400;
    color: #222;
    margin: 32px 0 24px !important;
    margin-top: 8px !important;
    text-align: center;
}

.mrufont th {
    width: 50px;
    font-size: 14px !important;
    background: none !important;
    border: none !important;
}


/*GO TOP*/
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 30px;
  bottom: -50px;
  border-radius: 50%;
  z-index: 1002;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

}

@media screen and (max-width: 400px){
}


/*園児募集　20211012*/
._2022_con{
	margin-bottom: 50px;
	position: relative;
}
._2022_baloon{
	color: #ffffff;
	background-color: #FF3399;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 650px){
	._2022_baloon{
		top: -130px;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		font-size: 0.6em;
		line-height: 1.5em;
	}
}

._2022_con strong{
	font-size: 1.2em;
}

._2022_waku{
	padding: 15px;
	border: 3px solid #FF3399;
	border-radius: 10px;
	margin-bottom: 20px;
}
._2022_astarisk{
	font-size: 1em;
}
._2022_color{
	color: #FF3399;
}
._2022_strong{
	color: #FF3399;
	font-weight: bold;
}