/*
 * cmn_layout.css
 *
 */


/*===============================================
●共通
===============================================*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
	background: #fff;
    color: #555555;
	line-height:180%;
    word-wrap: break-word;
}

#wrapper,
#contents,
#main{
	width:100%;
	margin:0;
	padding:0;
	}

.meiryo {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

a{
    color: #666666;
    text-decoration: none;
}


/* 各カラー */

/* 奨学生（看護師） */
.bgc10 {
    background-color: #eaabc8 !important;
}

/* 医療法人佐藤病院 */
.bgc11 {
    background-color: #3d8ce5 !important;
}
/* 長島中央病院 */
.bgc12 {
    background-color: #3ec0cc !important;
}
/* さとう糖尿病訪問診療 */
.bgc13 {
    background-color: #5bad14 !important;
}
/* 老健 ことぶき */
.bgc14 {
    background-color: #b8cf1d !important;
}
/* 老健 ながしま */
.bgc15 {
    background-color: #ff9c27 !important;
}
/* レジデンス・スパながしま */
.bgc16{
    background-color: #c2791b !important;
}
/* キッズプラザながしま */
.bgc17 {
    background-color: #28db89 !important;
}
/* 介護支援 かけはし */
.bgc18 {
    background-color: #ee98bd !important;
}
/* 居宅介護 みらい */
.bgc19 {
    background-color: #f3c200 !important;
}
/* 通所リハビリ みらい */
.bgc20 {
    background-color: #ea3c3d !important;
}
/* グループホームながしま */
.bgc21 {
    background-color: #7a3701 !important;
}


/* 採用情報、よくある質問の各施設の矢印の色 */
li.link-shougakusei:after {
    border-top-color: #eaabc8 !important;
}

li.link-cyuo:after {
    border-top-color: #3ec0cc !important;
}

li.link-clinic:after {
    border-top-color: #5bad14 !important;
}

li.link-kotobuki:after {
    border-top-color: #b8cf1d !important;
}

li.link-nagashima:after {
    border-top-color: #ff9c27 !important;
}

li.link-residence:after {
    border-top-color: #c2791b !important;
}

li.link-kidsplaza:after {
    border-top-color: #28db89 !important;
}

li.link-kakehashi:after {
    border-top-color: #ee98bd !important;
}

li.link-k-mirai:after {
    border-top-color: #f3c200 !important;
}

li.link-r-mirai:after {
    border-top-color: #ea3c3d !important;
}
li.link-g-nagashima:after {
    border-top-color: #7a3701 !important;
}
#box03 > ul >li.link-dummy{
    border: none;
}
#box03 > ul >li.link-dummy::after{
    content:none;
}


/* フォーム共通 */
.input-error {
    display: block;
    margin: 10px 0 0 0;
    color: #e60012;
}

.error-title,
.error-title-kana,
.error-tel,
.error-mail,
.error-mail-check,
.error-naiyo,
.error-privacy {
    display: none !important;
}

.error-disp {
    display: block !important;
}



/*===============================================
●画面の横幅が813px以上(タブレット・PC)
===============================================*/
@media screen and (min-width: 813px) {

    body {
        font-size: 16px;
    }

    #wrapper{
        position: relative;
        width: 100%;
        min-width: 960px;
        margin:0 auto;
        padding:0;
    }

    /* !共通
    ---------------------------------------------------------- */
    .pcNone{
        display:none;
        }

    a:hover{
        opacity: 0.8;
    }

    .list-flex{
        display:-webkit-box !important;
        display:-moz-box !important;
        display:-ms-box !important;
        display:-webkit-flexbox !important;
        display:-moz-flexbox !important;
        display:-ms-flexbox !important;
        display:-webkit-flex !important;
        display:-moz-flex !important;
        display:-ms-flex !important;
        display:flex !important;
        -webkit-box-lines:multiple !important;
        -moz-box-lines:multiple !important;
        -webkit-flex-wrap:wrap !important;
        -moz-flex-wrap:wrap !important;
        -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important;
    }


