html,
body {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.search input::placeholder {
  color: #999999;
}
button.navbar-toggle {
    display: block;
    background-color: #2BB4A8;
    padding: 15px;
    border-style: none;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

}

header .title {}

header #right_menu {
    flex-grow: 1;
    position: relative;


}

header .title p {
    font-size: 80%;
    color: #666666;
    margin-left: 30px;
    margin-top: 10px;
}

h1 img {
    min-width: 90%;
    max-width: 60vw;
}
.red {
    color: #d93131;
}
.main {
    height: 155px;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.main.sisetsu {
    background-image: url("../image/k_clinic/main_sisetsu.jpg");
}

.main.course {
    background-image: url("../image/k_clinic/main_course.jpg");
}


.main h1 {
    color: #ffffff;
    position: absolute;
    margin-left: 50px;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}








.phone {
    background-color: #EAF8F6;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-wrap: nowrap;
    font-size: calc(100vw / 69);
    white-space: nowrap;

}

.phone p {
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #84B2DF;
    font-size: 110%;
    font-weight: bolder;
    color: #666666;
    line-height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.phone a{
    color: #2BB4A8;
    text-decoration: none;
}
.phone a:hover{
    color: firebrick;
}
.phone span.title {
    border-right: solid 2px #2BB4A8;
    padding-right: 5px;


}

.phone i {
    color: #2BB4A8;
    font-size: 100%;
    padding-left: 5px;
}

.phone i span {
    font-weight: bolder;
    padding-left: 5px;
}

.phone p:first-child {
    margin-right: 5px;
}

.phone p:last-child {
    margin-left: 5px;
}
.phone .yoyaku {
    color: #F75C7A;
}
.catch h3{
        text-align: center;
}
#maincontents .catch h3::before {
    display: none;
}
.catch p {
    text-align: center;
    font-size: 1.7vw;
    color: #666666;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bolder;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.news_title {
    background-color: #2BB4A8;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 30%;
    text-align: center;
    display: inline-block;
color: #fff;

}
.cate_title {
    margin-top: 50px;
    margin-bottom: 30px;
}

.cate_title h2 {
    color: #FFF;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-bottom: 1px solid #D4D7DA;
}

#info .cate_title h2::after {
    position: absolute;
    font-weight: normal;
    margin-top: 0px;
    right: 40px;
    content: "Information";
    color: #aaaaaa;
}

#course .cate_title h2::after {
    position: absolute;
    font-weight: normal;
    margin-top: 0px;
    right: 40px;
    content: "Course";
    color: #aaaaaa;

}

.new-post-list-item a::after {
    content: "";
    display: block;
    clear: both;
    margin-bottom: 15px
}

.loding {
    margin-right: auto;
    margin-left: auto;
    width: 20%;
    text-align: center;
    margin-top: 200px;
}

#course {
    padding: 25px;
}
.kome01:before {
    content: '\203B';

}

.kome01 {
    text-indent: -1em;
    margin-left: 1em;

}
.contents_p {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
    line-height: 180%;
}
figure {
    float: right;
    margin: 0 0 0 15px;

}

figure img {
    max-width: 100%;
}

.contents_b {
    background-color: #EFF5FB;
    padding: 25px;
}
#course h4 {
    font-size: 150%;
    color: #666666;
    margin-bottom: 0px;

}

#course .i_01:before,
#course_s .i_01:before,
.course_title .i_01:before {
    background-image: url(../image/k_clinic/cose_01.png);
}

#course .i_02:before,
#course_s .i_02:before,
.course_title .i_02:before {
    background-image: url(../image/k_clinic/cose_02.png);
}

#course .i_03:before,
#course_s .i_03:before,
.course_title .i_03:before {
    background-image: url(../image/k_clinic/cose_03.png);
}

#course .i_04:before,
#course_s .i_04:before,
.course_title .i_04:before {
    background-image: url(../image/k_clinic/cose_04.png);
}

#course .i_05:before,
#course_s .i_05:before,
.course_title .i_05:before {
    background-image: url(../image/k_clinic/cose_05.png);
}

#course .i_06:before,
#course_s .i_06:before,
.course_title .i_06:before {
    background-image: url(../image/k_clinic/cose_06.png);
}

#course .i_07:before,
#course_s .i_07:before,
.course_title .i_07:before {
    background-image: url(../image/k_clinic/cose_07.png);
}

#course .i_08:before,
#course_s .i_08:before,
.course_title .i_08:before {
    background-image: url(../image/k_clinic/cose_08.png);
}

#course .i_09:before,
#course_s .i_09:before,
.course_title .i_09:before {
    background-image: url(../image/k_clinic/cose_09.png);
}
#course h4:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 15px;
}

#course {
    color: #666666;
}

#course .m_btn a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 15px;
    width: 100%;
    display: block;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    text-align: center;
}

#course #top-block .m_btn a,
#course_s #top-block .m_btn a {
    background-color: #5DB3A1;
}

#course #center-block .m_btn a,
#course_s #center-block .m_btn a {
    background-color: #B4C12E;
}

#course #bottom-block .m_btn a,
#course_s #bottom-block .m_btn a {
    background-color: #2BB4A8;
}

#course #top-block .m_btn a:hover,
#course_s #top-block .m_btn a:hover {
    background-color: #3E8476;
}

#course #center-block .m_btn a:hover,
#course_s #center-block .m_btn a:hover {
    background-color: #919C25;
}

