@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@500;600;700&display=swap');

body {
    font-family: 'Noto Sans JP', "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
    font-weight: 500;
    color: #051b31;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

main{ display: block; }

input, textarea {
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5rem 20px .5rem .5rem;
    background: url(../img/icon-triangle_down.png) no-repeat right 0.5rem center;
    font-size: 16px;
}
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    margin-right: .5rem;
    border-radius: 50%;
    position: relative;
}
.place-help-link {
    margin-left: 15px;
    display: inline-grid;
    background-color: #ff9900;
    padding: 0 5px;
    text-align: center;
    color: white;
    font-weight: 900;
    border: 1px solid #cc3300;
    border-radius: 5px;
    line-height: 1.2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

a:hover {
	text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

@media print, screen and (min-width: 769px){
	a[href*="tel:"]{ pointer-events: none; }
}
div:not(.modal__content) h2{ text-indent: 0; }

@media print, screen and (max-width: 768px){
	.alignL-smt{ text-align: left; }
	.alignC-smt{ text-align: center; }
	.alignR-smt{ text-align: right; }
}

@media print, screen and (min-width: 521px) { .none521{ display: none} }
@media print, screen and (min-width: 769px) { .none769{ display: none} }
@media print, screen and (min-width: 857px) { .disSmt{ display: none; } }
@media print, screen and (max-width: 856px) { .disPc{ display: none; } }
@media print, screen and (max-width: 768px) { .none768{ display: none} }
@media print, screen and (max-width: 760px) { .none760{ display: none} }
@media print, screen and (max-width: 730px) { .none730{ display: none} }
@media print, screen and (max-width: 640px) { .none640{ display: none} }
@media print, screen and (max-width: 520px) { .none520{ display: none} }
@media print, screen and (max-width: 480px) { .none480{ display: none} }
@media print, screen and (max-width: 420px) { .none420{ display: none} }

.container {
    margin: 0 auto;
    max-width: 1020px;
    width: 96%;
}
@media all and (-ms-high-contrast: none) {
	.lp-banner-wrap .container{ margin: 0; }
}
.lp-banner-wrap {
    background-image: url(../img/banner_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 860px;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lp-banner {
    text-align: center;
}
.lp-banner .lp-banner-ttl{
    margin: 0 auto 0 auto;
    max-width: 650px;
    width: 90%;
}
@media print, screen and (min-width: 769px) {
	.lp-banner .lp-banner-ttl > div{
		margin: 0 auto 40px;
		width: 90%;
	}
}
@media print, screen and (min-width: 1100px) {
    .lp-banner-wrap{
        background-size: 1090px;
        height: 720px;
    }
    .lp-banner .lp-banner-ttl{
        margin-bottom: 40px;
    }
}
@media print, screen and (max-width: 1099px) {
    .lp-banner-wrap{
        background-size: 100%;
        height: 65vw;
    }
    .lp-banner .lp-banner-ttl{
        margin-bottom: 2%;
        width: 65%;
    }
}
@media print, screen and (max-width: 856px) and ( min-width:769px ) {
	.lp-banner .lp-banner-ttl > div{ margin-top: 30px; } 
}
@media print, screen and (max-width: 768px) {
    .lp-banner .lp-banner-ttl{
        margin-bottom: 30px;
        max-width: 310px;
        width: 80%;
    }
	.lp-banner .lp-banner-ttl > div{
		margin: 0 auto 10px auto;
		padding-right: 30px;
	} 
}

.lp-banner-method {
    display: inline-block;
    position: relative;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 auto .5em auto;
    max-width: 400px;
}
.lp-banner-link a {
    display: block;
    padding: .5em 2em;
    margin: 0 auto;
    background: #051b31;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 10px;
    max-width: 480px;
}
.lp-banner-link a span { font-size: 1.25em; }
@media print, screen and (min-width: 1100px) {
    .lp-banner-link a{
        max-width: 480px;
        padding: .75em 1.2em;    
    }
}
@media print, screen and (max-width: 1099px){
    .lp-banner-method{ width: 30%; }
    .lp-banner-link a{
        max-width: 400px;
        width: 50%;
    }
}
@media print, screen and (max-width: 856px) {
    .lp-banner-method{
        margin-bottom: 0.25em;
        width: 34%;
    }
    .lp-banner-link a{
        max-width: 350px;
        width: 40%;
    }
}

.lp-idea-wrap {
    background-image: url(../img/bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.lp-idea {
    padding: 60px 0;
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
    font-weight: 500;
    font-size: 24px;
    color: #100000;
    text-align: center;
    text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, -1px -1px 2px #ffffff, 1px 1px 2px #ffffff,
                2px 2px 3px #ffffff, -2px 2px 3px #ffffff, -2px -2px 3px #ffffff, 2px -2px 3px #ffffff, 
                3px 3px 4px #ffffff, -3px 3px 4px #ffffff, -3px -3px 4px #ffffff, 3px -3px 4px #ffffff,
                3px 3px 5px #ffffff, -3px 3px 5px #ffffff, -3px -3px 5px #ffffff, 3px -3px 5px #ffffff;
    line-height: 1.5;
}

.lp-flow-wrap {
    padding: 60px 0 120px;
    background-image: url(../img/bg02.png);
    background-repeat: no-repeat;
    background-position: center;
}
@media print, screen and (min-width: 1100px) {
   .lp-flow-wrap { background-size: cover; }
}
.lp-flow {
    margin: 0 auto;
    max-width: 850px;
    width: 96%;
}

.lp-flow-ttl {
    text-align: center;
    border-bottom: 1px solid #051b31;
    margin-bottom: 50px;
}
.lp-flow-ttl .ttl-sub {
    display: inline-block;
    font-size: 20px;
    padding: 1.5em 2em 3em;
    background-image: url(../img/diag01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.lp-flow-ttl h2 {
    font-size: 40px;
    font-weight: bold;
}
.lp-flow-ttl h2 span {
    font-size: .75em;
    font-weight: 500;
}
.lp-flow-cont table {
    width: 100%;
    border-collapse: initial;
    line-height: 1.5;
    background: #fff;
}
.lp-flow-cont table, 
.lp-flow-cont th, 
.lp-flow-cont td {
    border: 1px solid #051b31;
}
.lp-flow-cont th {
    width: 50%;
    padding: 1em;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    background-color: #eaf7ff;
}
.lp-flow-cont th .d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lp-flow-cont th .flow-img {
    margin: 0 20px 0 auto;
    max-width: 70px;
    width: 35%;
}
.lp-flow-cont th .flow-lbl {
    width: 60%;
    text-align: left;
}
.lp-flow-cont td {
    padding: 1.5em;
    font-size: 20px;
    font-weight: 400;
}
.lp-flow-cont td .big {
    font-size: 1.15em;
    font-weight: bold;
}

.lp-problem-wrap {
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
}
.lp-problem-wrap .big2 {
    font-size: 1.65em;
    font-weight: 700;
}
.lp-problem-wrap .red-bb {
    color: #ff0000;
    border-bottom: .2em solid #ff0000;
}
.lp-problem-wrap .big1 {
    font-size: 1.4em;
    font-weight: 600;
}
.bb { border-bottom: .2em solid #001d67; }

.lp-problem-wrap .bold {
    font-weight: 600;
}
.lp-problem-wrap .color01,
.lp-corporat-profile .color01{ color: #ff0000; }

.lp-problem-intro {
    background-color: #eaf7ff;
    padding: 50px 0;
    font-size: 20px;
    text-align: center;
    color: #001d67;
}
.lp-problem-cont {
    padding: 50px 0;
}
.lp-problem-cont .cont-blk1{
    margin: 0 auto;
    max-width: 860px;
    width: 100%;
}
.lp-problem-cont .cont-blk1 ul {
    display: flex;
    justify-content: space-between;
}
.lp-problem-cont .cont-blk1 ul li {
    width: 32%;
    font-size: 21px;
    text-align: center;
    padding: 1.5em 1em 4em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.lp-problem-cont .cont-blk1 ul li:nth-of-type(1) {
    background-image: url(../img/diag02.png);
}
.lp-problem-cont .cont-blk1 ul li:nth-of-type(2) {
    background-image: url(../img/diag03.png);
}
.lp-problem-cont .cont-blk1 ul li:nth-of-type(3) {
    background-image: url(../img/diag04.png);
}
.lp-problem-cont .cont-blk1 .center-img {
    text-align: center;
}
.lp-problem-cont .cont-blk2 {
    margin: 2em 0;
    font-size: 21px;
    text-align: center;
}
.lp-problem-cont .cont-blk3 {
    display: flex;
    justify-content: center;
}

.lp-problem-cont .cont-blk3 .blk3-left {
    /* font-size: 20px;
    padding: 1em 2em 4em;
    background-image: url(../img/diag05.png);
    background-repeat: no-repeat;
    background-size: 100%; */
}

@media print, screen and (min-width: 769px) {
    .lp-problem-cont .cont-blk3 .blk3-right{
        max-width: 190px;
    }
    .lp-problem-cont .cont-blk3 .blk3-left {
        max-width: 200px;
    }
}
.lp-sel-case {
    padding: 30px 0;
    background-color: #afd4ed;
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
    line-height: 1.5;
}
.lp-sel-case .sel-case-lbl {
    font-size: 25px;
    font-weight: 600;
    color: #001d67;
    text-align: center;
}
.lp-sel-case .sel-case-link {
    margin: 20px 0;
}
.lp-sel-case .sel-case-link ul {
    display: flex;
    justify-content: center;
}
.lp-sel-case .sel-case-link ul li {
    width: 45%;
    max-width: 380px;
    font-size: 25px;
    margin: 0 1em;
}
.lp-sel-case .sel-case-link ul li a {
    display: block;
    background-color: #fff;
    font-weight: 600;
    text-align: center;
    padding: .5em;
    border-radius: 10px;
    border: 1px solid #9eb0b9;
    box-shadow: 0 0 5px #9eb0b9, 0 10px 5px #9eb0b9;
}

.lp-case {
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
}
.case-detail {
    padding: 60px 0;
}
.case-ttl {
    text-align: center;
}
.case-ttl h2 {
    display: inline-block;
    padding: .3em 3em;
    font-size: 40px;
    font-weight: 600;
    background-color: #eaf7ff;
    border: 1px solid #051b31;
    border-radius: 10px;
}
.case-cont {
    margin-top: 50px;
}
.case-desc {
    font-size: 24px;
    text-align: center;
}
.case-desc span {
    font-size: 1.4em; 
    font-weight: 600;
}
.case-desc01{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 24px;
	margin: 0 auto 0;
	max-width: 800px;
	width: 100%;
}
.case-desc01 .case-desc01_img{  }

@media print, screen and (min-width: 769px) {
	.case-desc01 .case-desc01_img{
		max-width: 213px;
		width: 40%;
	}
}
@media print, screen and (max-width: 768px) {
	.case-desc01{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.case-desc01 .case-desc01_txt{
		order: 2;
		width: 100%;
	}
	.case-desc01 .case-desc01_img{
		margin: 0 auto 10px;
		order: 1;
		max-width: 180px;
		width: 100%;
	}
}


.case01-box {
    max-width: 870px;
    margin: 1em auto;
    font-size: 26px;
    padding: .5em 2em;
    box-shadow: 0 5px 7px #cbcbcb;
}
.case01-box .box-lbl {
    text-align: center;
}
.case01-box ul li {
    display: flex;
    font-size: 1.06em;
}
.case01-box ul li::before {
    content: "";
    margin-top: .5em;
    width: 1.25em;
    height: 1em;
    background-image: url(../img/icon_check.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: .5em;
}
.case01-list ul {
    display: flex;
    justify-content: space-between;
}
.case01-list ul li {
    width: 30%;
    max-width: 350px;
    line-height: 1.5;
}
.case01-list dt {
    font-size: 24px;
    padding: .5em 1em 1.5em;
    background-image: url(../img/diag06.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.case01-list dd {
    font-family: 'Noto Sans JP', "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}
.case01-list dd .li-ttl {
    padding: .5em 0;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}
.case01-list dd .li-ttl .red {
    color: #d30238;
    font-weight: 900;
}
.case01-list dd .li-desc {
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
}
.case01-resolve {
    padding: 60px 0;
    background-color: #eaf7ff;
}
.case01-resolve .resolve-ttl {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}
.case01-resolve .resolve-cont {
    margin-top: 3em;
    font-size: 20px;
    text-align: justify;
}
.lp-case .big {
    font-size: 1.25em;
    font-weight: 600;
}
.lp-case .txt-with-rimg {
    display: flex;
    justify-content: center;
}
.lp-case .txt-with-rimg .right-img{
    margin-left: 20px;
}
@media print, screen and (min-width: 1100px) {
    .lp-case .txt-with-rimg > txt{
        width: calc( 100% - 400px - 20px );
    }
    .lp-case .txt-with-rimg .right-img{
        width: 400px;
    }
}
.lp-case .mtb05 {
    display: inline-block;
    margin: .5em 0;
}
.case01-resolve .resolve-box {
    max-width: 700px;
    background-color: #fff;
    border: 1px solid #051b31;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 1.25em;
    font-weight: 600;
    padding: .5em;
    margin: 1.5em 0;
}
.case01-resolve .resolve-box .lbl {
    padding: 0 .7em;
}
.case-link {
    padding: 50px 0 70px;
}
.case-link .link-info {
    font-size: 20px;
    text-align: center;
    margin-bottom: 1em;
}
.case-link .link-btn a {
    display: block;
    max-width: 700px;
    margin: 0 auto;
    padding: 1em;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background-color: #001d67;
    border-radius: 10px;
    box-shadow: 0 5px 7px #cbcbcb;
}

.lp-case.case02 {
    background-color: #eaf7ff;
}
.lp-case.case02 .case-ttl h2 {
    background-color: #fff;
    font-size: 30px;
    max-width: 700px;
    padding: .3em 2em;
}
.lp-case.case02 .case-cont {
    font-size: 20px;
}
.lp-case.case02 .case-desc {
    margin-bottom: 1.5em;
}
.lp-case .big2 {
    font-size: 1.67em;
    font-weight: 600;
}
.lp-case .case02-pricebox {
    max-width: 800px;
    background-color: #fff;
    border: 1px solid #051b31;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 1.6em;
    font-weight: 600;
    padding: .5em 1em;
    margin: 1em 0;
    text-align: center;
}
.lp-case.case02 .case-link {
    background-color: #fff;
}
.lp-case .bold {
    font-weight: 700;
}
.lp-case .ybb {
    border-bottom: 5px solid #f7cc03;
}

.lp-service-wrap {
    background-image: url(../img/bg03.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 80px;
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
    font-weight: 500;
}
.lp-service {
    margin: 0 auto;
    max-width: 1100px;
    width: 96%;
}
.lp-service-ttl {
    margin-bottom: 1em;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
}
.lp-service-cont {
    font-size: 20px;
    text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, -1px -1px 2px #ffffff, 1px 1px 2px #ffffff,
                2px 2px 3px #ffffff, -2px 2px 3px #ffffff, -2px -2px 3px #ffffff, 2px -2px 3px #ffffff, 
                3px 3px 4px #ffffff, -3px 3px 4px #ffffff, -3px -3px 4px #ffffff, 3px -3px 4px #ffffff,
                3px 3px 5px #ffffff, -3px 3px 5px #ffffff, -3px -3px 5px #ffffff, 3px -3px 5px #ffffff;
    line-height: 2.2;
}

.lp-contact-wrap {
    padding: 60px 0;
}
.lp-contact-ttl {
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
    text-align: center;
}
.lp-contact-ttl h2 {
    font-size: 42px;
    font-weight: 600;
}
.lp-contact-ttl .contact-desc {
    margin: 1.5em 0;
    font-size: 18px;
}
.lp-contact-cont {
    font-family: "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}
.lp-contact-cont .lp-submit {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 1.5em auto;
    padding: .8em 1em;
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background-color: #001d67;
    border-radius: 10px;
    box-shadow: 0 5px 7px #cbcbcb;
    cursor: pointer;
}

.lp-footer {
    background-color: #000;
}
.lp-footer .copyright {
    font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 1em 0;
}

@media screen and (max-width: 768px) {
    .lp-banner-wrap > .container { width: 100%; }
    .lp-banner-wrap {
        background-image: url(../img/banner_bg_sp.png);
        background-size: auto 100%;
        height: auto;
        padding: 60px 0;
        margin: 20px 0;
    }
    .lp-banner-ttl h1 {
        font-size: 30px;
    }
    .lp-banner-method {
        font-size: 16px;
        margin-bottom: .5em;
        max-width: 240px;
        width: 65%;
    }
    .lp-banner-link a {
        font-size: 18px;
        padding: .5em 2.5em;
        max-width: 260px;
		width: 96%;
    }
    .lp-idea {
        padding: 40px 0;
        font-size: 18px;
    }
    .lp-flow-wrap {
        padding: 40px 0;
        background: none;
    }
    .lp-flow-ttl {
        margin-bottom: 30px;
    }
    .lp-flow-ttl .ttl-sub {
        font-size: 16px;
    }
    .lp-flow-ttl h2 {
        font-size: 24px;
    }
    .lp-flow-cont th {
        padding: .5em;
        font-size: 15px;
    }
    .lp-flow-cont th .flow-img {
        width: 25%;
    }
    .lp-flow-cont th .flow-lbl {
        width: 70%;
    }
    .lp-flow-cont td {
        padding: .6em;
        font-size: 14px;
    }
    .lp-problem-intro {
        padding: 40px 0;
        font-size: 16px;
    }
    .lp-problem-cont .cont-blk1 ul li {
        font-size: 12px;
        padding: .7em .7em 3.5em;
    }
    .lp-problem-cont .cont-blk1 .center-img {
        max-width: 60%;
        margin: 0 auto;
    }
    .lp-problem-cont .cont-blk2 {
        margin: 2em 0;
        font-size: 16px;
    }
    .lp-problem-cont .cont-blk3 {
        flex-wrap: wrap;
    }
    .lp-problem-cont .cont-blk3 .blk3-left {
        width: 50%;
    }
    .lp-problem-cont .cont-blk3 .blk3-center {
        width: 55%;
    }
    .lp-problem-cont .cont-blk3 .blk3-right {
        width: 40%;
    }
    .lp-sel-case .sel-case-lbl {
        font-size: 24px;
    }
    .lp-sel-case .sel-case-link ul {
        justify-content: space-between;
    }
    .lp-sel-case .sel-case-link ul li {
        font-size: 16px;
        margin: 0;
    }
    .case-detail {
        padding: 40px 0;
    }
    .case-ttl h2 {
        display: block;
        padding: .5em 1em;
        font-size: 22px;
    }
    .case-cont {
        margin-top: 30px;
    }
    .case-desc {
        font-size: 16px;
    }
    .case01-box {
        font-size: 16px;
        padding: 1em;
    }
    .case01-list ul {
        flex-wrap: wrap;
    }
    .case01-list ul li {
        margin-top: 20px;
        width: 100%;
    }
    .case01-list dt {
        background-size: contain;
        background-position: center;
        font-size: 18px;
    }
    .case01-list dd .li-ttl {
        font-size: 20px;
    }
    .case01-list dd .li-desc {
        font-size: 16px;
    }
    .case01-resolve {
        padding: 40px 0;
    }
    .case01-resolve .resolve-ttl {
        font-size: 24px;
    }
    .case01-resolve .resolve-cont {
        font-size: 14px
    }

    .lp-case .txt-with-rimg {
        flex-wrap: wrap;
        margin-bottom: 1em;
    }
    .lp-case .txt-with-rimg .txt {
        width: 100%;
    }
    .case-link {
        padding: 30px 0;
    }
    .case-link .link-info {
        font-size: 16px;
    }
    .case-link .link-btn a {
        font-size: 20px;
    }
    .lp-case.case02 .case-cont {
        font-size: 14px;
    }
    .lp-case.case02 .txt-with-rimg .right-img {
        max-width: 70%;
        margin: 0 auto;
    }
    .lp-service-wrap {
        padding: 40px 0;
    }
    .lp-service-ttl {
        font-size: 22px;
    }
    .lp-service-cont {
        font-size: 14px;
    }
    .lp-contact-wrap {
        padding: 40px 0;
    }
    .lp-contact-ttl h2 {
        font-size: 28px;
		padding: 0;
    }
    .lp-contact-ttl .contact-desc {
        font-size: 14px;
    }
    .lp-contact-cont .lp-submit {
        font-size: 20px;
    }
    .lp-footer .copyright {
        font-size: 11px;
    }
}

@media print, screen and (max-width: 360px){
	.lp-banner-wrap{ background-size: contain; }
	.lp-banner .lp-banner-ttl{ width: 75%; }
	.lp-banner-link a{ width: 65%; }
}

/* ------------------------------------------
追加修正20/08/25
------------------------------------------ */
@media print, screen and (min-width: 769px) {
    #case02 .case-cont .txt-with-rimg.ai-flend{
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
#case02 .txt .bg-clip01{
    background: #ffffff;
    border: 1px solid #324b87;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 15px;
    position: relative;
}

#case02 .txt .bg-clip01:before,
#case02 .txt .bg-clip01:after{
    content: '';
    position: absolute;
}

#case02 .txt .bg-clip01:before{
    border: 3px solid #a9a9a9;
    border-radius: 12px;
    box-shadow: 1px 1px 2px #777777;
    top: -15px;
    right: 10px;
    transform: rotate(30deg);
    height: 50px;
    width: 15px;
    z-index: 1;
}
#case02 .txt .bg-clip01:after{
    border: 5px solid #ffffff;
    top: 0;
    right: 20px;
    width: 10px;
    z-index: 2;
}

@media print, screen and (max-width: 768px) {
    #case02 .case-cont .txt-with-rimg.smt-case02-fl02 .right-img{
        margin: 20px auto 0;
        max-width: 220px;
        width: 80%; 
    }
}

/* ------------------------------------------
LPリニューアル
追加項目
21/02/09
------------------------------------------ */
/* 司チェプラン */

.lp-plan > div{ width: 100%; }
.lp-plan .paln-comparison{ background: #eaf7ff; }

.lp-plan > div:not(.lp-palan-ttl) > div{
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	width: 96%;
}

/* プランは3つ */
.lp-plan .lp-palan-ttl{
	margin: 0 auto 40px;
	padding-top: 60px;
	max-width: 780px;
	width: 96%;
}
.lp-plan .lp-palan-ttl > div{ position: relative; }
@media print, screen and (min-width: 769px){
	.lp-plan .lp-palan-ttl > div{ padding-right: 170px; }
	.lp-plan .lp-palan-ttl > div:after{
		content: '';
		background: url("../img/img07.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		height: 200px;
	}
}
@media print, screen and (max-width: 768px){}

.lp-plan .lp-palan-ttl .ttl-sub{
	position: relative;
	margin: 0 auto;
	max-width: 300px;
	width: 100%;
}
@media print, screen and (min-width: 769px){
	.lp-plan .lp-palan-ttl .ttl-sub{ padding-bottom: 38px; }
}
@media print, screen and (max-width: 768px){
	.lp-plan .lp-palan-ttl .ttl-sub{ padding-bottom: 10px; }
	.lp-plan .lp-palan-ttl .ttl-sub:after{
		content: '';
		display: block;
		background: url("../img/img07.png") no-repeat;
		background-size: contain;
		margin: 38px auto 0 ;
		width: 180px;
		height: 180px;
	}
}
.lp-plan .lp-palan-ttl .ttl-sub > div{
	position: relative;
	border:2px solid #001d67;
	border-radius: 100px;
	font-size: 25px;
	padding: 0.7em 1em 1em;
	text-align: center;
	z-index: 1;
}

.lp-plan .lp-palan-ttl .ttl-sub > div:after{
	content: '';
	display: block;
	background: url(../img/diag08.png)no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -40px;
	left: calc( 50% - 15px );
	width: 30px;
	height: 40px;
	z-index: 2;
}
.lp-plan .lp-palan-ttl div > h2{
	border-bottom: 1px solid #051b31;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 0.5em 0.5em;
	text-align: center;
	text-indent: 0;
}

/* プラン各種 */
.lp-plan .pack-plan{ padding-bottom: 60px; }
.lp-plan .pack-plan ul{
	margin: 0 auto;
	max-width: 1010px;
	width: 100%;
}
.lp-plan .pack-plan ul li{
	border-bottom: 2px solid #001d67;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
	padding:  0 0 20px;
	width: 100%;
}

.lp-plan .pack-plan ul li:first-of-type{ margin-top: 0; }

.lp-plan .pack-plan ul li .planNum{
	font-size: 30px;
	padding: 10px 10px 22px 15px;
	position: relative;
}
.lp-plan .pack-plan ul li .planNum:before{
	content: '';
	background: url("../img/plan01.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 0;
	width: 15px;
	height: 40px;
}
.lp-plan .pack-plan .planNum > p{
	color: #001d67;
	line-height: 0.6;
}

@media all and (-ms-high-contrast: none) {
	.lp-plan .pack-plan ul li .planNum{ padding: 22px 10px 10px 15px; }	
}

.lp-plan .pack-plan div.planRight{
	border-left: 2px solid #001d67;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px;
	width: 100%;
}

@media print, screen and (min-width: 769px){
	.lp-plan .pack-plan div.planRight{
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}
@media print, screen and (max-width: 768px){
	.lp-plan .pack-plan div.planRight{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media print, screen and (min-width: 769px){
	.lp-plan .pack-plan div.planRight .planTitle{
		margin-bottom: 10px;
		padding-right: 2.5em;
		width: calc( 100% - 380px - 0.1px );
	}
}
@media print, screen and (max-width: 768px){
	.lp-plan .pack-plan div.planRight > div{ margin-bottom: 10px; }
	.lp-plan .pack-plan div.planRight > div:last-of-type{ margin-bottom: 0; }
	.lp-plan .pack-plan div.planRight .planTitle{ width: 100%;}
}

.lp-plan .pack-plan div.planRight .planTitle > p{ color: #001d67; }
.lp-plan .pack-plan div.planRight .planTitle p.planRecommended{
	line-height: 1;
	padding-left: 30px;
	position: relative;
}
.lp-plan .pack-plan div.planRight .planTitle p.planRecommended:before{
	content: '';
	background: url("../img/icon-crown02.png") no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: calc( 50% - 14px );
	left: 0;
	width: 28px;
	height: 24px;
}

@media print, screen and (min-width: 350px){
	.lp-plan .pack-plan div.planRight .planFee-01{ padding-left: 20px; }
}
@media print, screen and (min-width: 769px){
	.lp-plan .pack-plan div.planRight .planFee-01{ width: 380px; }
}
@media print, screen and (max-width: 768px){
	.lp-plan .pack-plan div.planRight .planFee-01{ width: 100%; }
}
.lp-plan .pack-plan div.planRight .planFee-01 > p{
	background: #001d67;
	color: #ffffff;
	line-height: 1.4;
	padding: 5px 20px 5px 10px;
	position: relative;
	text-align: center;
}

.lp-plan .pack-plan div.planRight .planFee-01 > p > span{
	font-weight: normal;
	font-size: 75%;
}

@media print, screen and (min-width: 350px){
	.lp-plan .pack-plan div.planRight .planFee-01 > p:before{
		content: '';
		border-right: 10px solid #001d67;
		border-left: 10px solid transparent;
		position: absolute;
		top: 0;
		left: -20px;
		letter-spacing: 4px;
	}
}
@media print, screen and (min-width: 769px){
	.lp-plan .pack-plan div.planRight .planFee-01 > p{
		font-size: 125%;
		height: 46px;
	}
	.lp-plan .pack-plan div.planRight .planFee-01 > p:before{
		border-top: 23px solid transparent;
		border-bottom: 23px solid #001d67;
	}
}
@media print, screen and (max-width: 768px){
	.lp-plan .pack-plan div.planRight .planFee-01 > p{
		font-size: 20px;
		line-height: 1.2;
	}
}

@media print, screen and (max-width: 768px) and (min-width: 350px){
	.lp-plan .pack-plan div.planRight .planFee-01 > p{ height: 60px; }
	.lp-plan .pack-plan div.planRight .planFee-01 > p:before{
		border-top: 30px solid transparent;
		border-bottom: 30px solid #001d67;
	}
}
@media print, screen and (max-width: 349px){
	
}
/* プランごとのサービス内容比較表 */
.lp-plan .paln-comparison{
	background: #eaf7ff;
	padding: 60px 0;
}

.lp-plan .paln-comparison > div{
	margin: 0 auto;
	max-width: 1020px;
	width: 96%;
}

/* プランごとのサービス内容比較表　見出し */
.lp-plan .paln-comparison div.paln-comp_ttl{
	margin: 0 auto 40px;
	max-width: 820px;
	width: 100%;
}
@media all and (-ms-high-contrast: none) {
	.lp-plan .paln-comparison div.paln-comp_ttl{ max-width: 830px; }
}

.lp-plan .paln-comparison div.paln-comp_ttl h2{
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 220px 0 0;
	position: relative;
	text-align: center;
	text-indent: 0;
	width: 100%;
}

.lp-plan .paln-comparison div.paln-comp_ttl h2:after{
	content: '';
	background: url("../img/img08.png") no-repeat;
	background-size: contain;
	position: absolute;
	width: 210px;
	height: 80px;
}

@media print, screen and (min-width: 769px){
	.lp-plan .paln-comparison div.paln-comp_ttl h2{ padding: 0 220px 0 0; }
	.lp-plan .paln-comparison div.paln-comp_ttl h2:after{
		top: calc( 50% - 40px );
		right: 0;
	}
}
@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_ttl h2{ padding: 90px 0 0; }
	.lp-plan .paln-comparison div.paln-comp_ttl h2:after{
		top: 0;
		left: calc( 50% - 105px );
	}
}

/* プランごとのサービス内容比較表　フレックスボックス */
.lp-plan .paln-comparison div.paln-comp_tbl,
.lp-plan .paln-comparison div.plan-option{
	max-width: 940px;
	width: 100%;
}
.lp-plan .paln-comparison div.paln-comp_tbl{ margin: 0 auto 40px; }

.lp-plan .paln-comparison div.paln-comp_tbl ul{ width: 100%; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}	
}

/* プランごとのサービス内容比較表　表共通 */
.lp-plan .paln-comparison div.paln-comp_tbl ul li:not(.tbl-head) > div{ border-bottom: 1px solid #001d67; }
@media print, screen and (min-width: 769px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li > div:first-of-type{ width: 40%; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li > div:nth-of-type(n+2){ width: 30%; } /* 一番最初のdiv以外に適用 */
	.lp-plan .paln-comparison div.paln-comp_tbl ul li > div:not(.none769){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li > div:first-of-type{ width: 100%; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li > div:nth-of-type(n+2){ width: 50%; } /* 一番最初のdiv以外に適用 */
}

.lp-plan .paln-comparison div.paln-comp_tbl ul li > div > p{ width: 100%; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li > div > p > span{
	font-size: 85%;
	font-weight: normal;
}

/* プランごとのサービス内容比較表　見出し */
.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div > div{
	background: #001d67;
	color: #ffffff;
	text-align: center
}
@media print, screen and (min-width: 769px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div{ position: relative; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div:after{
		content: '';
		border-top: 40px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 40px solid #001d67;
		border-left: 10px solid #001d67;
		position: absolute;
		top: 0;
		right: 0;	
	}
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div > div{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 10px 0 10px 10px;
		text-align: center;
		width: calc( 100% - 20px );
		height: 100%;
	}
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div > div p{
		width: 100%;
	}
	@-moz-document url-prefix(){
		.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div > div{ height: 76px; }
	}
}
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div > div{
		height: 80px;
		letter-spacing: -1px;
	}
}

@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.tbl-head > div > p{
		padding: 10px;
	}
}


/* プランごとのサービス内容比較表　表部分 */

@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(2) > div:first-of-type{
		border-top: 1px solid #001d67;
	}
}

.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div{
	background: #001d67;
	color: #ffffff;
}
.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div:last-of-type{ border-right: 1px solid #001d67; }

.lp-plan .paln-comparison div.paln-comp_tbl ul li.blue > div,
.lp-plan .paln-comparison div.paln-comp_tbl ul li.white > div{
	border-right: 1px solid #001d67;
	color: #000000;
}
.lp-plan .paln-comparison div.paln-comp_tbl ul li.blue > div{ background: #eaf7ff; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li.white > div{ background: #ffffff; }
	
.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div:first-of-type,
.lp-plan .paln-comparison div.paln-comp_tbl ul li.blue > div:first-of-type,
.lp-plan .paln-comparison div.paln-comp_tbl ul li.white > div:first-of-type{ border-left: 1px solid #001d67; }


@media print, screen and (min-width: 769px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div{ border-right: 1px solid #ffffff; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy:last-of-type > div{ border-bottom: 1px solid #001d67; }
}
@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div{ border-bottom: 1px solid #ffffff; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy:not(.bbWhite) > div:last-of-type,
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy:not(.bbWhite) > div:nth-last-of-type(2){ border-bottom: 1px solid #001d67; }
	
	/* :nth-of-type(even)は偶数の要素 */
	.lp-plan .paln-comparison div.paln-comp_tbl ul li > div:nth-of-type(even){ border-left: 1px solid #001d67; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div:nth-of-type(even){ border-right: 1px solid #ffffff; }
	
	/* :nth-of-type(odd)は奇数の要素 */
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.navy > div:nth-of-type(odd){ border-right: 1px solid #001d67; }
}


.lp-plan .paln-comparison div.paln-comp_tbl ul li.bbWhite > div{ border-bottom: 1px solid #ffffff; }
@media print, screen and (max-width: 768px){
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.bbWhite-last-smt > div{ border-bottom: 1px solid #ffffff; }
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.bbWhite-last-smt > div:last-of-type,
	.lp-plan .paln-comparison div.paln-comp_tbl ul li.bbWhite-last-smt > div:nth-last-of-type(2){ border-bottom: 1px solid #001d67; }
}


.lp-plan .paln-comparison div.paln-comp_tbl ul li:not(.tbl-head) > div:first-of-type{ position: relative; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:not(.tbl-head) > div:first-of-type:before{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: calc( 50% - 17px );
	left: 10px;
	text-align: right;
	width: 25px;
	height: 34px;
}
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(2) > div:first-of-type:before{ content: '1'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(3) > div:first-of-type:before{ content: '2'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(4) > div:first-of-type:before{ content: '3'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(5) > div:first-of-type:before{ content: '4'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(6) > div:first-of-type:before{ content: '5'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(7) > div:first-of-type:before{ content: '6'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(8) > div:first-of-type:before{ content: '7'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(9) > div:first-of-type:before{ content: '8'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(10) > div:first-of-type:before{ content: '9'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(11) > div:first-of-type:before{ content: '10'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(12) > div:first-of-type:before{ content: '11'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(13) > div:first-of-type:before{ content: '12'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(14) > div:first-of-type:before{ content: '13'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(15) > div:first-of-type:before{ content: '14'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(16) > div:first-of-type:before{ content: '15'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(17) > div:first-of-type:before{ content: '16'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(18) > div:first-of-type:before{ content: '17'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(19) > div:first-of-type:before{ content: '18'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(20) > div:first-of-type:before{ content: '19'; }
.lp-plan .paln-comparison div.paln-comp_tbl ul li:nth-of-type(21) > div:first-of-type:before{ content: '20'; }


.lp-plan .paln-comparison div.paln-comp_tbl ul li:not(.tbl-head) > div:first-of-type > p{
	padding: 10px 10px 10px 45px;
	line-height: 1.4;
	text-align: left;
}

/* 一番最初のdiv以外に適用 */
.lp-plan .paln-comparison div.paln-comp_tbl ul li:not(.tbl-head) > div:nth-of-type(n+2) > p{
	padding: 10px;
	text-align: center;
}

/* ------------------------------------------
加算料金
------------------------------------------ */

.lp-plan .paln-comparison div.plan-option{ margin: 0 auto; }
div.plan-option > div{
	font-weight: normal;
	padding: 20px 0;
}
div.plan-option > div.option-packAll{ padding-top: 10px; }
div.plan-option > div:not(.plan-annotation){ border-bottom: 1px solid #9e9e9e; }

div.plan-option > div p.optionTitle{
	font-size: 120%;
	font-weight: bold;
	color: #001d67;
}


div.plan-option > div:not(.plan-annotation) > ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


div.plan-option > div:not(.plan-annotation) > ul li{
	position: relative;
	padding-right: 20px;
}

@media print, screen and (max-width: 768px){
	div.plan-option > div:not(.plan-annotation) > ul{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	div.plan-option > div:not(.plan-annotation) > ul li{
		margin-bottom: 5px;
	}
}

div.plan-option > div:not(.plan-annotation) > ul li:before{
	position: absolute;
	top: 0;
	left: 0;
}

div.plan-option > div.option-packAll ul li:first-of-type:before{ content: '①スピード加算：'; }
div.plan-option > div.option-packAll ul li:nth-of-type(2):before{ content: '②相続人加算：'; }
div.plan-option > div.option-packAll ul li:nth-of-type(3):before{ content: '③難易度加算：'; }

div.plan-option > div.registration ul li:first-of-type:before{ content: '①件数加算：'; }
div.plan-option > div.registration ul li:nth-of-type(2):before{ content: '②管轄加算：'; }
div.plan-option > div.registration ul li:nth-of-type(3):before{ content: '③個数加算：'; }
div.plan-option > div.registration ul li:nth-of-type(4):before{ content: '④評価額加算：'; }

div.plan-option > div.opationOther ul li:first-of-type:before{ content: '貸金庫の開扉・解約：'; }

@media print, screen and (min-width: 769px){
	div.plan-option > div.opationOther ul li:nth-of-type(2):before{ content: '②相続人の間の立替金精算：'; }
	div.plan-option > div.opationOther ul li:nth-of-type(3):before{ content: '③証券保管振替機構（ほふり）調査：'; }
}
@media print, screen and (max-width: 768px){
	div.plan-option > div.opationOther ul li:nth-of-type(2):before,
	div.plan-option > div.opationOther ul li:nth-of-type(3):before{
		line-height: 1.4;
		white-space: pre;
	}
	div.plan-option > div.opationOther ul li:nth-of-type(2):before{ content: '②相続人の間の\A　立替金精算：'; }
	div.plan-option > div.opationOther ul li:nth-of-type(3):before{ content: '③証券保管振替\A　機構（ほふり）調査：'; }
}

div.plan-option > div.option-packAll ul li:first-of-type{ padding-left: 7.5em; }
div.plan-option > div.option-packAll ul li:nth-of-type(2){ padding-left: 7em; }
div.plan-option > div.option-packAll ul li:nth-of-type(3){ padding-left: 7em; }

div.plan-option > div.registration ul li:first-of-type{ padding-left: 6em; }
div.plan-option > div.registration ul li:nth-of-type(2){ padding-left: 6em; }
div.plan-option > div.registration ul li:nth-of-type(3){ padding-left: 6em; }
div.plan-option > div.registration ul li:nth-of-type(4){ padding-left: 7em; }

div.plan-option > div.opationOther ul li:first-of-type{ padding-left: 9.5em; }

@media all and (-ms-high-contrast: none) {
	div.plan-option > div.option-packAll ul li:first-of-type{ padding-left: 8em; }
	div.plan-option > div.opationOther ul li:first-of-type{ padding-left: 10em; }
}

@media print, screen and (min-width: 769px){
	div.plan-option > div.opationOther ul li:nth-of-type(2){ padding-left: 12.5em; }
	div.plan-option > div.opationOther ul li:nth-of-type(3){ padding-left: 15.5em; }
	@-moz-document url-prefix(){
		div.plan-option > div.opationOther ul li:first-of-type{ padding-left: 10em; }
		div.plan-option > div.opationOther ul li:nth-of-type(2){ padding-left: 13em; }
		div.plan-option > div.opationOther ul li:nth-of-type(3){ padding-left: 17em; }
	}
}

@media all and (min-width: 769px) and (-ms-high-contrast: none) {
	div.plan-option > div.opationOther ul li:nth-of-type(2){ padding-left: 13em; }
	div.plan-option > div.opationOther ul li:nth-of-type(3){ padding-left: 17em; }
}

@media print, screen and (max-width: 768px){
	div.plan-option > div.opationOther ul li:nth-of-type(2){ padding: 1.1em 0 0 7em; }
	div.plan-option > div.opationOther ul li:nth-of-type(3){ padding: 1.2em 0 0 9.5em; }
	::-webkit-full-page-media, :future, :root div.plan-option > div.opationOther ul li:nth-of-type(3){ padding: 1.2em 0 0 11em; }
	@-moz-document url-prefix(){
		div.plan-option > div.opationOther ul li:first-of-type{ padding-left: 10em; }
		div.plan-option > div.opationOther ul li:nth-of-type(3){ padding-left: 11em; }
	}
}
@media all and (max-width: 768px) and (-ms-high-contrast: none) {
	div.plan-option > div.opationOther ul li:first-of-type{ padding-left: 10em; }
	div.plan-option > div.opationOther ul li:nth-of-type(2){ padding: 1.2em 0 0 7em; }
	div.plan-option > div.opationOther ul li:nth-of-type(3){ padding: 1.2em 0 0 11em; }
}

div.plan-option > div.plan-annotation ul{ counter-reset: number 0; }
div.plan-option > div.plan-annotation ul li{
	font-size: 85%;
	position: relative;
	padding-left: 25px;
}
div.plan-option > div.plan-annotation ul li:before{
	counter-increment: number 1;
	content: '※'counter(number);
	position: absolute;
	top: 0;
	left: 0;
}

/* ------------------------------------------
サービスの流れ
------------------------------------------ */

.lp-service-flow{ padding: 60px 0; }
.lp-service-flow > div{
	margin: 0 auto;
	max-width: 1000px;
	width: 96%;
}

/* サービスの流れ タイトル */
.lp-service-flow > div .lp-service-flow-ttl,
.lp-corporat-profile > div .lp-corporat-profile-ttl > div{
    background-color: #fff;
	border: 1px solid #051b31;
	border-radius: 10px;
    font-size: 30px;
	font-weight: 600;
	text-align: center;
	width: 100%;
}

.lp-service-flow > div .lp-service-flow-ttl{
	margin: 0 auto 40px;
	max-width: 700px;
}

@media print, screen and (min-width: 769px){
	.lp-service-flow > div .lp-service-flow-ttl,
	.lp-corporat-profile > div .lp-corporat-profile-ttl > div{ padding: .3em 2em; }
}
@media print, screen and (max-width: 768px){
	.lp-service-flow > div .lp-service-flow-ttl,
	.lp-corporat-profile > div .lp-corporat-profile-ttl > div{
		line-height: 1.2;
		padding: 1em 0.5em;
	}
}

.lp-service-flow > div .lp-service-flow-ttl h2{ padding: 0; }

/* サービスの流れ コンテンツ */
.lp-service-flow > div ul{ width: 100%; }

.lp-service-flow > div ul li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 65px; 
	position: relative;
	width: 100%;
}
.lp-service-flow > div ul li:last-of-type{ margin-bottom: 0; }

.lp-service-flow > div ul li:after{
	content: '';
	border-top: 30px solid #001d67;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	position: absolute;
	bottom: -50px;
}
.lp-service-flow > div ul li:last-of-type:after{ content: none; }

@media print, screen and (min-width: 769px){
	.lp-service-flow > div ul li{
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.lp-service-flow > div ul li:after{ left: calc( 15.5% - 30px ); }
}
@media print, screen and (max-width: 768px){
	.lp-service-flow > div ul li{
		border: 1px solid #001d67;
		border-radius: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 1.5em;
	}
	.lp-service-flow > div ul li:after{ left: calc( 50% - 30px ); }
}

@media print, screen and (min-width: 769px){
	.lp-service-flow > div ul li .flow-left{
		border: 1px solid #001d67;
		border-radius: 20px;
		margin-right: 20px;
		padding: 30px;
		width: 31%;
	}
}
@media print, screen and (max-width: 768px){
	.lp-service-flow > div ul li .flow-left{
		margin-bottom: 20px;
		width: 100%;
	}
}

@media all and (max-width: 768px) and (-ms-high-contrast: none) {
	.lp-service-flow > div ul li .flow-left{ min-height: 0%; }
}

.lp-service-flow > div ul li .flow-left div[class^="flow-ttl"]{
	color: #001d67;
	line-height: 1.2;
	padding-left: 1em;
	position: relative;
}
@media print, screen and (min-width: 769px){
	.lp-service-flow > div ul li .flow-left div[class^="flow-ttl"]{
		font-size: 150%;
		margin-bottom: 20px;
	}
}
@media print, screen and (max-width: 768px){
	.lp-service-flow > div ul li .flow-left div[class^="flow-ttl"]{
		font-size: 25px;
		margin: 0 auto 20px;
		width: 100%;
	}
	.lp-service-flow > div ul li .flow-left div.flow-ttl01{ max-width: 7em; }
	.lp-service-flow > div ul li .flow-left div.flow-ttl02{ max-width: 12em; }
	.lp-service-flow > div ul li .flow-left div.flow-ttl03{ max-width: 9em; }
}

.lp-service-flow > div ul li .flow-left div[class^="flow-ttl"]:before{
	position: absolute;
	top: 0;
	left: 0;
}
.lp-service-flow > div ul li .flow-left div.flow-ttl01:before{ content: '1.'; }
.lp-service-flow > div ul li .flow-left div.flow-ttl02:before{ content: '2.'; }
.lp-service-flow > div ul li .flow-left div.flow-ttl03:before{ content: '3.'; }

.lp-service-flow > div ul li .flow-left div.flow-img{
	margin: 0 auto;
	width: 100%;
}

@media print, screen and (min-width: 769px){
	.lp-service-flow > div ul li .flow-left div.flow-img{ max-width: 250px; }
	.lp-service-flow > div ul li.flow-step02 .flow-left div.flow-img{ max-width: 180px; }
}
@media print, screen and (max-width: 768px){
	.lp-service-flow > div ul li .flow-left div.flow-img{
		margin: 0 auto;
		max-width: 200px;
	}
}

@media print, screen and (min-width: 769px){
	.lp-service-flow > div ul li .flow-right{ width: 69%; }
}
@media print, screen and (max-width: 768px){
	.lp-service-flow > div ul li .flow-right{ width: 100%; }
}

.lp-service-flow > div ul li .flow-right p{
	font-weight: normal;
	line-height: 1.4;
}
.lp-service-flow > div ul li .flow-right .flow-txt-tel{ color: #001d67; }

.lp-service-flow > div ul li .flow-right .link-btn{
	max-width: 320px;
	width: 100%;
}
.lp-service-flow > div ul li .flow-right .link-btn a {
    background-color: #001d67;
    border-radius: 10px;
    box-shadow: 0 5px 7px #cbcbcb;
	color: #fff;
	display: block;
    font-size: 20px;
    font-weight: bold;
	line-height: 1.5;
    padding: 1em;
    text-align: center;
	width: 100%;
}

.lp-service-flow > div ul li.flow-step02 .flow-right a{
	color: #00adff;
	text-decoration: underline;
}

@media print, screen and (max-width: 768px){
	.lp-service-flow > div ul li .flow-right .link-btn{ margin: 0 auto; }
}

/* ------------------------------------------
法人概要
------------------------------------------ */
/* 法人概要 共通 */
.lp-corporat-profile p{ font-weight: normal; }
.lp-corporat-profile p.bold{ font-weight: bold; }

.lp-corporat-profile > div{
	margin: 0 auto;
	padding: 30px 0 60px;
	max-width: 1000px;
	width: 96%;
}

/* 法人概要 見出し */
.lp-corporat-profile > div .lp-corporat-profile-ttl{
	margin: 0 auto 50px;
	position: relative;
	max-width: 700px;
}
.lp-corporat-profile > div .lp-corporat-profile-ttl > div{}
.lp-corporat-profile > div .lp-corporat-profile-ttl:after{
	content: '';
	background: url(../img/img12.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
}

@media print, screen and (min-width: 520px){
	.lp-corporat-profile > div .lp-corporat-profile-ttl{ padding-right: 200px; }
	.lp-corporat-profile > div .lp-corporat-profile-ttl:after{
		top: calc( 50% - 69px );
		width: 180px;
		height: 138px;
	}
}

@media print, screen and (max-width: 519px) and (min-width: 350px){
	.lp-corporat-profile > div .lp-corporat-profile-ttl{ padding-right: 140px; }
	.lp-corporat-profile > div .lp-corporat-profile-ttl:after{
		top: calc( 50% - 50px );
		width: 130px;
		height: 100px;
	}
}

@media print, screen and (max-width: 349px){
	.lp-corporat-profile > div .lp-corporat-profile-ttl{ padding-right: 100px; }
	.lp-corporat-profile > div .lp-corporat-profile-ttl:after{
		top: calc( 50% - 35px );
		width: 90px;
		height: 70px;
	}
}

.lp-corporat-profile > div .lp-corporat-profile-ttl h2{ padding: 0; }

/* 法人概要 コンテンツ 共通 */
.lp-corporat-profile > div div[class^="lp-corporat-profile-contets"]{ position: relative; }

.lp-corporat-profile > div div.lp-corporat-profile-contets01{}

.lp-corporat-profile > div div .corporat-tag{
		padding-right: 10px;
		text-align: center;
		max-width: 160px;
		height: 40px;
	}

.lp-corporat-profile > div div .corporat-tag:after{
	content: '';
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #001d67;
	position: absolute;
	top: 0;
	right: 0;
}
.lp-corporat-profile > div div .corporat-tag > p{
	background: #001d67;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.2;
	padding: 10px;
	width: 100%;
}

@media print, screen and (min-width: 769px){
	.lp-corporat-profile > div div .corporat-tag{
		position: absolute;
		left: 0;
		width: 50%;
	}
	.lp-corporat-profile > div div.lp-corporat-profile-contets01 .corporat-tag{ top: 50px; }
	.lp-corporat-profile > div div.lp-corporat-profile-contets02 .corporat-tag{ top: 0; }
}
@media print, screen and (max-width: 768px){
	.lp-corporat-profile > div div .corporat-tag{
		margin: 0 0 10px;
		position: relative;
		width: 100%;
	}
}

/* 法人概要 代表 */

.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in{
	border-bottom: 1px solid #001d67;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto 40px;
}

.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner-info{ position: relative; }
.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner{}
.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .license{}

@media print, screen and (min-width: 769px){
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in{}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner-info{
		-ms-flex-item-align: flex-end;
		-ms-grid-row-align: flex-end;
		align-self: flex-end;
		max-width: 360px;
		width: 70%;
	}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner-info .owner-img{ padding: 0 0 0 160px; }
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner{
		padding: 10px;
		max-width: 260px; 
		width: 40%;
	}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .license{
		border-left: 1px solid #9e9e9e;
		padding: 20px 10px;
	}
	
}
@media print, screen and (max-width: 768px){
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in > div{
		margin-bottom: 15px;
		text-align: center;
		width: 100%;
	}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner-info{
		
	}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner-info .owner-img{
		margin: 0 auto;
		max-width: 200px;
		width: 100%;	
	}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner{}
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .license{}
}

@media all and (max-width: 768px) and (-ms-high-contrast: none) {
	.lp-corporat-profile div.lp-corporat-profile-contets01 .profile-contets-in .owner-info{ min-height: 0%; }
}

/* 法人概要 事務所所在地 */

.lp-corporat-profile div.lp-corporat-profile-contets02 .office-contents{ margin-bottom: 20px; }

@media print, screen and (min-width: 769px){
	.lp-corporat-profile div.lp-corporat-profile-contets02 .office-contents{ padding-left: 170px; }
}
@media print, screen and (max-width: 768px){}


.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div{
	position: relative;
	padding-right: 20px;
	margin-top: 10px;
}
.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div.corporat-tel{ padding-left: 3em; }
.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div.corporat-fax{ padding-left: 3em; }
.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div.corporat-mail{ padding-left: 3.5em; }

.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div:before{
	border: 1px solid #001d67;
	color: #001d67;
	font-weight: normal;
	line-height: 1;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div.corporat-tel:before{ content: 'TEL'; }
.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div.corporat-fax:before{ content: 'FAX'; }
.lp-corporat-profile div.lp-corporat-profile-contets02 .corporat-info > div.corporat-mail:before{ content: 'MAIL'; }


/* 法人概要 アクセス */
.lp-corporat-profile div.office-overview{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media print, screen and (max-width: 768px){
	.lp-corporat-profile div.office-overview{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.lp-corporat-profile div.office-overview .access-contents{ margin-top: 10px; }
.lp-corporat-profile div.office-overview .access-contents > p{
	color: #001d67;
	font-size: 20px;
}
.lp-corporat-profile div.office-overview .access-contents > ul{}
.lp-corporat-profile div.office-overview .access-contents > ul li{
	border-bottom: 1px solid #001d67;
	font-weight: normal;
	line-height: 1.4;
	padding: 10px 0 10px 20px;
	position: relative;
}
.lp-corporat-profile div.office-overview .access-contents > ul li:first-of-type{ padding-top: 0; }
.lp-corporat-profile div.office-overview .access-contents > ul li:last-of-type{
	border-bottom: none;
	padding-bottom: 0;
}
.lp-corporat-profile div.office-overview .access-contents > ul li:before{
	content: '';
	position: absolute;
	top: calc( 10px + 0.5em );
	left: 5px;
	border: 5px solid #000000;
	border-radius: 50%;
}

.lp-corporat-profile div.office-overview .access-contents > ul li:first-of-type:before{ top: 0.5em; }

@media print, screen and (min-width: 769px){
	.lp-corporat-profile div.office-overview > div{ margin-right: 10px; }
	.lp-corporat-profile div.office-overview > div:last-of-type{ margin-right: 0; }
	.lp-corporat-profile div.office-overview .office-map{ width: 45%; }
	.lp-corporat-profile div.office-overview .office-access{ width:  40%; }
	.lp-corporat-profile div.office-overview .office-image02{ width: 15%; }

}
@media print, screen and (max-width: 768px){
	.lp-corporat-profile div.office-overview .office-map{
		margin: 0 auto;
		max-width: 700px;
		width: 100%;
	}
	.lp-corporat-profile div.office-overview .office-access{
		margin: 0 10px 0 auto;
		max-width: 542px;
		width: calc( 80% - 10px );
	}
	.lp-corporat-profile div.office-overview .office-image02{
		margin: 0 auto 0 0;
		width: 20%;
	}
}
@media print, screen and (max-width: 768px) and (min-width: 521px){
}
@media print, screen and (max-width: 520px){
	.lp-corporat-profile div.office-overview .access-contents{ width: 100%; }
}

/* お問い合わせ */

.lp-contact-ttl .lp-contact-tel .contact-tel{
	margin: 0 auto;
	padding-left: 40px;
	position: relative;
	max-width: calc( 40px + 7em );
	width: 100%;
}
.lp-contact-ttl .lp-contact-tel .contact-tel:before{
	content: '';
	background: url("../img/icon-tel.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: calc( 0.5em - 10px );
	left: 0;
	width: 40px;
	height: 40px;
}
.lp-contact-ttl .lp-contact-tel .contact-tel a{ color: #001d67; }

@media print, screen and (min-width: 769px){}
@media print, screen and (max-width: 768px){}