@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
  height: 100%;
}

body {
	color: #111;
	background-color: #FFFFFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

li {
	list-style-type: none;
}

a {
	color: #0066CC;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.font_left{
    text-align: left;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 300;
}

header h1 a img {
	display: block;
	position: absolute;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #EEE;
	background-color: #0085B2;
}
header .h_btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border: 5px solid #0085B2;
}
header .h_tel a {
	display: block;
	text-align: left;
	position: absolute;
	text-decoration: none;
	color: #036;
	font-size: 16px;
	width: 420px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 1.4em;
	height: 77px;
}

header .h_tel a strong {
	font-size: 140%;
}
header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 0px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

.pankuzu {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #999;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #111;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 50px;
}
.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#top_slide {
	padding-top: 100px;
	background-color: #000;
	padding-bottom: 5px;
}

#sub_top {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	line-height: 30px;
	padding-top: 270px;
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #191970;
	font-size: 26px;
    font-weight: 600;
	letter-spacing: 0.5em;
	-moz-text-shadow: 0px 0px 15px #fff;
	-webkit-text-shadow: 0px 0px 15px #fff;
	-ms-text-shadow: 0px 0px 15px #fff;
	text-shadow: 0px 0px 15px #fff;
    /*　rgba(0, 0, 0, 0.5);　*/
    
}

.content h2 {
	font-size: 36px;
	line-height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #61C1BE;
	letter-spacing: 1px;
	color: #036;
	text-align: center;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}

.content h2 span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 50%;
	font-weight: normal;
}

.content .c2 h2 {
    color:#AB9E56;
}

.content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 0px;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 40px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	color: #111;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	clear: both;
}

.content h3::after {
	display: block;
	width: 5px;
	height: 26px;
	position: absolute;
	top: 15px;
	left: 20px;
	background-color: #61C1BE;
	content: '';
}

.content h3 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}


.content h4 {
	font-size: 22px;
	color: #61C1BE;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.content h4 span {
	font-size: 20px;
    font-weight: normal;
	color: #000;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    margin-top:20px;
}

@media screen and (max-width: 767px) {
    h4 {
        pading-left: 10px;
    }
}

.content h5{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #61C1BE;
    /*     */
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	position: relative;

	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	clear: both;
}

.content h6{
	font-size: 24px;
	color: #0085B2;
	letter-spacing: 0.1em;
	font-weight: bold;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
}

.content h7{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
    width:100%;
    background-color: #008b8b;
    /*     */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;

	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	clear: both;
}


.content p {
	font-size: 20px;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
}

.content .ul_news li {
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 3px;
    /*　block　
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #393535;
    */
	font-size: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news li span.news_date {
	color: #000;
	padding-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #393535;
}

.content .ul_news li span.news_icon {
	color: #FFF;
	padding: 5px;
	display: inline-block;
	padding-right: 5px;
	background-color: #FF6600;
	margin-right: 10px;
    line-height: 100%;
	font-weight: bold;
    vertical-align: 4px;
	font-size: 16px;
}

.content .ul_news li span.news_icon.cl_02 {
	background-color: #009999;
}

.content .ul_news li span.news_icon.cl_03 {
	background-color: #4169e1;
}

.content .ul_news li span.news_icon.cl_04 {
	background-color: #c71585;
}

.content .ul_news li span.news_icon.cl_05 {
	background-color: #696969;
}
.content .ul_news li span.news_icon.cl_06 {
	background-color: #5DADEC;
}


.content .ul_news li span.ml {
    margin-left: 25px;
}

.content .ul_news p {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 30px;
	margin-left: 30px;
}

.text_underline{
    text-decoration: underline;
}

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}


.img_center_tbox {
	display: block;
	margin:10px auto;
    text-align: center;
}


