@charset "utf-8";
/*
Theme Name: lifesupport-service
Author: masa
Author URI: http://www.masa-cr.com/
Description: ライフサポート株式会社
Version: 1.0
*/
/* ===============================
=====================  初期設定  */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html {
	line-height: 1.75;
	font-size:15px;
	font-family: 'Open Sans', 'noto sans japanese', 'Droid Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	color:#666;
	background-color:transparent;
}
blockquote {border:dotted 1px #999}
dl {border:solid 1px #ccc}
table {border-top:solid 1px #ccc}
caption {background: #999;color: #fff}
th {background:#f3f3f3;border-bottom:solid 1px #ccc;padding:2%;}
td {background:transparent;border-bottom:solid 1px #ccc;padding:2%;}
hr {color:#ccc;background-color:#ddd}
fieldset {border:1px solid #ccc}
a {text-decoration:underline;color:#666}
a:visited {text-decoration:;color:#aaa}
a:hover {text-decoration:none;color:;}
a:active {text-decoration:underline;color:#333}


/* ===============================
=====================  ボックス  */
/***** grid *****/
.grid01, .grid02, .grid03, .grid04, .grid05, .grid06, .grid07, .grid08, .grid09, .grid10, .grid11 {
    float:left;
    margin:0;
    padding:0;
}
.grid01 {width:8.333%}
.grid02 {width:16.666%}
.grid03 {width:25%}
.grid04 {width:33.333%}
.grid05 {width:41.666%}
.grid06 {width:50%}
.grid07 {width:58.333%}
.grid08 {width:66.666%}
.grid09 {width:75%}
.grid10 {width:83.333%}
.grid11 {width:91.666%}
.gridFirst {margin-left:0;clear:left}
@media screen and (min-width: 680px) {
    .gridR01, .gridR02, .gridR03, .gridR04, .gridR05, .gridR06, .gridR07, .gridR08, .gridR09, .gridR10, .grid11R {
        float:left;
        margin:0;
        padding:0;
    }
    .gridR01 {width:8.333%}
    .gridR02 {width:16.666%}
    .gridR03 {width:25%}
    .gridR04 {width:33.333%}
    .gridR05 {width:41.666%}
    .gridR06 {width:50%}
    .gridR07 {width:58.333%}
    .gridR08 {width:66.666%}
    .gridR09 {width:75%}
    .gridR10 {width:83.333%}
    .gridR11 {width:91.666%}
}


/* ===============================
=====================  共通設定  */
/***** フォントサイズ *****/
.fs_5l {font-size:1.6em}/* 24 */
.fs_4l {font-size:1.333em}/* 20 */
.fs_3l {font-size:1.2em}/* 18 */
.fs_2l {font-size:1.133em}/* 17 */
.fs_l {font-size:1.066em}/* 16 */
.fs_m {font-size:1em}/* 15 */
.fs_s {font-size:.933em}/* 14 */
.fs_2s {font-size:.866em}/* 13 */
.fs_3s {font-size:.8em}/* 12 */
@media screen and (min-width: 560px) {
    .fs_5l {font-size:2em}/* 30 */
    .fs_4l {font-size:1.6em}/* 24 */
    .fs_3l {font-size:1.333em}/* 20 */
    .fs_2l {font-size:1.2em}/* 18 */
    .fs_l {font-size:1.066em}/* 16 */
    .fs_m {font-size:1em}/* 15 */
    .fs_s {font-size:.933em}/* 14 */
    .fs_2s {font-size:.866em}/* 13 */
    .fs_3s {font-size:.8em}/* 12 */
}

/***** 文字色 *****/
.txc_01,a.txc_01 {color:#1d2088}/* 紺 */
.txc_02,a.txc_02 {color:#d33;}/* 赤 */
.txc_03,a.txc_03 {}/*  */

/***** 背景 *****/
.bgc_01 {background:url('./images/back_01.png')}/*  */
.bgc_02 {}/*  */
.bgc_03 {}/*  */

/***** 見出し *****/
.h_01 {
    color:#1d2088;
    font-weight:normal;
}
.h_02 {
    color:#1d2088;
    font-weight:normal;
    padding:30px 0 4px 30px;
    background:url('./images/back_h_02.png') no-repeat left top;
}
.h_03 {
    color:#1d2088;
    border:solid 1px #1d2088;
    border-radius:6px;
    padding:20px 3%;
    text-align:center;
}

/***** ボタン *****/
.btn_01 a, a.btn_01 {}
.btn_02 a, a.btn_02 {}
.btn_03 a, a.btn_03 {}
a.pdfBtn {
    border:solid 1px #999;
    text-decoration:none;
    display:inline-block;
    padding:4px 8px;
    border-radius:6px;
    color:#666;
}
a.pdfBtn:before {
    content:"\f1c1";
    font-family:'FontAwesome';
    color:#d00;
    margin-left:.2em;
    margin-right:.4em;
}
a.pdfBtn:hover {
    background:#999;
    color:#fff;
}

/***** リスト *****/
.list_01 {}
.list_02 {}
.list_03 {}
.dl_01 {
    border:none;
    padding:40px 5% 15px;
    text-align:center;
    background:#fcf3f3;
}
.dl_01 dt,
.dl_01 dd{
    max-width:600px;
    background:#fff;
}
.dl_01 dt {
    color:#d33;
    margin:0 auto 1em;
    padding:20px 3% 34px;
    background:url('./images/line_dl_01.png') no-repeat center bottom #fff;
}
.dl_01 dd {
    margin:0 auto 2em;
    padding:20px 3%;
    border-bottom:solid 2px #ddd;
}
.komeList {
    padding:0;
    list-style:none;
}
.komeList li {
    padding-left:1.2em;
}
.komeList li:before {
    content:"※";
    margin-left:-1.2em;
    margin-right:.2em;
}

/***** その他 *****/
.box_01,
.box_02 {
    background:url('./images/back_01.png');
    padding:5%;
}
@media screen and (min-width: 560px) {
    .box_01,
    .box_02 {
        padding:4% 5%;
    }
}
.box_02 {
    border:solid 8px #fce5e5;
    background:url('./images/back_02.png');
    border-radius:10px;
}
.scrollTable {
    overflow: auto;
    white-space: nowrap;
}
.scrollTable::-webkit-scrollbar{
    height: 5px;
}
.scrollTable::-webkit-scrollbar-track{
    background: #F1F1F1;
}
.scrollTable::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}
.centerTable th,
.centerTable td {
    text-align:center;
    vertical-align:middle;
    padding-left:1.2em;
    padding-right:1.2em;
}


/* ===============================
====================  レイアウト  */
#container {
    min-width:320px;
}
.inner {
    max-width: 1000px;
    padding-left:3%;
    padding-right:3%;
    margin-left:auto;
    margin-right:auto;
}
article.post,
article.page {
    padding-left:3%;
    padding-right:3%;
    margin-bottom:6%;
}
#header,
#keyvisual,
#main,
#main2,
#footer,
#footer2 {
    clear:both;
}
#header {
    padding-top:10px;
    padding-bottom:16px;
    position:relative;
}
#main>.inner,
#main2>.inner {
    padding-bottom:8%;
}
#footer {
    padding-top:2em;
    padding-bottom:2em;
}
#footer2 {
    padding-top:4px;
    padding-bottom:4px;
}
@media screen and (min-width: 660px) {
    #header {
        padding-top:26px;
        padding-bottom:30px;
    }
}



/* ===============================
======================  header  */
.headerLogo {
    margin:0;
    width:220px;
}

/***** menu-trigger *****/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index:1000;
}
.menu-trigger {
	position: absolute;
	width: 30px;
	height: 24px;
	top:22px;
    right:15px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ccc;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 11px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}


#globalNav ul {
    margin:0;
    padding:16px 0 0;
    list-style:none;
    font-family: 'noto sans japanese';
    display:none;
}
#globalNav li {
    display:inline-block;
    margin:0 3%;
}
#globalNav a {
    color:#666;
    text-decoration:none;
    padding:10px 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
#globalNav a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #1d2088;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#globalNav li.current a:before,
#globalNav a:hover:before, #globalNav a:focus:before, #globalNav a:active:before {
  left: 0;
  right: 0;
}

@media screen and (min-width: 660px) {
    .headerLogo {
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width:326px;
    }
    .menu-trigger {
        display:none;
    }
    #globalNav ul {
        display:block;
        text-align:center;
    }
    #globalNav li {
        display:inline-block;
        margin:0 2%;
    }
}
@media screen and (min-width: 880px) {
}