#course #bottom-block .m_btn a:hover,
#course_s #bottom-block .m_btn a:hover {
    background-color: #2BB4A8;
}
#course_s h4 {
    font-size: 120%;
    color: #666666;
    margin-bottom: 0px;

}

#course_s h4:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 15px;
}
#course_s #link-block h4:before {
	display: none;
}
#course_s {
    color: #666666;
    margin-bottom: 30px;
	margin-top: 30px;
}

#course_s .m_btn a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 15px;
    width: 100%;
    display: block;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    text-align: center;
}

#course_s #link-block,#course_s #top-block,
#course_s #center-block,
#course_s #bottom-block {
    display: flex;
}

#course_s .k-box {
    margin-top: 20px;
    flex: 1;
}

#course_s .k-box2 {
    margin-top: 20px;
    flex: 2;
}

#course_s .in,
#course_s .in2 {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
#course_s #link-block .in{
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	text-align: center;
	border-radius: 5px;

}

#course_s a,
#course_s a {
    text-decoration: none;
}

#course_s .in:hover,
#course_s .in2:hover,#course_s #link-block .in:hover {
    background-color: #E8F0F9;
}

#course_s .banner {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;

}
#maincontents .center{
	text-align: center;
}
#maincontents .right{
	text-align: right;
}
#maincontents #course_s {
    	text-align: left;
}
#maincontents #course_s .center {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

#course_s .left {
    margin-right: 20px;
}

#course_s .k-box2 .left {
    margin-right: 10px;
}

#maincontents #course_s .right {
    margin-left: 20px;
        text-align: left;
}

#maincontents #course_s .left {
            text-align: left;
}

.m_btn,
.b_btn {
    margin-top: auto;
}

.arrow {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 14px;
}

.arrow::before,
.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.ya::before {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.ya::after {
    right: 5px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #5DB3A1;
    border-right: 1px solid #5DB3A1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#course #top-block,
#course #center-block,
#course #bottom-block {
    display: flex;
        margin-top: 30px;
}

#course .k-box {
    margin-top: 0px;
    flex: 1;
}

#course .k-box2 {
    margin-top: 0px;
    flex: 2;
}

#course .in,
#course .in2 {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;

}
#course a,
#course a {
text-decoration: none;
}
#course .in:hover,
#course .in2:hover {
background-color: #E8F0F9;
}
#course .banner {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;

}

#course .center {
    margin-left: 10px;
    margin-right: 10px;
}

#course .left {
    margin-right: 20px;
}

#course .k-box2 .left {
    margin-right: 10px;
}

#course .right {
    margin-left: 20px;
}
#course_s #link-block .k-box div.in {
	border-top: solid 8px #BD0404;
}
#course #top-block .k-box div.in,
#course_s #top-block .k-box div.in,
.course_title.line01 {
    border-top: solid 8px #5DB3A1;
}

#course #center-block .k-box div.in,
#course_s #center-block .k-box div.in,
.course_title.line02 {
    border-top: solid 8px #B4C12E;
}
#course #bottom-block .k-box div.in,
#course_s #bottom-block .k-box div.in,
.course_title.line03 {
    border-top: solid 8px #2BB4A8;
}
#course #bottom-block .k-box2 div.in2,
#course_s #bottom-block .k-box2 div.in2,
.course_title.line04 {
    border-top: solid 8px #2BB4A8;
}
.ad {
    border-top: solid 1px #EFEFEF;
    padding-top: 31px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 10px;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    font-size: calc(100vw / 69);
    white-space: nowrap;
    display: flex;
justify-content: space-between;
}
.banner_link {
    border-top: solid 1px #EFEFEF;
    padding-top: 31px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 10px;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    font-size: calc(100vw / 69);
    white-space: nowrap;

}

.banner_link ul {
    display: flex;
}

.banner_link li {
    width: 100%;
}

.banner_link li:first-child {
    margin-right: 15px;
}

.banner_link li:last-child {
    margin-left: 15px;
}

.banner_link a {

    padding-left: 20px;
    padding-right: 20px;
    font-size: 130%;
    font-weight: bolder;
    color: #666666;
    line-height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
}

.banner_link a:hover {
    background-color: #f0f4ca;
}

.banner_link .eva01 {
    color: #FF7B99;
    border: solid 1px #FF7B99;

}

.banner_link .eva02 {
    color: #2BB4A8;
    border: solid 1px #2BB4A8;
    position: relative;
}

.banner_link a.eva02:before {
    content: url(../image/banner_eva02.png);
    position: absolute;
    top: 4px;
    margin: 0px 0px 0px -50px;
}

.banner_link p:first-child {
    margin-right: 15px;
}

.banner_link p:last-child {
    margin-left: 15px;
}
.breadcrumb {
    margin-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #eeeeee;
}

.breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    list-style: none;
    font-weight: nomal;
}

.breadcrumb li:after {
    /* >を表示*/
    content: '>';
    padding: 0 3px;
    color: #555;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: gray;
}

.breadcrumb li:first-child a:before {
    /*家アイコン*/
    font-family: FontAwesome;
    content: '\f015';
    font-weight: normal;
    font-size: 1.1em;
    color: #2e7fea;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}


#maincontents {}

#maincontents h3 {
    color: #4D4D4D;
    font-size: 140%;
    font-weight: bolder;
    margin-top: 40px;
    margin-bottom: 15px;
    clear: both;
}