/* !header ヘッダー
---------------------------------------------------------- */
    header {
        width: 100%;
        height:100px;
        margin: 0 auto;
        padding: 0;
        background-color: #FFF;
    }

    #header-inner {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    #header-logo {
        position: absolute;
        top: 22px;
        left: 40px;
    }

    #header-info {
        position: absolute;
        width: 520px;
        top: 20px;
        right: 40px;
        text-align: right;
    }

    #header-info > p:nth-of-type(1) {
        font-size: 14px;
    }

    #header-info > p:nth-of-type(2) > img:nth-of-type(1) {
        width: 277px;
        margin: 2px 15px 0 0;
    }

    #header-info > p:nth-of-type(2) > img:nth-of-type(2) {
        width: 200px;
        margin: 7px 0 0 0;
    }



/* !menu-pc メニュー
---------------------------------------------------------- */
    #menu-box {
        width: 100%;
        height: 100px;
    }

    #menu-pc {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        background-color: #dde6f1;
        border-bottom: #014099 6px solid;
    }

    #menu-pc > ul {
        width: 100%;
        height: 94px;
        margin: 0 auto;
    }

    #menu-pc > ul > li {
        float: left;
        width: 11%;
        height: 94px;
        border-right: #99b5d8 1px solid;
    }

    #menu-pc > ul > li:nth-of-type(5) {
        width: 12%;
    }

    #menu-pc > ul > li:nth-of-type(9) {
        border-right: none;
    }

    #menu-pc > ul > li > a {
        display: block;
        height: 94px;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #menu-pc > ul > li > a:last-of-type{
      padding-top: 21px;
    }

    #menu-pc > ul > li > a > img {
        margin: 0;
        padding: 0;
    }

    #overlay {
        display: none;
    }


    /* メニューを固定 */
    .menu-pc-fix{
        position:fixed;
        top:0;
        z-index: 999;
    }



/* !contents　コンテンツ部分の共通設定
---------------------------------------------------------- */
    #contents{
        width:100%;
        min-width: 960px;
        max-width: 1360px;
        margin:0 auto;
        padding: 0;

    }

    a {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        zoom: 1;
        transition: opacity 0.5s ease;
    }


/* !サブページ　メイン画面
---------------------------------------------------------- */
    #sub-mainImage {
        width:100%;
        height: 240px;
        margin:0 auto;
        padding: 100px 0 0 160px;;
    }


/* !サブページ　パンくず
---------------------------------------------------------- */
    #pankuzu {
        width:100%;
        margin: 20px auto 0 auto;
        padding: 0 0 0 40px;
    }


/* !各施設タイトル共通
---------------------------------------------------------- */
    img.title-shougakusei {
        width: 263px;
    }

    img.title-cyuo {
        width: 233px;
    }
    img.title-cyuo_kaigo{
      width: auto;
    height: 29.86px;
    }

    img.title-clinic {
        width: 472px;
    }

    img.title-kotobuki {
        width: 403px;
    }

    img.title-nagashima {
        width: 406px;
    }

    img.title-residence {
        width: 459px;
    }

    img.title-kidsplaza {
        width: 325px;
    }

    img.title-kakehashi {
        width: 443px;
    }

    img.title-k-mirai {
        width: 474px;
    }

    img.title-r-mirai {
        width: 435px;
    }

    img.title-g-nagashima {
        width: 360px;
    }