.img_left {
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
.img_right {
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}

.m_left1 {
    margin-left: 20px;
}

.m_left2 {
    margin-left: 40px;
    margin-top: 10px;
}

.m_left3 {
    margin-left: 30px;
}

.m_ct {
    margin-left: 60px;
    margin-right: 60px;
}

.m_left50 {
    margin-left: 50px;
    margin-right: 50px;
}

@media screen and (max-width:480px){
    .m_ct {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .m_left50 {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.text_center{
    text-align: center;
}

.text_center_b{
    text-align: center;
    font-size: 20px；
}

.text_right{
    text-align: right;
    margin-right: 20px;
}

.text_center18{
    text-align: center;
    margin-right: 18px;
}

.text_c_riha{
    text-align: center;
    font-size: 36px;
	font-weight: 600;
    letter-spacing: 0.2em;
}



.riha_title_border{
    font-size: 36px;
	font-weight: 600;
    letter-spacing: 0.2em;
    align-items: center; /* 横線を上下中央 */
    display: flex; /* 文字と横線を横並び */
    justify-content: center; /* 文字を中央寄せ */
}
.riha_title_border:before,
.riha_title_border:after {
    background-color: #b0c4de; /* 横線の色 */
    content: "";
    height: 3px; /* 横線の高さ */
    display: inline-block;
    width: 100px; /* 横線の長さ */
}
.riha_title_border:before {
    margin-right: 20px; /* 文字との余白 */
}

.riha_title_border:after {
    margin-left: 20px; /* 文字との余白 */
}


.text_b600{
    font-weight: 600;
}

/* スマフォ　PC br分岐　*/
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}

@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

.content .effect .service1 {
    list-style-type: square;
    list-style-position: outside;
    margin-left:70px;
    margin-top: 15px;
}

.content .effect .service2 {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 70px;
    margin-top: 15px;
}


/*
お問い合わせ部分
-------------------------------------------*/
.box_contact {
	background-color: #F0F8FF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.box_contact.only_tel {
	background-image: none;
}

.box_contact h3 {
	color: #006384;
}

.box_contact p {
	margin-top: 10px;
	margin-bottom: 20px;
}
/* block  */

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #0085B2;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

.box_contact .tel a {
	font-size: 30px;
	font-weight: bold;
	color: #0085B2;
	text-decoration: none;
}
.box_contact .tel a strong {
	font-size: 150%;
}
.box_contact .tel a i {
	padding-right: 10px;
	font-size: 120%;
}

@media screen and (min-width:960px){
	
.box_contact .box_in {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_contact .btn {
	float: left;
	width: 50%;
}

.box_contact .tel {
	float: right;
	width: 50%;
}

.box_contact.only_tel .tel {
	float: none;
	width: 100%;
}

}

@media screen and (max-width:480px){
.box_contact .btn a {
	font-size: 18px;
}
.box_contact .tel a {
	font-size: 24px;
}

}

/*-----トップへ戻るボタン------*/

.to_top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 10px;
	background-color: #0085B2;
	padding: 20px;
	height: 30px;
	width: 30px;
}
.to_top a:hover {

}

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

footer {
	background-color: #9DCC9D;
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
}

footer ul.f_bn {
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #9DCC9D;
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover {
	background-color: #9DCC9D;
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 200%;
}

footer ul.f_list {
	display: block;
	width: 30%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
    padding-left: 20px;
}

footer ul.f_list li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 2px;
}

footer ul.f_list li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
}

footer ul.f_list li li a:hover {
	background-color: #9DCC9D;
}

footer ul.f_list li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}

address {
	font-size: 12px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #008A83;
}

footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #003866;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0085B2;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color:#FFF;
}

/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_01 th {
	font-size: 20px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_01 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 820px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
	font-size: 20px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table.table_02 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}

.content table.table_02 .tr_gr th {
	background-color: #EEE;
}
.content table.table_02 .tr_gr td {
	background-color: #F9F9F9;
}

.content table.table_02 td .price {
	font-size: 150%;
	white-space: nowrap;
	color: #006384;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

.content table.table_03 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_03 th,
.content table.table_03 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8a2be2;
	padding: 20px;
}
.content table.table_03 th {
	font-size: 20px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_03 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}
.content table.table_03 td p {
	font-size: 20px;
	line-height: 1.8;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
    text-indent: -1em;
    padding-left: 1em;
}
.content table.table_03 td p.indent-3{
    padeing-left:1em;
    text-indent:-1em;
    padding-top:0px;
    padding-bottom:0px;
    margin-left: 20px;
}

.content table.table_04 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_04 th,
.content table.table_04 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b3b3b3;
	padding: 20px;
}
.content table.table_04 th {
	font-size: 20px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
	background-color: #f5f5f5;
    font-weight: 600;
    color: #ff8095;
    text-align: left;
    vertical-align: top;
}
.content table.table_04 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #f5f5f5;
}
.content table.table_04 td p {
	font-size: 20px;
	line-height: 1.8;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
    text-indent: -1em;
    padding-left: 1em;
}
.content table.table_04 td p.indent-3{
    padeing-left:1em;
    text-indent:-1em;
    padding-top:0px;
    padding-bottom:0px;
    margin-left: 20px;
}