#maincontents h3::before {
    content: '';
    display: inline-block;
    background: #BD0404;
    height: 3px;
    width: 60px;
    margin-right: 6px;
    margin-bottom: 6px;
}

#maincontents #guide h3::before {
    display: none;
}

#maincontents h4.h4_title {
    color: #4D4D4D;
    font-size: 100%;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1em;
    border-bottom: solid 2px #8db7e0;
    border-top: solid 2px #8db7e0;
}

#maincontents .bold {
    font-weight: bold;
}



.under_menubar {
    display: flex;
    background-color: #686C6F;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
}

.under_menubar div a {
    display: block;
    padding: 10px;
    color: aliceblue;
    text-decoration: none;

}

.under_menubar div a.active {
    color: #f5e881;
}

.under_menubar div a:hover {
    color: #f5e881;

}

.under_menubar div a::before {
    font-family: FontAwesome;
    content: "\f054";
    padding-right: 10px;
}



#maincontents .pict_right img {
    float: right;
    margin-bottom: 40px;
    margin-left: 20px;
    max-width: 30%;
}
#maincontents .pict_left img {
    float: left;
    margin-bottom: 40px;
    margin-right: 20px;
    max-width: 30%;
}




.course_title {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
}

.course_title h2:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 15px;
}

#maincontents .course h2 {
    color: #666666;
    margin-bottom: 0px;
}

#maincontents .course .box_s {
    font-size: 90%;

}

#maincontents .course .topic {
    margin: 10px;
    border: solid 1px #999999;
}

#maincontents .course .topic .title {
    padding: 5px 0px;
    background-color: #a29a9a;
    color: #ffffff;
}

#maincontents .course .topic p {
    padding: 10px;
}

#maincontents .box_t {
    position: relative;
    margin: 3em 0;
    padding: 0.5em 1em;
    border: solid 3px #9ee389;
    border-radius: 8px;
}

#maincontents .box_t h4 {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #519538;
    font-weight: bold;
}

#maincontents .box_t p {
    margin: 20px;
    padding: 0;
}
.col2{
    display: flex;
    justify-content:center;
}
.app_btn p {
    margin: 30px 10px;
    text-align: center;
}

.app_btn a {
    background-color: #468ed6;
    color: #fff;
    text-decoration: none;
    padding: 15px 60px;
    font-size: 130%;
    font-weight: bolder;
    border-radius: 8px;
    display: block;
    position: relative;
}

.app_btn a:hover {
    background-color: #d6465c;

}
.app_btn a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#maincontents .no_list ol {
    counter-reset: number;
    list-style: none;
}

#maincontents .no_list li {
    text-indent: -1.5em;
    padding-left: 1.5em;
    line-height: 1.5;
    border-bottom: dashed 1px #cccccc;
    margin-bottom: 5px;
    padding-bottom: 5px;

}

#maincontents .box_t.no_list li {
    margin-top: 10px;
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 5px;

}

#maincontents .no_list li:before {
    counter-increment: number;
    content: counter(number);
    padding-right: .5em;
    font-weight: bold;
    color: #b40000;
    width: 10px;
    display: block;
   float: left;
margin-right: 6px;
}



#maincontents .no_list02 ol {
    counter-reset: number;
    list-style: none;
}

#maincontents .no_list02 li {
    text-indent: -2.3em;
    padding-left: 2.5em;
    line-height: 1.5;
    border-bottom: dashed 1px #cccccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#maincontents .box_t.no_list02 li {
    margin-top: 10px;
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#maincontents .no_list02 li:before {
    counter-increment: number;
    content: counter(number);
    padding-left: 0.35em;
    padding-right: .45em;
    padding-bottom: 0.1em;
    margin-right: 1em;
    font-weight: bold;
  background: #F89174;
  color: white;
    border-radius: 60%;
}

#maincontents .box_list {
    background-color: #E0EDF5;
    padding: 20px;
    border-radius: 5px;
}

#maincontents .box_list li {
    line-height: 1.5;
    text-indent: -1.5em;
    padding-left: 1.5em;

}

#maincontents .no_list h5 {

    font-size: 120%;
}

#maincontents .box_list li:before {
    font-family: FontAwesome;
    content: "\f05d";
    /*アイコンフォント*/
    font-size: 18px;
    list-style: none;
    padding-right: .5em;
}

#maincontents .picup li:before {
    font-family: FontAwesome;
    content: "\f00c";
    /*アイコンフォント*/
    font-size: 18px;
    list-style: none;
    padding-right: .5em;
}

#maincontents .picup h5:before {
    font-family: FontAwesome;
    content: "\f071";
    padding-right: .5em;
    font-weight: normal;
}

#maincontents .box_list h4 {
    margin-top: 1em;
    margin-bottom: 0.2em;
    color: #b53457;
}

#maincontents .picup {
    border: solid 3px #ff4500;
    margin: 30px auto 20px;
    padding: 40px 40px 20px 20px;
    position: relative;

}

#maincontents .picup h5 {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0 5px;
    background-color: #ccc;
    font-size: 120%;
}

#maincontents .picup .caution {
    background-color: #ff4500;
    border: 2px solid #ff4500;
    color: #fff;

}

#maincontents .course .box {
    margin-top: 30px;
    margin-bottom: 30px;
}

#maincontents .course .box p {
    margin-top: 1em;
    margin-bottom: 1em;
}