/* !お問い合わせ、採用応募フォーム
---------------------------------------------------------- */
    #contact-form {
        width: 960px;
        margin: 30px auto 100px auto;
        text-align: center;
    }

    #contact-form table {
        width:960px;
        margin: 0 auto;
        font-size: 18px;
        border-top: #cccccc 1px solid;
    }

    #contact-form table th{
        width:260px !important;
        padding:20px 30px 18px 30px;
        box-sizing:border-box;
        vertical-align:top;
        border-bottom: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        background-color: #ebebeb;
        box-sizing: border-box;
    }

    #contact-form table th span{
        float: right;
        width: 46px;
        margin: 2px 0 0 0;
        padding:3px 0 2px 0;
        text-align:center;
        font-size: 13px;
        color:#FFF;
        background-color:#c31f20;
        box-sizing:border-box;
        line-height: 150%;
    }

    #contact-form table td{
        width: 700px !important;
        padding:15px 0 18px 30px;
        text-align: left;
        border-bottom: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
        box-sizing: border-box;
    }

    #contact-form table td.td01{
        padding:23px 20px 18px 30px;
    }

    #contact-form table td ul li {
        float: left;
        width:320px;
        margin: 2px 0;
        padding: 0 0 0 4px;
    }

    #contact-form table td input[type="text"]{
        width:500px;
        height: 40px;
        padding-left:10px;
        font-size: 16px;
        border-radius: 0;
    }

    #contact-form table td input[type="text"].input01{
        width:300px;
    }

    #contact-form table td input[type="tel"]{
        width:300px;
        height: 40px;
        padding-left:10px;
        font-size: 16px;
        border-radius: 0;
    }

    #contact-form table td textarea{
        width:640px;
        padding: 10px;
        font-size: 16px;
        border-radius: 0;
    }

    #contact-form > form > p {
        margin: 60px auto 0 auto;
        text-align: center;
    }

    #contact-form > form > p > a {
        color: #0c00ff;
        text-decoration: underline;
    }

    #contact-form > form > button {
        position: relative;
        width: 400px;
        height: 60px;
        margin: 50px auto 0 auto;
        color: #014099;
        background-color: #ffffff;
        border: #014099 1px solid;
    }

    #contact-form > form > button:hover {
        background-color: #ecf4ff;
    }

    #contact-form > form > button::before {
        position: absolute;
        content: '';
        display: inline-block;
        top: 25px;
        right: 20px;
        width: 24px;
        height: 6px;
        background-image: url(../images/contact/arrow01.png);
        background-size: cover;
    }


    #btn_position {
        width: 880px;
        margin:60px auto 0 auto;
        text-align:center;
    }

    input.button01 {
        float: left;
        width: 400px;
        height: 60px;
        margin: 0 20px;
        color: #010101;
        background-color: #ffffff;
        border: #cccccc 1px solid;
        background: url(../images/contact/arrow03.png) center left 20px no-repeat;
        background-size: 24px;
    }

    input.button01:hover {
        background-color: #f6f5f5;
    }

    input.button02 {
        float: right;
        width: 400px;
        height: 60px;
        margin: 0 20px;
        color: #014099;
        background-color: #ffffff;
        border: #014099 1px solid;
        background: url(../images/contact/arrow01.png) center right 20px no-repeat;
        background-size: 24px;
    }

    input.button02:hover {
        background-color: #ecf4ff;
    }

    input.button03 {
        width: 400px;
        height: 60px;
        margin: 0 auto;
        color: #014099;
        background-color: #ffffff;
        border: #014099 1px solid;
        background: url(../images/contact/arrow02.png) center left 20px no-repeat;
        background-size: 24px;
    }

    input.button03:hover {
        background-color: #ecf4ff;
    }


    /* お問い合わせ完了画面 */
    #contact-comp {
        width: 100%;
        margin: 60px auto 100px auto;
        padding: 0 40px;
        text-align: center;
    }

    #contact-comp > p:nth-of-type(1) {
        font-size: 30px;
    }

    #contact-comp > p:nth-of-type(2) {
        margin: 50px auto 0 auto;
        font-size: 18px;
    }

    #contact-comp > ul {
        margin: 50px auto;
        border-top: #cccccc 1px solid;
    }

    #contact-comp > ul > li {
        width: calc(100% / 3);
        padding: 30px;
        text-align: left;
        border-bottom: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
    }

    #contact-comp > ul > li:nth-of-type(1),
    #contact-comp > ul > li:nth-of-type(4),
    #contact-comp > ul > li:nth-of-type(7) {
        border-left: #cccccc 1px solid;
    }

    #contact-comp > ul > li > img {
        display: block;
        width: 100%;
    }

    #contact-comp > ul > li > p {
        margin: 20px 0 0 0;
        padding: 0 0 0 50px;
    }

    #contact-comp > ul > li > p img {
        width: 100%;
    }

    #contact-comp > ul > li:nth-of-type(1) > img {
        max-width: 329px;
    }

    #contact-comp > ul > li:nth-of-type(1) > p img {
        max-width: 256px;
    }

    #contact-comp > ul > li:nth-of-type(2) > img {
        max-width: 220px;
    }

    #contact-comp > ul > li:nth-of-type(2) > p img {
        max-width: 260px;
    }

    #contact-comp > ul > li:nth-of-type(3) > img {
        max-width: 325px;
    }

    #contact-comp > ul > li:nth-of-type(3) > p img {
        max-width: 256px;
    }

    #contact-comp > ul > li:nth-of-type(4) > img {
        max-width: 206px;
    }

    #contact-comp > ul > li:nth-of-type(4) > p img {
        max-width: 254px;
    }

    #contact-comp > ul > li:nth-of-type(5) > img {
        max-width: 208px;
    }

    #contact-comp > ul > li:nth-of-type(5) > p img {
        max-width: 258px;
    }

    #contact-comp > ul > li:nth-of-type(6) > img {
        max-width: 328px;
    }

    #contact-comp > ul > li:nth-of-type(6) > p img {
        max-width: 256px;
    }

    #contact-comp > ul > li:nth-of-type(7) > img {
        max-width: 368px;
    }

    #contact-comp > ul > li:nth-of-type(7) > p img {
        max-width: 251px;
    }

    #contact-comp > ul > li:nth-of-type(8) > img {
        max-width: 331px;
    }

    #contact-comp > ul > li:nth-of-type(8) > p img {
        max-width: 251px;
    }

    #contact-comp > ul > li:nth-of-type(9) > img {
        max-width: 134px;
    }

    #contact-comp > ul > li:nth-of-type(9) > p img {
        max-width: 255px;
    }