/* スマフォ　PC br分岐　*/
@media screen and (min-width: 650px){	
  .content table.table_03 td p.br-pc { display:block; }
  .content table.table_03 td p.br-sp { display:none; }
}

@media screen and (max-width: 650px){	
  .content table.table_03 td p.br-pc { display:none; }
  .content table.table_03 td p.br-sp { display:block; }
}

.small {
	font-size: 80%;
	color: #666;
}
.chui {
	color: #F03600;
}

.table_01 th span {
	font-size: 12px;
	color: #CCC;
}

/*　none　
.content table.table_03 {
	width: 96%;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 40px;
}
.content table.table_03 th,
.content table.table_03 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_03 th {
	font-size: 20px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
    text-align: left;
	width: 33%;
}
.content table.table_03 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}
　*/

/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	clear: both;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #f0f8ff;
	color: #4682b4;
    font-weight: 600;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #c71585;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
    border-right: 12px solid transparent;
    border-top: 20px solid #c71585;
    border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
@media screen and (max-width: 767px) {
    .content dl.faq dt {
        font-size: 16px;
    }
    .content dl.faq dt span {
        font-size: 16px;
    }
    
}


/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 80px;
    padding-top: 20px;
	padding-left: 20px;
}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
グーグルカレンダー
-------------------------------------------*/

.googleCalendar iframe {
  width: 100%;
  height: 400px;
}

@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}


/*
実績一覧
-------------------------------------------*/
ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li {
	width: 20%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list li .works_icon {
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background-color: #099;
	z-index: 50;
}

ul.works_list li a {
	display: block;
	padding: 20px;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
	width: auto;
	width: 100%;
	height: 150px;;
	object-fit: cover;
}
ul.works_list li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    -ms-filter:brightness(1.5);
    filter:brightness(1.5);
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	color: #000;
	background-color: #F6F6F6;
}

/*
スライダー
-------------------------------------------*/
.sp-thumbnail-container img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#top_slide .top_catch {
	font-size: 5vw;
	line-height: 1.2;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 45%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-ms-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
}
#top_slide .top_catch span {
	font-size: 110%;
}

#top_slide .top_catch2 {
	font-size: 2.5vw;
	line-height: 1.5;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 45%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-ms-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
}
#top_slide .top_catch2 span {
	font-size: 140%;
}

#top_slide .top_catch2  a{
    text-decoration: none;
    color: #FFF;
}

#top_slide .top_catch2  a:hover{
    text-decoration: none;
    color: #FFF;
}

#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
	background-color: #FFF;
	color: #111;
}

/*
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-color: #012;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pickup ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
	width: 33%;
	max-height: 220px;
	position: relative;
}
.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0085B2;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
.pickup ul li a div {
	position: absolute;
	top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	height: auto;
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.pickup ul li a div .pu_title {
	display: block;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

.pickup ul li a img {
	-webkit-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    -ms-filter:brightness(0.5);
    filter:brightness(0.5)
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* デフォルト　1.5　*/
.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.0);
    -moz-filter:brightness(1.0);
    -ms-filter:brightness(1.0);
    filter:brightness(0.7);
}

@media screen and (min-width:960px){
body {
	font-size: 20px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}
/*
ヘッダー
-------------------------------------------*/
header {
	height: 140px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

header h1 a img {
	top: 6px;
	left: 10px;
}

header .h_btn a {
	width: 160px;
	top: 14px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
header .h_tel a {
	top: 5px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}

header.fixed {
	height: 100px;
}

header.fixed h1 a img {
	height: 40px;
	top:5px;
}
header.fixed .h_btn a,
header.fixed .h_tel a {
	top: 5px;
}

.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	width: 98%;
	padding-left: 2%;
	display: block !important;
	height: 50px;
    position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 800;
}

#g_navi ul.navi_base {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: 9%;
	padding-top: 15px;
	height: 35px;
	display: block;
	color: #006661;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	position: relative;
	float: left;
}

#g_navi li a::before {
	display: block;
	height: 2px;
    position: absolute;
	top: 2px;
	width: 70%;
	left: 15%;
	background-color: #FFF;
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: #61C1BE;
	top:0px;
}