#maincontents .btn_s a {
    background-color: #649ED7;
    padding: 5px 10px;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
}

#maincontents .btn_s a:hover {
    background-color: #D6465C;
}
#maincontents .btn_m a {
    background-color: #649ED7;
    padding: 15px 10px;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
}

#maincontents .btn_m a:hover {
    background-color: #D6465C;
}
#maincontents .mail_ad {
margin-top: 20px;
}
#maincontents .mail_ad a {
    font-size: 180%;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
#maincontents .mail_ad a:hover {
    font-size: 180%;
    color: #d7647a;
    text-decoration:underline;
    font-weight: bold;
}
#maincontents .mail_ad::before {
        color: #000000;
        font-family: FontAwesome;
        content: "\f0e0";
        font-size: 200%;
    }

#maincontents .btn_c a {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 6px;
    color: #ffffff;
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
    font-size: 120%;
    font-weight: bold;
}

#maincontents .btn_c a:hover {
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}





#maincontents .course .app::before {
    font-family: FontAwesome;
    content: "\f00c";
    visibility: visible;
    position: absolute;
    left: 30%;
}

#maincontents .course .app {
    visibility: hidden;
    position: relative;
}

#maincontents .course th.name {
    width: 10%;
    text-align: center;
}

#maincontents .course th.sp_name {
    width: 30%;
    text-align: center;
}

#maincontents .course td.sp_30 {
    width: 30%;

}

#maincontents td.price {
    white-space: nowrap;
    text-align: right;
}


#maincontents .price_table {
    margin-top: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
}

#maincontents .price_table div {
    width: 49%;
}

#maincontents .price_table table {
    width: 100%;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
}

.price_table th,
.price_table td {
    padding: 15px;
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
}

.price_table td.left {

    text-align: left;

}

.price_table .plus:before {
    font-family: FontAwesome;
    content: "\f055";
    position: absolute;
  left: 0;
  right: 0;
    top:-25%;
  margin: auto;
    font-size: 170%;
z-index: 10;
    width: 1em;
    background-color: #ffffff;
    color: #333333;
    
}

.price_table tr:nth-child(even) > .price_table td,
.price_table tr:nth-child(even) > .price_table th {
    background-color: #efefef;
}

.price_table th,
.plan-price {
    color: #fff;
}

.plan-price {
    font-size: 2.5rem;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 25px 0;
    color: #f5ff00;
    font-weight: bold;
}

.plan-price span {
    font-size: 1rem;
    color: #ffffff;
}

/* Background colour */
.plan-free th,
.plan-free .plan-price {
    background: linear-gradient(-90deg, #009ADB, #00DB9A);
}

.plan-premium th,
.plan-premium .plan-price {
    background: linear-gradient(-90deg, #EE52FF, #009ADB);
}




#maincontents .ishi .meibo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#maincontents .ishi .card h5 {
    font-size: 120%;
    background-color: #eeeeee;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
}

#maincontents .card h4 {
    font-size: 120%;
    background-color: #eeeeee;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
}

#maincontents .card strong {
    color: #5684c4;
}

#maincontents .ishi .card p {
    border-bottom: dotted 3px #cccccc;

}

#maincontents .card p {

    padding-bottom: 5px;
    margin-top: 10px;
    margin-left: 1em;
}

#maincontents .ishi .card {
    width: 49%;
}


#maincontents .card {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 5px;
    margin-top: 25px;
    padding: 10px;
}



#maincontents .koumoku {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#maincontents .koumoku .k_koumoku h5 {
    font-size: 200%;
    padding: 5px;
    border-radius: 5px;
    color: #ea7017;

}

#maincontents .koumoku .k_koumoku h5 img {
    vertical-align: middle;
    margin-right: 20px;
}

#maincontents .koumoku .k_koumoku h6 {
    font-size: 120%;
    margin-left: 20px;
    color: #ea7017;
    margin-top: 1em;
}

#maincontents .koumoku .k_koumoku p {
    margin-left: 20px;
}

#maincontents .koumoku .k_koumoku {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 5px;
    margin-top: 25px;
    padding: 10px;
    width: 49%;
    background-color: #ffffff;
}


#maincontents .flow table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}

#maincontents .flow th,
#maincontents .flow td {
    border: solid 1px #6994be;
    /* 枠線指定 */
    padding: 8px;
    text-align: left;
    color: #666666;
}

#maincontents .flow th {
    background-color: #c7dfee;
}

#maincontents .flow td {
    background-color: #ffffff;
}









#maincontents .arrow {
    position: relative;
    width: 50%;
}

#maincontents .arrow::before {
    content: "";
    display: block;
    position: absolute;
    border: 24px solid transparent;
    border-top: 24px solid #519660;
    border-bottom-width: 0;
}

#maincontents .tejun h4 {
    background-color: #e8f2e2;
    color: #3c8241;
    padding: 5px;
    font-size: 120%;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 10px;
    border-bottom: solid 2px #10ac84;
}
#maincontents .p_1 {
    padding-left: 1em;
}
#maincontents .m_1 {
    margin-top: 1em;
}

#maincontents .m_2 {
    margin-top: 2em;
}

#maincontents .m_b_0 {
    margin-bottom: 0em;
}

#maincontents .m_b_30 {
    margin-bottom: 30px;

}

#maincontents .cornerBox {
    border: solid 2px #a1d0c0;
    margin-bottom: 10px;
    margin-top: 10px;
}