/* ===============================
===================  breadcrumb */
.breadcrumb {
    margin:0;
    padding:0;
    list-style:none;
    font-size:.833em;
    text-align:right;
    color:#999;
}
.breadcrumb li {
    margin:0 0 0 -7px;
    padding:0 6px 0 12px;
    display:inline-block;
    border-right:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    border-radius:0 0 6px 0;
    text-overflow:ellipsis;
    max-width:10em;
    overflow:hidden;
    white-space:nowrap;
}
.breadcrumb li:first-child {
    border-left:solid 1px #ddd;
    border-radius:0 0 6px 6px;
    margin:0;
    padding:0 6px;
}
.breadcrumb a {
    text-decoration:none;
    color:#777;
}



/* ===============================
====================  pageTitle */
#pageTitle {
    border-top:solid 1px #ddd;
}
#pageTitle .inner {
    background:url('./images/back_pagetitle.png') no-repeat left top;
    background-size:60px;
}
#pageTitle h1 {
    margin:3% 0 2% 3%;
    color:#888;
    font-weight:normal;
    text-shadow:1px 1px 0 #fff;
}
@media screen and (min-width: 560px) {
    #pageTitle .inner {
        background-size:auto;
    }
}


/* ===============================
======================  content */
.postDate span {
    background:#b5b6d8;
    color:#fff;
    padding-left:.5em;
    padding-right:.5em;
    font-size:.866em;
    letter-spacing:.1em;
}
.screen-reader-text {
    display:none;
}
.nav-links {
    border-top:dashed 1px #ccc;
    margin-left:3%;
    margin-right:3%;
    padding-top:3%;
}
.nav-links:after {
    content:"";
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
}
.nav-previous {
    float:left;
    width:48%;
    text-align:left;
}
.nav-next {
    float:right;
    width:48%;
    text-align:right;
}
.pagination .nav-links {
    text-align:center;
}
.page-numbers {
    margin-left:4px;
    margin-right:4px;
}
.nav-links a,
a.page-numbers {
    display:inline-block;
    padding:3px 12px;
    color:#666;
    border:solid 1px #999;
    text-decoration:none;
}
.nav-links a:hover,
a.page-numbers:hover {
    background:#999;
    color:#fff;
}
.postTitle {
    margin-top:0;
}
.eyecatchArea {
    /*text-shadow:1px 1px 0 #fff;
    min-height:280px;
    max-width:650px;*/
}
.eyecatchArea .imageArea{
    text-align:right;
}
.eyecatchArea .textArea{
    margin-bottom:6%;
}
@media screen and (min-width: 660px) {
    .eyecatchArea .imageArea{
        float:right;
        width:48%;
    }
    .eyecatchArea .textArea{
        float:left;
        width:49%;
    }
}