#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a {
	color: #fff;
	background-color: #61C1BE;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a.ac_menu:hover {
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
    position: absolute;
	bottom: -10px;
	left: 50%;
 	margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFF;
  border-left: 15px solid transparent;
 	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
  border-bottom: 20px solid #61C1BE;
}

#g_navi ul li div {
    position: absolute;
    z-index: 2000;
	top: 50px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-color: #61C1BE;
}
#g_navi ul li ul{
  width: 96%;
  padding-left: 2%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#g_navi li ul li a {
	width: 21%;
	padding-left: 3%;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
	height: auto;
	color: #FFF;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#g_navi li ul li a::after {
	content: "+";
	color: #FFF;
    position: absolute;
    display: block;
	left: 15px;
	top: 8px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color: #006661;
}
#g_navi ul li ul li a:hover{
	color: #006661;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}
    
#g_navi .tc_pink {
    color: #ed1e79;
    font-weight: 800;
    font-size: 18px;
}
    
#g_navi ul li:hover > a .tc_pink {
    color: #fff;
    font-weight: 800;
}
    

header.fixed #g_navi {
	height: 40px;
}

header.fixed #g_navi ul li div {
	top: 40px;
}

header.fixed #g_navi li a {
	padding-top: 10px;
	height: 30px;
}

header.fixed #g_navi li ul li a {
	padding-top: 9px;
	height: 22px;
}

/*
サブトップ
-------------------------------------------*/
#sub_top.con1 {
	background-image: url("../webp/cont_head/cont_1_pc.webp")
}
#sub_top.con2 {
	background-image: url("../webp/cont_head/cont_2_pc.webp")
}
#sub_top.con3 {
	background-image: url("../webp/cont_head/cont_3_pc.webp")
}
#sub_top.con4 {
	background-image: url("../webp/cont_head/cont_4_pc.webp")
}
#sub_top.con5 {
	background-image: url("../webp/cont_head/cont_5_pc.webp")
}
#sub_top.con6 {
	background-image: url("../webp/cont_head/cont_6_pc.webp")
}
#sub_top.con7 {
	background-image: url("../webp/cont_head/cont_7_pc.webp")
}
#sub_top.con8 {
	background-image: url("../webp/cont_head/cont_8_pc.webp")
}
#sub_top.con9  {
	background-image:url("../webp/cont_head/con_staff_pc1.webp")
}
#sub_top.con10 {
	background-image: url("../webp/cont_head/cont_10_pc.webp")
}
#sub_top.con11 {
	background-image: url("../webp/cont_head/cont_12_pc.webp")
}
#sub_top.download {
	background-image: url("../webp/cont_head/cont_download_pc.webp");
} 
#sub_top.access {
	background-image: url("../webp/cont_head/cont_access_pc.webp")
}
#sub_top.group {
	background-image: url("../webp/cont_head/cont_group.webp");
}         
#sub_top.faq {
	background-image: url("../webp/cont_head/cont_faq_pc.webp")
}

.no_pc {
	display: none;
}

}
/*(/960～)*/


@media screen and (min-width:1200px){
header .h_btn a {
	right: 672px;
	margin-right: -600px;
}
header .h_tel a {
	right: 461px;
	margin-right: -400px;
}
header h1 a img {
	left:50%;
	margin-left: -600px;
}

}
/*(/1200～)*/

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

body {
	font-size: 18px;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

ul.works_list li {
	width: 33.3%;
}

#top_slide {
	padding-top: 50px;
}

#sub_top {
	height: 100px;
	padding-top: 120px;
	letter-spacing: 0.5em;
	font-size: 18px;
}

/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}


.menu_btn.opened  span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px); 
}
    
.menu_btn::after{
    content: 'MENU';
    font-size:10px;
    color:#333;
    position: absolute;
    top:-5px;
    left: 5px;
    font-weight: 600;
}
.menu_btn.active::after{
    content: '';
}
    
/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}

#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

#g_navi ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
}
#g_navi ul li a:hover {
	color: #999;
}

body.fixed {
	overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}

#g_navi ul li ul li a:hover {
	color: #999;
}
    
#g_navi .tc_pink {
    color: #ed1e79;
    font-weight: 800;
}