#maincontents .cornerBox .box_w div {
    padding: 10px;
}

#maincontents .box_w {
    display: flex;
}



#maincontents #guide .menu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 90%;
}

#maincontents #guide .menu li {
    padding: 2px;
}

#maincontents #guide .menu a {
    text-decoration: none;
}

#maincontents #guide .menu a:hover {
    text-decoration: underline;
    color: #f4af14;
}

#maincontents #guide .menu li::before {
    font-family: FontAwesome;
    content: "\f01d";
    padding-right: 5px;
    color: #1256d8;
    margin-left: 10px;
}


#maincontents #guide h4 {
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    padding-left: 10px;
    margin-top: 10px;
}

#maincontents #guide h5,
#maincontents #guide h6 {
    font-size: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

#maincontents #guide h6 {
    color: #009DFF;
}

#maincontents #guide h5::before {
    font-family: FontAwesome;
    content: "\f111";
    padding-right: 5px;
}

#maincontents #guide h6::before {
    font-family: FontAwesome;
    content: "\f0c8";
    padding-right: 5px;
}

#maincontents #guide .guide_01 h4 {
    background-color: #D67E83;
    border-bottom-color: #AF373A;
}

#maincontents #guide .guide_02 h4 {
    background-color: #79C69D;
    border-bottom-color: #367F59;
}

#maincontents #guide .guide_03 h4 {
    background-color: #AF77C8;
    border-bottom-color: #5A2D6E;
}

#maincontents #guide .guide_04 h4 {
    background-color: #FC8386;
    border-bottom-color: #FA4E53;
}

#maincontents #guide .guide_05 h4 {
    background-color: #7E88C0;
    border-bottom-color: #525FAA;
}

#maincontents #guide .guide_06 h4 {
    background-color: #78C79D;
    border-bottom-color: #4DB47E;
}

#maincontents #guide .guide_07 h4 {
    background-color: #AF78C7;
    border-bottom-color: #81409C;
}

#maincontents #guide .guide_08 h4 {
    background-color: #FE9E6B;
    border-bottom-color: #FD803A;
}

#maincontents #guide .guide_09 h4 {
    background-color: #92CF70;
    border-bottom-color: #7FC758;
}

#maincontents #guide .guide_10 h4 {
    background-color: #7BB7C4;
    border-bottom-color: #4A95A4;
}

#maincontents #guide .guide_11 h4 {
    background-color: #C8B773;
    border-bottom-color: #B39C46;
}

#maincontents #guide .guide_12 h4 {
    background-color: #D26C9A;
    border-bottom-color: #C84982;
}

#maincontents #guide .guide_13 h4 {
    background-color: #70A9CF;
    border-bottom-color: #4F97C5;
}

#maincontents #guide .guide_14 h4 {
    background-color: #A6C07E;
    border-bottom-color: #7F9F4E;
}

#maincontents #guide .guide_15 h4 {
    background-color: #C07EBE;
    border-bottom-color: #803F7E;
}

#maincontents #guide .guide_16 h4 {
    background-color: #D36B73;
    border-bottom-color: #C94852;
}

#maincontents #guide .guide_17 h4 {
    background-color: #8691B9;
    border-bottom-color: #515D8C;
}

#maincontents #guide .guide_18 h4 {
    background-color: #D79568;
    border-bottom-color: #CB743C;
}

#maincontents #guide .guide_19 h4 {
    background-color: #A48FAF;
    border-bottom-color: #80678F;
}

#maincontents #guide .guide_20 h4 {
    background-color: #97B38C;
    border-bottom-color: #7FA172;
}

#maincontents #guide .guide_21 h4 {
    background-color: #CF8370;
    border-bottom-color: #CA755F;
}

#maincontents #guide .guide_01 h5 {
    color: #AF373A;
}

#maincontents #guide .guide_02 h5 {
    color: #367F59;
}

#maincontents #guide .guide_03 h5 {
    color: #5A2D6E;
}

#maincontents #guide .guide_04 h5 {
    color: #FA4E53;
}

#maincontents #guide .guide_05 h5 {
    color: #525FAA;
}

#maincontents #guide .guide_06 h5 {
    color: #4DB47E;
}

#maincontents #guide .guide_07 h5 {
    color: #81409C;
}

#maincontents #guide .guide_08 h5 {
    color: #FD803A;
}

#maincontents #guide .guide_09 h5 {
    color: #7FC758;
}

#maincontents #guide .guide_10 h5 {
    color: #4A95A4;
}

#maincontents #guide .guide_11 h5 {
    color: #B39C46;
}

#maincontents #guide .guide_12 h5 {
    color: #C84982;
}

#maincontents #guide .guide_13 h5 {
    color: #4F97C5;
}

#maincontents #guide .guide_14 h5 {
    color: #7F9F4E;
}

#maincontents #guide .guide_15 h5 {
    color: #803F7E;
}

#maincontents #guide .guide_16 h5 {
    color: #C94852;
}

#maincontents #guide .guide_17 h5 {
    color: #515D8C;
}

#maincontents #guide .guide_18 h5 {
    color: #CB743C;
}

#maincontents #guide .guide_19 h5 {
    color: #80678F;
}

#maincontents #guide .guide_20 h5 {
    color: #7FA172;
}

#maincontents #guide .guide_21 h5 {
    color: #CA755F;
}

#maincontents #guide table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}