/* !footer フッター
---------------------------------------------------------- */
    footer {
        width:100%;
        margin: 0 auto;
        text-align: center;
    }

    #footer-links {
        width:100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    #footer-links > ul {
        width: 100%;
    }

    #footer-links > ul > li {
        width:24%;
        margin: 0 auto;
    }


    #footer-links > ul > li img {
        width:100%;
    }


    #footer-btm {
        width: 100%;
        margin: 90px auto 0 auto;
        padding: 100px 0 0 0;
        border-top: #cccccc 1px solid;
    }

    #footer-btm > div:nth-of-type(1) {
        margin: 0 auto;
        padding: 0 40px;
        text-align: left;
    }

    #footer-btm > div:nth-of-type(1) > div:nth-of-type(1) > a > img {
        width: 287px;
        margin: 2px 0 0 0;
    }

    #footer-btm > div:nth-of-type(1) > div:nth-of-type(2) {
        width: 400px;
        margin: 0 0 0 40px;
        font-size: 14px;
        line-height: 140%;
    }

    #footer-btm > div:nth-of-type(2) {
        margin: 30px 40px 0 40px;
        padding: 30px 0 100px 0;
        border-top: #e5e5e5 1px solid;
    }

    #footer-btm > div:nth-of-type(2) > a {
        float: left;
        font-size: 14px;
    }

    #footer-btm > div:nth-of-type(2) > a img {
        width: 15px;
        margin: 6px 6px 0 0;
    }

    #footer-btm > div:nth-of-type(2) address {
        float: right;
        font-size: 12px;
    }


/* !page-top
---------------------------------------------------------- */
    #pageTop {
        position:fixed;
        display:none;
        bottom: 80px;
        right: 40px;
        width: 68px;
    }

}