/* ===============================
======================  footer  */
#footer {
    border-top:solid 1px #ddd;
    line-height:1.5;
}
#footer ul {
    margin:0 2em 0 0;
    padding:0;
    list-style:none;
    float:left;
}
#footer li {
    margin:0 0 .8em;
    padding:0 0 0 1.2em;
    background:url('./images/arrow_s.jpg') no-repeat left center;
}
#footer a {
    text-decoration:none;
    color:#666;
}
.footerOutline {
    clear:both;
}
.footerOutline .mg_0 {
    padding-top:2em;
}
#footer img {
    vertical-align:top;
}
#footer2 {
    background:#1d2088;
    color:#fff;
    border-left:solid 12px #e60012;
    position:relative;
}
#footer2 ul {
    margin:0 0 2em 2%;
    padding:0;
    list-style:none;
    font-size:.8em;
}
#footer2 li {
    display:inline;
    margin-right:2em;
}
#footer2 a {
    color:#fff;
    text-decoration:none;
}
.copyRight {
    margin:0;
    text-align:right;
    position:absolute;
    left:2%;
    bottom:5px;
    font-size:.733em;
}
@media screen and (min-width: 560px) {
    #footer2 ul {
        margin:0 0 0 2%;
    }
    .copyRight {
        left:auto;
        right:2%;
    }
}
@media screen and (min-width: 660px) {
    .footerOutline {
        clear:inherit;
        float:right;
        width:18em;
    }
    .footerOutline .mg_0 {
        padding-top:0;
    }
}
#pagetop {
    position:fixed;
    width:54px;
    right:0;
    bottom:0;
    text-align: center;
}
#pagetop a {
    display: block;
    background:#1d2088;
    font-size:1.8em;
    line-height: 1;
    color:#fff;
    height:40px;
    padding-top:12px;
}