/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}

header {
	height: 55px;
}

header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
}

header .h_btn a {
	width: 200px;
	top: 5px;
	right: 55px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel a {
	top: 10px;
	right: 150px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel img {
    display: none;
}

    
header .h_menu {
	display: none;
}

header #info {
	display: none;
}
    
.no_sp {
    display: none;
    }

/*
サブトップ
-------------------------------------------*/
#sub_top.con1 {
	background-image: url("../webp/cont_head/cont_1_sp.webp")
}
#sub_top.con2 {
	background-image: url("../webp/cont_head/cont_2_sp.webp")
}
#sub_top.con3 {
	background-image: url("../webp/cont_head/cont_3_sp.webp")
}
#sub_top.con4 {
	background-image: url("../webp/cont_head/cont_4_sp.webp")
}
#sub_top.con5 {
	background-image: url("../webp/cont_head/cont_5_sp.webp")
}
#sub_top.con6 {
	background-image: url("../webp/cont_head/cont_6_sp.webp")
}
#sub_top.con7 {
	background-image: url("../webp/cont_head/cont_7_sp.webp")
}
#sub_top.con8 {
	background-image: url("../webp/cont_head/cont_8_sp.webp")
}
#sub_top.con9 {
	background-image: url("../webp/cont_head/con_staff_sp1.webp")
}
#sub_top.con10 {
	background-image: url("../webp/cont_head/cont_10_sp.webp")
}
#sub_top.con11 {
	background-image: url("../webp/cont_head/cont_12_sp.webp")
}
#sub_top.download {
	background-image: url("../webp/cont_head/cont_download_sp.webp");
} 
#sub_top.group {
	background-image: url("../webp/cont_head/cont_group_sp.webp");
}         
#sub_top.access {
	background-image: url("../webp/cont_head/cont_access_sp.webp")
}
#sub_top.faq {
	background-image: url("../webp/cont_head/cont_faq_sp.webp")
}


}

/*(/～960)*/


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

#top_slide .top_catch {
	font-size: 6vw;
	top: 44%;
}
#top_slide .slide_btn a {
	font-size: 16px;
	bottom: 10%;
	line-height: 32px;
	width: 260px;
	margin-left: -130px;
}
.pickup ul li {
	width: 100%;
	max-height: 130px;
	margin-bottom: 1px;
}
.pickup ul li a div {
		font-size: 12px;
}

header h1 a img {
	top:5px;
	height: 40px;
}

header .h_btn a {
	width: 50px;
	top: 10px;
	right: 50px;
	font-size: 18px;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 50px;
}
header .h_tel a span,
header .h_btn a span {
	display: none;
}


.content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content p {
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list {
	padding: 10px;
}

ul.works_list li {
	width: 50%;
}

ul.works_list li a {
	padding: 10px;
}

.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

.box_contact p {
	font-size: 14px;
}

ul.f_bn li a span {
	display: none;
}

footer .f_bn li a i {
	padding-right: 0px;
}

footer .cont_wrap {
	display: none;
}

}
/*(/～640)*/

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

input,
textarea {
	max-width: 300px !important;
}
    
.content .ul_news li span.news_icon {
	font-size: 14px;
}

.content table.table_01 th,
.content table.table_01 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-size:14px;
}

.content table.table_01 th {
	background-color: #F6F6F6;
}

.content table.table_03 th,
.content table.table_03 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-size: 14px;
}

.content table.table_03 th {
	background-color: #F6F6F6;
}


.content table.table_04 th,
.content table.table_04 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content table.table_04 th {
	background-color: #F6F6F6;
}


#sub_top {
	font-size: 16px;
}


.content h2 {
	font-size: 20px;
}
    
.content h3 {
	font-size: 16px;
}
    
.content h4 {
	font-size: 16px;
    margin-left: 20px;
}
    
.content h5 {
	font-size: 16px;
    margin-left: 20px;
    margin-right: 10px;
    line-height: 100%;
}


.content p{
	font-size: 14px;
    }
.content .ul_news li {
	font-size: 14px;
}
.content .ul_news p {
	font-size: 14px;
}

}
/*(/～460)*/


/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

/*イメージの横・縦配置可変
---------------------------------------------------------------------------*/
 .flexbox {
     display: flex;
}

.flexbox h5{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 5px;
	background-color: #3dada4;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	clear: both;
}