#maincontents #guide th,
#maincontents #guide td {
    border: solid 1px #6994be;
    /* 枠線指定 */
    padding: 8px;
    color: #666666;
    text-align: center;
}

#maincontents #guide th {
    background-color: #c7dfee;
}

#maincontents #guide td {
    background-color: #ffffff;
}

#maincontents #guide .man {
    background-color: #58BD86;
    color: #FFFFFF;
}

#maincontents #guide .woman {
    background-color: #FF6666;
    color: #FFFFFF;
}

#maincontents #guide .line p {
    background-image: url(../../alpha_medic/guide/image/back_p.gif);
    background-position: 0px 0px;
    line-height: 24px;
    padding-bottom: 5px;
    margin-top: 5px;
    padding-top: 0px;
    font-size: 0.9em;
    margin-left: 1em;
}


#maincontents #guide .container {
    display: flex;
}

#maincontents #guide .container div {
    flex: 1;
}

#maincontents #guide .container .left_box {
    margin-right: 15px;
}

#maincontents #guide .container .right_box {
    margin-left: 15px;
}

#animsition {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#animsition .calendar {
    max-width: 100%;
    margin: 0 auto;
    width: 48%;
    padding-top: 30px;
    padding-bottom: 50px;
}

/* 日曜日 */
.fc-sun {
    color: red;
    background-color: #fff0f0;
}

/* 土曜日 */
.fc-sat {
    color: blue;
    background-color: #f0f0ff;
}

.fc-event-container {
    cursor: pointer;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 1em !important;
}

.fc button {
    height: 2em !important;
    padding: 0 .8em !important;

    /* text & cursor */
    font-size: 0.8em !important;
}

.fc-day-grid-event .fc-content {
    /* イベント改行で全表示 */
    white-space: normal;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0em;
}

#schedule_item {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;

}

#schedule_item .box {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    width: 100%;
    background-color: #fefefefe;
    border-radius: 3px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14);
}

#schedule_item h4 {
    text-align: center;
    color: #ffffff;
    font-size: 110%;
    padding: 5px;
    margin: 0px;
    border-radius: 3px;
    letter-spacing: 1px;
}

#schedule_item p {
    font-size: 90%;
    padding: 0px;
    margin: 0px;
    color: #3c4858;
}

#schedule_item .lady h4 {
    background-color: #f3a683;
}

#schedule_item .lady strong {
    color: #c3444d;
}

#schedule_item .fujin h4 {
    background-color: #FDA7DF;
}

#schedule_item .fujin strong {
    color: #a8217a;
}

#schedule_item .ibu h4 {
    background-color: #A3CB38;
}

#schedule_item .ibu strong {
    color: #578422;
}

#schedule_item .daityou h4 {
    background-color: #74b9ff;
}

#schedule_item .daityou strong {
    color: #33579b;
}

#schedule_item .img_box {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#catch {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sitemap {
    display: flex;
}
.sitemap div{ width: 100%;}
.sitemap ul li ul li a:before {
    font-family: FontAwesome;
    content: '\f105';
    /* アイコンのunicode */
    padding-right: 4px;
    color: #649ED7;
}
.sitemap ul li a{
    font-size: 120%;
    font-weight: bold;
    padding-left: 10px;
    border-left: 5px solid #649ED7;
    line-height: 250%;
}
.sitemap ul li a:hover{
text-decoration: underline;
    color: #ce2727;
}
.sitemap ul li ul li a{
    padding-left: 0.5em;
    font-size: 90%;
    font-weight: normal;
    border-left: 5px solid #ffffff;
}
.sitemap li a {
    text-decoration: none;
    font-size: 80%;
    color: #333333;
}


.inquiry .sub{
        width: 15%;
}

.inquiry table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}

.inquiry th,
.inquiry td {
    border: solid 1px #8995a0;
    padding: 8px;
    text-align: left;
    color: #666666;
    line-height: 180%;

}

.inquiry th {
    background-color: #c7dfee;
    width: 18%;
}


.inquiry td {
    background-color: #ffffff;
    font-size: 90%;
    width: 100%;
}

.inquiry label.error {
    color: #FF0000;
    font-size: 9pt;
    display: none;
    margin-left: 10px;
}

#h_day h4 {
    color: #FF0000;
}

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


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

.inquiry input.sysNextSubmit {
    border-radius: 0;
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #8995a0;
    color: #464646;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 10px;
    font-weight: bold;
}

.inquiry input.sysNextSubmit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
    cursor: pointer;
}

.inquiry textarea {
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 10;
    padding: 0;
    margin: 0;
    background-color: #fff;
    outline: 0;
}

.inquiry select::-ms-expand {
    display: none;
}

.inquiry select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
    padding: 8px 38px 8px 8px;
	color: #666666;
}
.inquiry .cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #DDD;
	border-radius: 3px;
	background: #ffffff;
    
}
.inquiry .cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}




footer {
    padding-top: 40px;
    background-color: #efefef;
}

footer .foot_contents {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    padding-bottom: 40px;
}

footer .foot_info {
    flex-basis: 40%;
}

footer .footer_nav {
    flex-basis: 60%;
}

footer .foot_info address,
.var {
    font-style: normal;
    font-size: 90%;
}

footer .foot_info .var {
    margin-bottom: 10px;
}

footer .foot_info .res_info {
    font-size: 90%;
    padding-left: 15px;
}

footer .footer_nav {
    display: flex;
}

footer .footer_nav div {
    width: 100%;

}