/*===============================================
●画面の横幅が812px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 812px) {

    body {
        font-size: 15px;
        padding: 50px 0 0 0;
    }

    #wrapper {
        width:100%;
        height:100%;
        display:block;
        position:relative;
        padding-top: constant(safe-area-inset-top);
        padding-right: constant(safe-area-inset-right);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-left: constant(safe-area-inset-left);
    }

/* !共通
---------------------------------------------------------- */
    .spNone{
        display:none;
        }

    .sp-list-flex{
        display:-webkit-box !important;
        display:-moz-box !important;
        display:-ms-box !important;
        display:-webkit-flexbox !important;
        display:-moz-flexbox !important;
        display:-ms-flexbox !important;
        display:-webkit-flex !important;
        display:-moz-flex !important;
        display:-ms-flex !important;
        display:flex !important;
        -webkit-box-lines:multiple !important;
        -moz-box-lines:multiple !important;
        -webkit-flex-wrap:wrap !important;
        -moz-flex-wrap:wrap !important;
        -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important;
    }


/* !スマホ用ヘッダー
---------------------------------------------------------- */
    header {
        width:100%;
        height:50px;
        padding:0px;
        position:fixed;
        z-index:99999;
        top:0;
        background-color: #FFF;
        box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.2);
    }

    #header-logo {
        float: left;
        width: 160px;
        padding: 10px 0 0 10px;
    }

    #header-logo img{
        width: 160px;
    }

    .sp-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
    }


/* #menu-sp メニュー
---------------------------------------------------------- */
    #menu-sp {
        display: none;
        position: fixed;
        top:50px;
        left: 0;
        width:100%;
        height: 100%;
        z-index:99998;
        background-color: #ffffff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    #menu-sp > ul {
        width: 100%;
        height: 100%;
        padding: 0 0 200px 0;
        overflow-y: auto;
        border-top: #cccccc 1px solid;
    }

    #menu-sp > ul > li {
        width: 100%;
    }

    #menu-sp > ul > li > a {
        display: block;
        padding: 10px 27px;
        text-align: left;
        background-color: #FFF;
        border-bottom: #cccccc 1px solid;
    }

    #menu-sp > ul > li > a > img {
        height: 16px;
    }

    #menu-sp > ul > li:nth-of-type(9) {
        margin: 25px 0 0 0;
    }

    #menu-sp > ul > li:nth-of-type(9) > a {
        display: block;
        width: 232px;
        padding: 0 0 0 27px;
        border-bottom: none;
    }

    #menu-sp > ul > li:nth-of-type(9) > a > img {
        width: 232px;
        height: auto;
    }

    #menu-sp > ul > li:nth-of-type(10) {
        margin: 15px 0 20px 0;
        padding: 0 0 0 27px;
    }

    #menu-sp > ul > li:nth-of-type(10) > img {
        width: 186px;
        height: auto;
    }

    #menu-sp > ul > li:nth-of-type(11) > a {
        display: block;
        width: 88%;
        height: 53px;
        margin: 0 auto;
        padding: 14px 0 0 30px;
        background-color: #014099;
        border-radius: 25px;
        line-height: 100%;
        border-bottom: none;
    }

    #menu-sp > ul > li:nth-of-type(11) > a > img {
        width: 109px;
        height: auto;
    }


    #overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index:99997;
        background-color: rgba(0,0,0,0.6);
    }



/* !サブページ　メイン画面
---------------------------------------------------------- */
    #sub-mainImage{
        width:100%;
        margin:0 auto;
    }

    #sub-mainImage img {
        width:100%;
    }


/* !各施設タイトル共通
---------------------------------------------------------- */
    img.title-shougakusei {
        width: 177px;
    }

    img.title-cyuo {
        width: 157px;
    }
    img.title-cyuo_kaigo{
      width: auto;
      height: 20px;
    }

    img.title-clinic {
        width: 100%;
        max-width: 316px;
    }

    img.title-kotobuki {
        width: 270px;
    }

    img.title-nagashima {
        width: 272px;
    }

    img.title-residence {
        width: 306px;
    }

    img.title-kidsplaza {
        width: 218px;
    }

    img.title-kakehashi {
        width: 100%;
        max-width: 296px;
    }

    img.title-k-mirai {
        width: 100%;
        max-width: 318px;
    }

    img.title-r-mirai {
        width: 100%;
        max-width: 291px;
    }

    img.title-g-nagashima {
        width: 100%;
        max-width: 240px;
    }