.flexbox p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

 .fbox1 {
     width: 50%;
     margin: 10px 5px 5px 15px;
 }
 .fbox1 img{
     width: 100%;
 }

 .fbox2 {
     width: 50%;
     margin: 10px 15px 5px 5px;

 }
 .fbox2 img{
     width: 100%;
 }


 .fbox3 img{
     width: 100%;
 }

 .fbox3 {
     width: 50%;
     margin: 5px 5px 5px 5px;
 }
 .fbox4 img{
     width: 100%;
 }

 .fbox4 {
     width: 50%;
     margin: 5px 5px 5px 5px;
 }



 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .fbox1 {
         width: 100%;
		margin: 5px 0px;
     }
     .flexbox .fbox2 {
         width: 100%;
		margin: 5px 0px;
     }
     .flexbox .fbox3 {
         width: 100%;
		margin: 5px 0px;
     }
     .flexbox .fbox4 {
         width: 100%;
		margin: 5px 0px;
     }
    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 100%;
        text-align: center；
    }
 }

@media screen and (max-width:460px){
     .flexbox {
         display: block;
     }
     .flexbox p{
         font-size: 14px;
     }
     .flexbox .fbox1 {
         width: 100%;
         margin: 5px;
     }
     .flexbox .fbox2 {
         width: 100%;
         margin: 5px;
     }
	/*　none
    .fbox1,fbox2 p{
        font-size: 70%;
    }
	*/

     .flexbox .fbox3 {
         width: 95%;
         margin: 5px;
     }
     .flexbox .fbox4 {
         width: 95%;
         margin: 5px;
     }
    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 95%;
        text-align: center；
    }
 }

/*
ハイパーサーミア他テキストカラー
-------------------------------------------*/

#ht ul li{
    list-style-type: disc;
    margin-left: 70px;
} 

.font_color_orange {
    color: #E25114;
}

.font_color_red {
    color: #F80206;
}

.font_color_pink {
    color: #F02B99;
    font-weight: 600;
}

.font_color_blue {
    color: #2791C9;
    font-weight: 600;
}


.font_color_ublue {
    color: #63E5C2;
}

.font_color_green {
    color: #71908A;
}

.font_color_yellow {
    color: #ffff00;
}

.font_color_pink2{
    color: #ff8095;
}

h2 .font_color_cp1{
    color: #AB9E56;
}

/*
医療連携　
-------------------------------------------*/
.content  .font-size{
    42px;
    font-weight: 600;
}

/*
健康講座　
-------------------------------------------*/
.content .tf_font{
	font-size: 36px;
	color: #008080;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
    line-height: 50%;
    clear: both;
}

.content .tf_font a{
    text-decoration: none;
    color:#008080;
}

.content .tf_font a:hover{
    text-decoration: none;
}


.content .m_left{
    margin-left: 50px;
    margin-top: 0px;
	margin-bottom:20px;
    line-height: 150%;
}

/*
感染対策防止
-------------------------------------------*/