/* ===============================
=================  #page-index  */
#page-index #keyvisual {
    background:#eeedeb;
    overflow:hidden;
}
#page-index #keyvisual .inner {
    padding:0;
}
@media screen and (max-width: 559px) {
    #page-index #keyvisual .inner {
        margin-left:-15%;
        margin-right:-15%;
    }
}
#page-index #main>.inner,
#page-index #main2>.inner {
    padding-top:6%;
}
#indexNav ul {
    margin:0 -2% 7%;
    padding:0;
    list-style:none;
    text-align:center;
}
#indexNav li {
    width:46%;
    height:15.75%;
    margin:0 2% 2%;
    float:left;
    overflow:hidden;
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#indexNav li:after {
    content:"";
    background:url('./images/index_nav_shadow.png') no-repeat center top;
    display:block;
    height:12px;
}
#indexNav li:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
#indexNav li img {
    opacity:1;
}
#indexNav span {
    display:block;
    padding:22px 0;
    background:url('./images/arrow_l.png') no-repeat right center;
    max-width:220px;
    margin:auto;
}
#indexNav a {
    color:#666;
    text-decoration:none;
}
@media screen and (min-width: 680px) {
    #indexNav li {
        width:21%;
        font-size:1.066em;
    }
}
.indexYoubou {
    border:none;
    max-width:800px;
    margin:0 auto 8%;
    line-height:1.5;
}
.indexYoubou dt {
    margin:0 0 2em;
    padding:5%;
    background:#ececf7;
    position:relative;
}
.indexYoubou dt:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border:solid 16px transparent;
    border-top:solid 16px #ececf7;
    position:absolute;
    left:0;
    bottom:-31px;
    right:0;
    margin:auto;
}
.indexYoubou dd {
    margin:0 0 2em 0;
    padding:0;
}
@media screen and (min-width: 680px) {
    .indexYoubou dt,
    .indexYoubou dd,
    .indexYoubou span {
        height:86px;
    }
    .indexYoubou span {
        display:table-cell;
        vertical-align:middle;
    }
    .indexYoubou dt span {
        padding-left:8%;
        padding-right:8%;
    }
    .indexYoubou dt {
        padding:0;
        width:45%;
        float:left;
    }
    .indexYoubou dt:after {
        border:solid 10px transparent;
        border-left:solid 20px #ececf7;
        left:auto;
        top:0;
        bottom:0;
        right:-29px;
    }
    .indexYoubou dd {
        margin:0 0 2em 50%;
    }
}
.newsList {
    margin:0;
}
.newsList h2 {
    font-weight:normal;
}
.newsList dl {
    border:none;
    border-left:solid 1px #ddd;
    margin:0;
    padding:1em 0 2px 4%;
    line-height:1.5;
}
.newsList dt {
    float:left;
    width:6em;
    margin-bottom:1em;
}
.newsList dd {
    margin-left:6em;
    margin-bottom:1em;
}
@media screen and (min-width: 560px) {
    .newsList h2 {
        text-align:right;
        padding-top:20px;
    }
    .newsList dl {
        margin:0 0 0 8%;
        padding:30px 0 15px 8%;
    }
    .newsList dt {
        width:8em;
    }
    .newsList dd {
        margin-left:8em;
    }
}
#page-index #main2 {
    background:url('./images/back_index_main2.jpg') no-repeat center top;
    background-size:1200px;
}
@media screen and (min-width: 560px) {
    #page-index #main2 {
        background-size:auto;
    }
}
.missionTitle {
    font-size:2em;
    font-weight:300;
    text-align:right;
    background:url('./images/index_midashi_logo.png') no-repeat right bottom;
    margin:0 0 80px;
    padding:80px 100px 0 0;
    color:#1d2088;
    text-shadow:1px 1px 0 #fff;
}
@media screen and (min-width: 560px) {
    .missionTitle {
        font-size:3em;
        margin:0 0 80px;
        padding:80px 100px 0 0;
    }
}
.missionDetail {
    clear:both;
    margin-bottom:4em;
}
.missionDetail .alignleft {
    float:none;
}
.missionDetail h3 {
    font-weight:normal;
    margin:.8em 0 0 2%;
}
.missionDetail ul {
    margin:.6em 0 0 2%;
    padding:0;
    list-style:none;
    line-height:1.5;
}
.missionDetail li {
    margin:0 0 .6em;
    padding-left:1.5em;
    position:relative;
}
.missionDetail li:before {
    content:"○";
    position:absolute;
    left:.2em;
}
.missionDetail img {
    width:120px;
}
@media screen and (min-width: 680px) {
    .missionDetail .alignleft {
        float:left;
    }
    .missionDetail h3 {
        margin:0 0 0 220px;
    }
    .missionDetail ul {
        margin:.6em 0 0 220px;
    }
    .missionDetail img {
        width:auto;
    }
}