footer .footer_nav li {

    line-height: 140%;
}

footer .footer_nav li a {
    text-decoration: none;
    font-size: 80%;
    color: #333333;
}

footer .footer_nav li a:hover {
    text-decoration: underline;
    color: #2BB4A8;
}

footer .footer_nav li a:before {
    font-family: FontAwesome;
    content: '\f105';
    /* アイコンのunicode */
    padding-right: 4px;
    color: #2BB4A8;
}
footer .footer_nav li li  {
margin-left: 0.2em;
    text-indent: -1em;
    padding-left: 1em;

}
footer .footer_nav li li a:before {
    font-family: FontAwesome;
    content: '\f111';
    font-size: 50%;
    color: #cccccc;
}

footer .foot_info .res i {
    color: #2BB4A8;
    font-size: 185%;
}

footer .foot_info .res i span {
    font-weight: bold;
    font-size: 60%;
    padding-left: 10px;
    padding-top: 5px;
    position: absolute;
}

footer .copyright {
    background-color: #2BB4A8;
    padding-top: 8px;
    padding-bottom: 8px;

}

footer .copyright p {
    text-align: center;
    font-size: 70%;
}
footer .copyright a {
    color: #ffffff;
    text-decoration: none;
    }
footer input,
footer label {
    display: none;
}

#info {
    background-color: #EFF5FB;
    padding: 40px;
}

#pageTop {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 100001;
}



#pageTop i {
    padding-top: 0px
}



#pageTop a {
    display: block;
    z-index: 100001;
    padding: 3px 0 0 1px;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    background-color: #8CA9CC;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 180%;
}



#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}

@media screen and (min-width:941px) {

    .search {
        display: flex;
        align-items: flex-end;
       flex-wrap :nowrap;
    }
    #gsc {
        display: flex;
        align-items: flex-end;
        width: 180px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .d-nav #gsc {
        display: none;
    }


}


@media screen and (min-width:769px) {
                .d-nav #gsc {
        display: none;
    }
    header {
        height: 115px;
    }
    nav .m_close{
        display: none;
    }
    nav ul {
        display: flex;
        position: relative;
        margin: 0;
        list-style: none;
        justify-content: space-between;
        background-color: #2BB4A8;
        padding-top: 3px;
        padding-right: 5px;
        padding-bottom: 3px;
        padding-left: 5px;
        z-index: 10000;
    }

    nav ul::after {
        display: block;
        clear: both;
        content: '';
    }

    nav ul li {
        position: relative;
        background-color: #2BB4A8;
        display: block;
        width: 100%;

    }

    nav ul li:hover a {
        background-color: #E8F0F9;
        color: #666;

    }

    nav ul li ul li:hover a {
        background-color: #ffffff;
        color: #666;

    }

    nav ul li:first-child {
        border-left: solid 1px #ccc;
    }

    nav ul li a {
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        border-right: solid 1px #ccc;
        color: #fff;
    }

    nav .menu-item-description {
        font-size: 90%;
        font-weight: normal;
        color: #C9DDF1;
    }

    nav li:hover a .menu-item-description {
        color: #aaa;
    }

    nav ul ul {
        position: absolute;
        top: 100%;
        left: -2px;
        display: block;
        padding: 0;
    }
    nav ul  .sub-menu.mega {

      
   
     
    }
    nav ul ul li {
        float: none;
        margin: 0;
        background-color: #E8F0F9;
    }

    nav ul ul li:first-child {
        background-image: none;
    }

    nav ul ul li a {
        font-size: 80%;
        display: block;
        color: #666;
        text-align: left;
        padding-top: 10px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 5px;
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CDD1D3;
        background-image: none;
        white-space: normal;

    }

    nav ul ul li a::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin: 0 0.3em 0 0;
        border: 5px solid transparent;
        border-right: 0 solid transparent;
        border-left: 6px solid #C2D9EF;

    }