.icon_subtitle {
	font-size: 30px;
	color: #0085B2;
	text-decoration:underline #0085B2;
	letter-spacing: 0.1em;
	font-weight:600;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.icon_t {
    margin-top: 0px;
}

.icon_t_bcolor{
    background-color: #BDE7F2;
}

.icon_subtitle span{
    color: #59b395;
}

.info_ul_bold{
    font-weight: 600;
    text-decoration: underline;
}

.img_center{
    text-align: center;
    margin: 0px auto;
    padding: 0px 0px 10px 0px;
}


/*
入院関係　必要なものBOX
-------------------------------------------*/
.box_inp {
    margin: 2em 2em;
    background: #fff;
    border: solid 2px #e57b8a ;
}
.box_inp .box-title {
    font-size: 1.2em;
    background: #e57b8a;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_inp p {
    padding: 15px 20px;
    margin: 0;
}
.color_vpink{
    color:#e57b8a;
    font-weight: 600;
}

/*
入院関係　面会時間BOX
-------------------------------------------*/
.box_menkai {
    margin: 2em 5em;
    background: #fff;
    border: solid 2px #e57b8a;
}
.box_menkai .box-title {
    font-size: 1.2em;
    background: #e57b8a;
    padding: 4px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_menkai p {
    padding: 15px 40px;
    margin: 0;
    text-align: left;
    font-size: 1.2em
}
.color_vpink{
    color:#e57b8a;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .box_menkai {
        margin: 2em 2em;
        background: #fff;
        border: solid 2px #e57b8a ;
    }
    .box_menkai .box-title {
        font-size: 1.2em;
        background: #e57b8a;
        padding: 4px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        letter-spacing: 0.05em;
    }
    .box_menkai p {
        padding: 15px 0px;
        margin: 0;
    }
}

/*
画像入替
-------------------------------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important; 
}
.sp {
    display: none !important; 
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 650px) {
.pc {
    display: none !important;
    }
.sp { 
    display: block !important; 
    }
}

/*
1字下げインデント
-------------------------------------------*/
p.indent-1{
    margin-left: 50px;
    padeing-left:1em;
    text-indent:-1em;
}

p.indent-2{
    padeing-left:1em;
    text-indent:-1em;
    padding-top:0px;
    padding-bottom:0px;
}

.magin_left10{
    margin-left:10px;
}

@media only screen and (max-width: 650px) {
  p.indent-1{
      margin-left: 20px;
    }
}


/*
入院面会1字下げインデント
-------------------------------------------*/
.menkai_in{
    margin-left:30px;
}
.menkai_in p.indent-1{
    padeing-left:1em;
    text-indent:-1em;
    line-height:120%;
    padding-top:0px;
    padding-bottom:0px;
}

/*
下4バナーマージン
-------------------------------------------*/
.tb_margin4b{
    margin-top: 10px;
}


/*
外来　専門外来
-------------------------------------------*/
.b_underline {
    font-weight: 600;
    text-decoration: underline;
}

/*
訪問看護
-------------------------------------------*/
.subtitle_p_center{
    color: #ed1e79;
    font-size: 24px;
    font-weight: 600;
}

.box_16{
    width:95%;
    background-color: #FFFFFF;
    border:1px #ff8095 solid;
    pading:10px;
}


/*(/～751)PC電話リンクカット*/
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/*
3カラム画像配置
-------------------------------------------*/
.flexbox3 {
	display: flex;
}

.flexbox3 p{
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 5px;
   margin-top: 0px;
   margin-left: 10px;
}

.fb1 {
	width: 32%;
	margin: 10px 5px 5px 15px;
}
.fb1 img{
	width: 100%;
}

.fb2 {
	width: 32%;
	margin: 10px 5px 5px 5px;

}
.fb2 img{
	width: 100%;
}

.fb3 {
	width: 32%;
	margin: 10px 10px 5px 5px;

}
.fb3 img{
	width: 100%;
}



@media screen and (max-width: 767px) {
	.flexbox3 {
		display: block;
	}
	.flexbox3 .fb1 {
		width: 100%;
		margin: 5px 0px;
	}
	.flexbox3 .fb2 {
		width: 100%;
		margin: 5px 0px;
	}
	.flexbox3 .fb3 {
		width: 100%;
		margin: 5px 0px;
	}
   .img_center_tbox {
	   display: block;
	   margin:10px auto;
	   width: 100%;
	   text-align: center；
   }
}

@media screen and (max-width:460px){
	.flexbox {
		display: block;
	}
	.flexbox .fb1 {
		width: 95%;
		margin: 5px;
	}
	.flexbox .fb2 {
		width: 95%;
		margin: 5px;
	}
	.flexbox .fb2 .fb3{
		width: 95%;
		margin: 5px;
	}
   /*　none
   .fbox1,fbox2 p{
	   font-size: 70%;
   }
   */
   .img_center_tbox {
	   display: block;
	   margin:10px auto;
	   width: 95%;
	   text-align: center；
   }
}

/*イメージの横・縦配置可変　30：70
---------------------------------------------------------------------------*/
 .flexbox37 {
     display: flex;
}

.flexbox37 .fb371 h4 {
	font-size: 22px;
	color: #61C1BE;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox37 .fb372 h4 {
	font-size: 22px;
	color: #61C1BE;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox37 p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 10px;
}

 .fb371 {
     width: 32%;
     margin: 10px 5px 5px 15px;
 }
 .fb371 img{
     width: 100%;
 }

 .fb372 {
     width: 64%;
     margin: 10px 15px 5px 5px;

 }
.fb372 img{
     width: 100%;
 }

 @media screen and (max-width: 767px) {
     .flexbox37 {
         display: block;
     }
     .flexbox37 .fb371 h4 {	 
	    font-size: 16px;
     }
     .flexbox37 .fb372 h4 {	 
	    font-size: 16px;
     }
     
     .flexbox37 p{
         font-size: 14px;
     }
	 
     .flexbox37 .fb371 {
         width: 100%;
         margin: 0 auto;
     }
      .flexbox37 .fb372 {
         width: 100%;
         margin: 0 auto;
     }
    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 100%;
        text-align: center；
    }
 }