/* ===============================
=========  #page-syudankenshin  */


/* ===============================
===============  #page-company  */
#page-company .eyecatchArea h2 {
    line-height:1.75;
}
#page-company .eyecatchArea span {
    background:#1d2088;
    color:#fff;
    text-shadow:none;
    padding-left:.2em;
    padding-right:.2em;
}


/* ===============================
=========  #page-jyunkaikenshin */
.jyunkaiFlow {
    list-style:none;
    padding:0;
}
.jyunkaiFlow li {
    padding:20px 30px 20px 180px;
    background-repeat:no-repeat;
    background-position:30px center;
    min-height:100px;
    border:solid 1px #ddd;
    border-radius:10px;
}
.jyunkaiFlow h3 {
    font-weight:normal;
    font-size:2em;
    margin:.5em 0 .5em;
}
.irai {
    background-image:url('./images/jyunkai_flow_1.png');
}
.uchiawase {
    background-image:url('./images/jyunkai_flow_2.png');
}
.jyunbi {
    background-image:url('./images/jyunkai_flow_3.png');
}
.jisshi {
    background-image:url('./images/jyunkai_flow_4.png');
}
.anketo {
    background-image:url('./images/jyunkai_flow_5.png');
}
.kekka {
    background-image:url('./images/jyunkai_flow_6.png');
}
.after-follow {
    background-image:url('./images/jyunkai_flow_7.png');
}
@media screen and (max-width: 679px) {
    .jyunkaiFlow li {
        padding:140px 30px 20px;
        background-position:center 30px;
    }
}



/* ===============================
===============  #page-sangyoi  */



/* ===============================
================  メールフォーム  */
.mw_wp_form {
    /*background:#fff;
    box-shadow:3px 3px 10px #999;
    padding:3%;*/
}
#page-contact .contentWidth,
#page-confirm .contentWidth,
#page-finish .contentWidth {
    max-width:600px;
    margin:auto;
}
.formTable {
    margin:0 auto 2em;
    padding:0;
    border:none;
}
.formTable label {
    display:inline-block;
    margin-right:1.4em;
}
.formTable th,
.formTable td {
    border:none;
    padding: 12px 0;
    background:#fff;
}
.formTable input[type="text"],
.formTable input[type="email"],
.formTable textarea {
    background: #fff;
    border:solid 1px #ccc;
    border-radius: 4px;
    padding: 6px 2px;
    width: 100%;
    box-sizing:border-box;
}
.formBtn {
    text-align: center;
}
.formBtn input[type="submit"],
.formBtn input[type="button"] {
    border:none;
    background: #ddd;
    padding: 15px 20px;
    margin:0 .5em;
    border-radius:4px;
}
.formBtn input[type="submit"]:hover,
.formBtn input[type="button"]:hover {
    background: #ccc;
}
@media screen and (max-width: 559px) {
    .formTable th,
    .formTable td {
        display:block;
        padding:2px;
    }
    .formTable td {
        padding-bottom:15px;
    }
}
.mw_wp_form_confirm .confirmNone {
    display:none;
}