/* サブサブオン背景 */
    nav ul ul ul li a:hover {
        background-color: #EEEEF1;
    }

    nav ul ul ul {
        position: absolute;
        top: -2px;
        left: 100%;
        transform: translateX(-20px) translateY(0);
    }

    .sub-menu {
        margin-left: 3px;
        width: 100%;
        border: 2px solid #2BB4A8;
        filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    }

    .sub-menu ul.sub-menu {
        margin-left: -10px;
        margin-top: 2px;
        width: 100%;
        border: 0px solid #ffffff;
        z-index: 100000000;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
    }

    .sub-menu:before {
        content: "";
        position: absolute;
        top: -22px;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-bottom: 15px solid #2BB4A8;
    }

    .sub-menu ul.sub-menu:before {
        content: "";
        position: absolute;
        top: -22px;
        left: 50%;
        margin-left: -15px;
        border: 0px solid transparent;
        border-bottom: 15px solid #ffffff;
    }


    .d-nav ul ul {
        visibility: hidden;
        opacity: 0;
        transition: .2s ease-in-out;
        transform: translateY(10px);
    }

    .d-nav ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .d-nav ul ul li:hover > ul {
        transform: translateX(0) translateY(0);
    }

    button.js-offcanvas-btn {
        display: none;
    }

    .mail::before {
        color: #ffffff;
        font-family: FontAwesome;
        content: "\f0e0";
        font-size: 140%;


    }

    .document::before {
        color: #ffffff;
        font-family: FontAwesome;
        content: "\f016";
        font-size: 140%;

    }
    .job::before {
        color: #ffffff;
        font-family: FontAwesome;
        content: "\f007";
        font-size: 140%;

    }
    .map::before {
        color: #ffffff;
        font-family: FontAwesome;
        content: "\f041";
        font-size: 140%;

    }

     .build::before {
        color: #ffffff;
        font-family: FontAwesome;
        content: "\f122";
        font-size: 140%;
    }
    .build{
        
    }
           #gsc {
        border: 2px solid #dddddd !important;
        position: relative;
        border-radius: 30px;
        padding-left: 10px;
        height: 35px;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-left: 5px;
    }

    #gsc td {
        border: none;
    }

    #gsc .gsc-control-cse,
    #gsc .gsc-control-cse-ja,
    #gsc .gsib_a {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* テキスト入力フォームとボタンの位置 */
    #gsc table.gsc-search-box td,
    #gsc table.gsc-search-box input {
        vertical-align: top !important;
    }

    /* テキスト入力フォーム */
    #gsc input[type="text"] {
        position: absolute;
        top: 6px;
        left: 3px;
        width: 92% !important;

    }

    #gsc input[type="text"]:focus,
    #gsc button {
        border: 0px solid #b2e0eb !important;
        outline: 0;
        /*safariの自動フォーカスを切る */
    }

    /* テキスト入力フォームの影を消す */
    #gsc #gsc-iw-id1 {
        border: none !important;
    }

    /* テキスト入力フォームの背景画像位置調整 */
    #gsc #gs_tti0 input {
        background-position: 0px 0px !important;
    }

    /* ボタンの色 */
    #gsc input.gsc-search-button {
        background: #d2d2d2 !important;
        background: -ms-linear-gradient(top, #008ee1 0%, #008ee1 100%);
        /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ee1', endColorstr='#008ee1', GradientType=0);
        /* IE6-9 */
        border: 0px solid #d2d2d2 !important;
    }

    /* ボタンの位置調整と角丸消し */
    #gsc .gsc-search-button {
        margin: 0 0 0 -16px !important;
        border-radius: 0px;
        position: absolute;
        right: 1px;
        top: 1px;
    }

    /* 入力時に出る「×」ボタンの位置調整 */

    /* 入力時に出る×ボタン -- Firefox位置調整 -- */
    #gsc .gsib_b span {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0px 0 0 0;
        display: none;
    }

    #gsc .gsc-search-button-v2 {
        font-size: 0px;
        padding: 7px 7px;
        width: auto;
        vertical-align: middle;
        border: 0px;
        border-color: #3079ed;
        background-color: #259685;
        background-image: linear-gradient(top, #4d90fe, #4787ed);
        border-radius: 30px;
    }
   .search {
        position: absolute;
        right: 0%;
        top: 50%;
        transform: translateY(-50%);
    }



#right_menu .btn {

        white-space: nowrap;
        margin-left: 5px;
        display: flex;
    }

#right_menu .btn a {
        text-decoration: none;
        float: left;
        display: block;
        width: 65px;
        background-color: #2BB4A8;
        text-align: center;
        color: #ffffff;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 5px;
        border-radius: 3px;
    font-size: 85%;
    }

#right_menu .btn a:hover {
        background-color: #3E8476;
    }
    
#right_menu .btn a.reply {
        text-decoration: none;
        float: left;
        display: block;
        width: 90px;
        background-color: #AD635F;
        text-align: center;
        color: #ffffff;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 10px;
        border-radius: 3px;
    }
#right_menu .btn a.reply:hover {
        background-color: #C85500;
    }
    

}



@media screen and (max-width:768px) {
.app_btn p {
    margin: 10px 0px;
    text-align: center;

}
.col2{
    display: flex;
     flex-direction: column;
}
    .inquiry .sub {
    width: 100%;
}
    .inquiry td{
        margin-bottom: -1px;
        width: 100%;
    }
    .inquiry th,
    .inquiry td,.inquiry td:first-child {
        width: 100%;
        display: block;

    }
    .inquiry th {
        margin-top: 5px;
        border-bottom: 0;
    }
    input[type="text"],
    textarea {
        width: 80%;
        padding: 5px;
        font-size: 110%;
        display: block;
    }
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        display: block;
        width: 100%;
        height: 40px;
    }
    .inquiry input.sysNextSubmit {

    margin: 10px 0px;
}
    
    
    
    footer .foot_contents,
footer .footer_nav {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}


.footer_nav div {
    transition: .5s;
    height: 0;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    width: 100%;

}

footer .footer_nav {
    flex-basis: 100%;
    width: 100%;
}

footer .footer_nav a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 0 10px;
    padding: 10px;
}

footer .footer_nav li a:hover {
    text-decoration: none;
    background-color: antiquewhite;
}

footer .footer_nav li a {
    text-decoration: none;
    font-size: 100%;
    color: #333333;
}

footer input {}
footer .foot_info .res i span {
    font-size: 45%;
}
footer label {
    display: block;
    background: #7194BF;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;
    position: relative;
}

footer label:hover {
    background: #9fb7d4;
}

.acd-check {
    display: none;
}

.acd-label:after {

    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: FontAwesome;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 5px;
}

.footer_nav div {
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    overflow: hidden;
}

.acd-check:checked + .acd-label:after {
    content: '\f068';
}

.acd-check:checked + .acd-label + .footer_nav div {
    opacity: 1;
    padding: 10px;
    height: auto;
}

}