/* !お問い合わせ、見学予約フォーム、フェア予約フォーム
---------------------------------------------------------- */
    #contact-form {
        width: 94%;
        margin: 30px auto 60px auto;
        text-align: center;
    }

    #contact-form table {
        width:100%;
        margin: 0 auto;
        font-size: 15px;
    }

    #contact-form table th {
        display: block;
        width:100%;
        padding: 13px;
        box-sizing:border-box;
        background-color: #ebebeb;
    }

    #contact-form table th span{
        display: inline-block;
        width: 30px;
        margin: 4px 0 0 20px;
        padding:3px 0 2px 0;
        text-align:center;
        font-size: 10px;
        color:#FFF;
        background-color:#c31f20;
        box-sizing:border-box;
        line-height: 150%;
    }

    #contact-form table td{
        display: block;
        width:100%;
        padding:15px 0 30px 0;
        text-align: left;
    }

    #contact-form table td ul {
        margin: 15px 0 0 0;
    }

    #contact-form table td ul li {
        margin: 2px 0;
        padding: 0 0 0 2px;
    }

    #contact-form table td.td01{
        padding:5px 0 30px 0;
    }

    #contact-form table td input[type="text"]{
        width:100%;
        height: 40px;
        padding-left:10px;
        font-size: 16px;
        border-radius: 0;
    }

    #contact-form table td input[type="text"].input01{
        width:100%;
    }

    #contact-form table td input[type="tel"]{
        width:100%;
        height: 40px;
        padding-left:10px;
        font-size: 16px;
        border-radius: 0;
    }

    #contact-form table td textarea{
        width:100%;
        padding: 10px;
        font-size: 16px;
        border-radius: 0;
    }

    #contact-form table td p{
        width:100%;
        height: 150px;
        padding: 10px;
        border: #cccccc 1px solid;
        overflow-y:scroll;
    }

    #contact-form > form > p {
        margin: 0 auto;
    }

    #contact-form > form > p > a {
        font-size: 15px;
        color: #0c00ff;
        text-decoration: underline;
    }

    #contact-form > form > button {
        position: relative;
        display: inline-block;
        width: 265px;
        height: 40px;
        margin: 35px auto 0 auto;
        color: #014099;
        background-color: #ffffff;
        border: #014099 1px solid;
    }

    #contact-form > form > button::before {
        position: absolute;
        content: '';
        display: inline-block;
        top: 17px;
        right: 10px;
        width: 16px;
        height: 4px;
        background-image: url(../images/contact/arrow.png);
        background-size: cover;
    }

    #btn_position {
        margin:30px auto 0 auto;
        text-align:center;
    }

    input.button01 {
        width: 265px;
        height: 40px;
        margin: 20px 0 0 0;
        color: #010101;
        background-color: #ffffff;
        border: #cccccc 1px solid;
        background: url(../images/contact/arrow02.png) center left 10px no-repeat;
        background-size: 16px;
    }

    input.button02 {
        width: 265px;
        height: 40px;
        color: #014099;
        background-color: #ffffff;
        border: #014099 1px solid;
        background: url(../images/contact/arrow01.png) center right 10px no-repeat;
        background-size: 16px;
    }

    input.button03 {
        width: 265px;
        height: 40px;
        margin: 0 auto;
        color: #014099;
        background-color: #ffffff;
        border: #014099 1px solid;
        background: url(../images/contact/arrow02.png) center left 10px no-repeat;
        background-size: 16px;
    }


    /* お問い合わせ完了画面 */
    #contact-comp{
        width: 100%;
        margin:40px auto 50px auto;
        text-align:center;
    }

    #contact-comp p:nth-of-type(1){
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
    }

    #contact-comp p:nth-of-type(2){
        width: 94%;
        margin: 20px auto 0 auto;
        text-align: left;
    }

    #contact-comp > ul {
        margin: 30px auto;
        border-top: #cccccc 1px solid;
    }

    #contact-comp > ul > li {
        width: 100%;
        padding: 20px;
        text-align: left;
        border-bottom: #cccccc 1px solid;
    }

    #contact-comp > ul > li > img {
        display: block;
        width: 100%;
    }

    #contact-comp > ul > li > p {
        padding: 0 0 0 35px;
    }

    #contact-comp > ul > li > p > a {
        display: block;
        margin: 15px 0 0 0;
    }

    #contact-comp > ul > li > p img {
        width: 100%;
    }

    #contact-comp > ul > li:nth-of-type(1) > img {
        max-width: 234px;
    }

    #contact-comp > ul > li:nth-of-type(1) > p a {
        max-width: 179px;
    }

    #contact-comp > ul > li:nth-of-type(2) > img {
        max-width: 162px;
    }

    #contact-comp > ul > li:nth-of-type(2) > p a {
        max-width: 179px;
    }

    #contact-comp > ul > li:nth-of-type(3) > img {
        max-width: 240px;
    }

    #contact-comp > ul > li:nth-of-type(3) > p a {
        max-width: 177px;
    }

    #contact-comp > ul > li:nth-of-type(4) > img {
        max-width: 150px;
    }

    #contact-comp > ul > li:nth-of-type(4) > p a {
        max-width: 175px;
    }

    #contact-comp > ul > li:nth-of-type(5) > img {
        max-width: 152px;
    }

    #contact-comp > ul > li:nth-of-type(5) > p a {
        max-width: 178px;
    }

    #contact-comp > ul > li:nth-of-type(6) > img {
        max-width: 242px;
    }

    #contact-comp > ul > li:nth-of-type(6) > p a {
        max-width: 176px;
    }

    #contact-comp > ul > li:nth-of-type(7) > img {
        max-width: 272px;
    }

    #contact-comp > ul > li:nth-of-type(7) > p a {
        max-width: 172px;
    }

    #contact-comp > ul > li:nth-of-type(8) > img {
        max-width: 244px;
    }

    #contact-comp > ul > li:nth-of-type(8) > p a {
        max-width: 173px;
    }

    #contact-comp > ul > li:nth-of-type(9) > img {
        max-width: 97px;
    }

    #contact-comp > ul > li:nth-of-type(9) > p a {
        max-width: 175px;
    }