@media screen and (max-width:460px){
     .flexbox37 {
         display: block;
     }
      .flexbox37 .fb371 {
         width: 100%;
         margin: 0px;
     }
     .flexbox37 .fb372 {
         width: 100%;
         margin: 0px;
     }
   .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 95%;
        text-align: center；
    }
 }
 

/*面会ご案内箇条書き　5文字字下げ
---------------------------------------------------------------------------*/
p.mident5{
    padding-left: 6em;
    text-indent: -6em;
    margin: 0px 20px;
}

@media screen and (max-width: 767px) {
    p.mident5{
        padding-left: 1em;
        text-indent: -1em;
    }
}
    
/*面会ご案内箇条書き　1文字字下げ
---------------------------------------------------------------------------*/
p.mident1{
    padding-left: 1em;
    text-indent: -1em;
    margin: 0px 20px;
}

/*サービス　詳細へボタン
---------------------------------------------------------------------------*/
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #7c6551;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button:hover {
    background-color: #6c5541;
}

/*老健ケアパークboxデザイン
---------------------------------------------------------------------------*/

.box-01 {
    max-width: 1100px;
    margin: 0 auto;
    background-color: #F1F7F1;
    text-align-last: left;
}
.box-01 h2 {
	font-size: 26px;
	margin-bottom: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #61C1BE;
    vertical-align:middle;
}

.box-01 > div {
    margin-bottom: .5em;
    color: #AABBA7;
    font-weight: 600;
    font-size: 1.05em;
}

.box-01 > p {
    margin: 0;
    color: #333;
}

.box_cpborder1{
    width:65%;
    background-color: #FFFFFF;
    border:1px #8B7862 solid;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 30px;
}
 @media screen and (max-width: 767px) {
     .box_cpborder1{
         width:80%;
         margin-top: 20px;
     }
     .text_c_riha{
         font-size: 18px;
     }
}
     

.box_cpborder2{
    width:95%;
    background-color: #FFFFFF;
    border:1px #8B7862 solid;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;

}

 @media screen and (max-width: 767px) {
     .box_cpborder2{
         width:85%;
         margin-top: 20px;
     }
}
     

.box_cpborder3{
    width:95%;
    background-color: #FFFFFF;
    border:3px #E5E5E5 solid;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 8px gray;
}
 @media screen and (max-width: 767px) {
     .box_cpborder3{
         width:85%;
         margin-top: 20px;
     }
}


.box_cpborder2 h2{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #61C1BE;
	letter-spacing: 1px;
	color: #AB9E56;
	text-align: center;
	padding-top: 15px;
	padding-right: auto;
	padding-bottom: 15px;
	padding-left: auto;
	clear: both;
}


.box_cpbc1{
    width:95%;
    background-color: #F2F7F1;
    margin:30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
 @media screen and (max-width: 767px) {
    .box_cpbc1{
        width:100%;
		margin: 5px 0px;
    }
    .box_cpbc1 p{
        magin: 0px;
    }
}

.box_cpbc2{
    width:95%;
    background-color: #FBF9F8;
    margin:30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

 @media screen and (max-width: 767px) {
    .box_cpbc2{
        width:100%;
		margin: 5px 0px;
    }
    .box_cpbc2 p{
        magin: 0px;
    }
}

.box_cpbc3{
    width:97.5%;
    background-color: #FBF9F8;
    margin:5px 15px;
    padding-top: 5px;
    padding-bottom: 10px;
}

    .box_cpbc3 p{
        padding: 0px
    }


 @media screen and (max-width: 767px) {
    .box_cpbc3{
        width:100%;
		margin: 5px 0px;
    }
    .box_cpbc3 p{
        magin: 0px;
    }
}

.box_title {
    width: 120px;
    border: none;
    text-align: center;
    background-color: #7c6551;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}