/* !footer フッター
---------------------------------------------------------- */
    footer {
        width:100%;
        margin: 0 auto;
        text-align: center;
    }

    #footer-links {
        width:94%;
        margin: 0 auto;
    }

    #footer-links > ul {
        width: 100%;
    }

    #footer-links > ul > li {
        width: 100%;
        margin: 0 auto 20px auto;
    }

    #footer-links > ul > li img {
        width:100%;
    }

    #footer-btm {
        width: 100%;
        margin: 75px auto 0 auto;
        padding: 30px 0 0 0;
        border-top: #cccccc 1px solid;
    }

    #footer-btm > div:nth-of-type(1) {
        width:94%;
        margin: 0 auto;
        text-align: left;
    }

    #footer-btm > div:nth-of-type(1) > div:nth-of-type(1) > a > img {
        width: 215px;
    }

    #footer-btm > div:nth-of-type(1) > div:nth-of-type(2) {
        margin: 20px 0 0 0;
        font-size: 12px;
    }

    #footer-btm > div:nth-of-type(2) {
        margin: 25px auto 0 auto;
        padding: 15px;
        border-top: #e5e5e5 1px solid;
    }

    #footer-btm > div:nth-of-type(2) > a {
        float: left;
        font-size: 12px;
    }

    #footer-btm > div:nth-of-type(2) > a img {
        width: 15px;
        margin: 4px 6px 0 0;
    }

    #footer-btm > div:nth-of-type(2) address {
        float: right;
        font-size: 12px;
    }


/* !page-top
---------------------------------------------------------- */
    #pageTop {
        position:fixed;
        display:none;
        bottom:40px;
        right:18px;
        width: 68px;
        z-index:100;
    }


}