@charset "UTF-8";
/******************************

楽ペン　コンセプトページカスタムCSS

******************************/

/*コンセプトページ個別のheader等の調整*/
.page-id-1708 .page-title, .page-id-1607 .page-title, .page-id-1610 .page-title, .page-id-1615 .page-title, .page-id-1648 .page-title, .page-id-1653 .page-title{display: none;}/*見積ページ*/
.page-id-1708 header, .page-id-1607 header, .page-id-1610 header, .page-id-1615 header, .page-id-1648 header, .page-id-165 header, .page-id-522 header {margin-bottom: 0px;}
.page-id-1708 .page-wrap, .page-id-1607 .page-wrap, .page-id-1610 .page-wrap, .page-id-1615 .page-wrap, .page-id-1648 .page-wrap, .page-id-1653 .page-wrap{padding-top:0;}
.page-id-522 .page-title{padding: 0;}
.page-id-1708 .featured-post, .page-id-1607 .featured-post, .page-id-1610 .featured-post, .page-id-1615 .featured-post,
.page-id-1648 .featured-post, .page-id-1653 .featured-post{display: none;}
@media only screen and (max-width:799px){
.page-id-1708 .page-title, .page-id-1607 .page-title, .page-id-1610 .page-title, .page-id-1615 .page-title, .page-id-1648 .page-title, .page-id-1653 .page-title{display: block;}
}

/*ページレイアウト*/
@media only screen and (max-width:799px){div.col-md-12{padding-left: 0px;padding-right: 0px;}.header #logo {;margin-left: 10px;}div#content {padding-top: 0px;}}

/*TOP h1*/
.page-id-522 h1.categoryTitle, .page-id-3359 h1.categoryTitle,
.page-id-3502 h1.categoryTitle,.page-id-3353 h1.categoryTitle,.page-id-3359 h1.categoryTitle{display: none;}
@media only screen and (max-width:799px){.page-id-522 h1.categoryTitle{display:block;font-size: 1.7rem;text-align: left;font-weight: 500;margin-top: 0;border: none;}
.page-id-3353 h1.categoryTitle, .page-id-3502 h1.categoryTitle, .page-id-3359 h1.categoryTitle, .page-id-3359 h1.categoryTitle{display: block;}
}
/*パンくず*/
.page-id-522 .breadcrumb-trail.breadcrumbs{display: none;}

/*コンセプトページタイトル・ディスクリプション*/
div.ConTiBox {background: #5b9bd5;text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
h1.ConTiH1 {text-align:center;margin:5px 0;color: #5b9bd5;font-size: 2rem;}
h2.ConTi {font-size: 4.2rem;letter-spacing: -4.5px;color: #fff;font-weight: 600;margin-top: 15px;padding: 0;border: none;}
p.ConTiEx {color: #fff47a;font-weight: bold;font-size: 1.8rem;}
p.ConTiEx-sp{display: none;}
@media only screen and (max-width:799px){h2.ConTi{font-size: 2.2rem;letter-spacing: initial;}h1.ConTiH1{font-size: 1.5rem;}div.ConTiBox{padding-bottom: 0.5rem;padding-top: 1px;margin-bottom: 10px;}p.ConTiEx{display: none;}p.ConTiEx-sp{display: initial;margin-bottom: 10px;}}
/*強調文1　灰・赤*/
div.ConSt1 {text-align: center;color: #999999; font-size: 3rem;margin-top:25px;margin-bottom: 20px;font-weight: bold;}
div.ConSt1 span.St1 {font-size: 3rem;color: #ff0066;text-shadow: 0px 0px 50px;}
/*強調文2　青・赤*/
div.ConSt2 {text-align: center;font-size: 3rem;line-height: 1;font-weight: bold;color: #5b9bd5;text-shadow: -1px -1px 4px #ddd, 1px -1px 4px #ddd, 1px 4px 0px #ddd, -1px 1px 4px #ddd;margin-top: 20px;}
div.ConSt2 span.St2 {color: #ff0066;}
/*強調文3　赤*/
div.ConSt3 {text-align: center;font-size: 3rem;line-height: 1;font-weight: bold;color: #ff0066;margin-bottom: 15px;text-shadow: -1px -1px 4px #ddd, 1px -1px 4px #ddd, 1px 4px 0px #ddd, -1px 1px 4px #ddd;}
/*強調文3-1　赤*/
div.ConSt3-1 {text-align: center;font-size: 3rem;line-height: 1;font-weight: bold;color: #ff0066;margin-bottom: 15px;text-shadow: -1px -1px 4px #ddd, 1px -1px 4px #ddd, 1px 4px 0px #ddd, -1px 1px 4px #ddd;}
/*強調文4　青*/
div.ConSt4 {text-align: center;font-size: 3rem;line-height: 1;font-weight: bold;color: #5b9bd5;margin-bottom: 15px;margin-top: 25px;text-shadow: -1px -1px 4px #ddd, 1px -1px 4px #ddd, 1px 4px 0px #ddd, -1px 1px 4px #ddd;}
/*強調文5　青・オレンジ*/
div.ConSt5 {text-align: center;color: #5b9bd5; font-size: 3rem;margin-top:15px;margin-bottom: 15px;font-weight: bold;text-shadow: -1px -1px 4px #ddd, 1px -1px 4px #ddd, 1px 4px 0px #ddd, -1px 1px 4px #ddd;line-height: 1;}
div.ConSt5 span.St5 {font-size: 3rem;color: #ff9933;}
/*強調文6　赤*/
div.ConSt6 {text-align: center;font-size: 5rem;line-height: 1;font-weight: bold;color: #ff0066;margin-bottom: 15px;text-shadow: -1px -1px 4px #ddd, 1px -1px 4px #ddd, 1px 4px 0px #ddd, -1px 1px 4px #ddd;}

@media only screen and (max-width:799px){div.ConSt1, div.ConSt2, div.ConSt3, div.ConSt3-1, div.ConSt4{font-size: 2.2rem;line-height: 1.4;}div.ConSt6, div.ConSt1 span.St1{font-size: 3rem;}div.ConSt5, div.ConSt5 span.St5{font-size: 2.3rem;}}

/*blue-box*/
div.blue-box {border: 2px solid #5b9bdd;padding: 15px 15px 10px;margin: 10px 0;border-radius: 20px;background: rgba(159, 192, 222, 0.22);color: #333;}
@media only screen and (max-width:799px){div.blue-box {margin: 10px 4%;}}
/*コンセプトコンテナー*/
div.ConCont {/*border: 1px solid #5b9bd5;*/border-radius: 20px;border-top: none;padding: 15px 30px 30px;margin-bottom: 20px;border-top-left-radius: 0;border-top-right-radius: 0;background:rgba(215, 239, 249, 0.48); }
@media only screen and (max-width:799px){div.ConCont{padding: 1px 5px 15px;border: none;border-radius: 0;}}
/*コンセプトコンテナー h3 p*/
.ConContH3{background: repeating-linear-gradient(-45deg, #5b9bd5, #5b9bd5 5px, #6ba5d9 0, #6ba5d9 10px);border-radius: 20px;text-align: center;color: #fff;padding-bottom: 1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.ConContH3 h3 {border: none;color: #fff;margin-bottom: 0;padding-bottom: 0;font-size: 3.3rem;padding-right: 0;}
.ConContH3 p {font-size: 2rem;font-weight: bold;}
main article .ConContH3 p:last-of-type {margin-bottom: 10px;}
div.ConContTxt {padding-top: 20px;}
@media only screen and (max-width:799px){.ConContH3 {border-radius: 0;padding:10px 5px 5px;}.ConContH3 h3{font-size: 2rem;padding: 0;margin: 0;}.ConContH3 p {font-size: 1.4rem;}main div.ConContH3 p:last-of-type {margin-bottom: 0;}}
/*コンセプトコンテナー h4*/
h4.ConContH4 {border: none;color: #66ccff;font-size: 2.5rem;margin-top: 30px;}
h4.ConContH4:before {content: "\f015";font-family: fontawesome;color: #ff90cd;font-size: 3rem;margin-right: 5px;}
@media only screen and (max-width:799px){h4.ConContH4{font-size: 2rem;padding-left: 0;margin: 0;}h4.ConContH4:before{font-size: 3rem;}}

/*見積フローBox*/
div.ConFlFlex {display: flex;-webkit-justify-content: center;justify-content: center;}
div.ConFlBox {border: 2px solid #5b9bd5;margin-bottom: 15px;margin: 0 5px 15px;width: 20%;}
div.ConFlNo {background: #5b9bd5;color: #fff;text-align: center;font-size: 2rem;}
div.ConFlTh {padding: 5px;text-align: center;color: #5b9bd5;font-size: 2rem;font-weight: bold;}
div.ContFlPcOnly {width: 4%;margin-top: auto;margin-bottom: auto;margin-left: 1%;margin-right: 1%;}
@media only screen and (max-width:799px){div.ConFlFlex{display: initial;}div.ConFlBox{width: 100%;margin-bottom: 10px;}div.ContFlPcOnly{display: none;}.ConFlTh img {width: 50%;}}

/*コメント強調　赤*/
div.comment-txt {color: #ff0066;text-align: center;font-weight: bold;margin-bottom: 20px;font-size: 2.2rem;line-height: 1.5;}
/*コメント強調　青*/
div.comment-txt2 {color: #5b9bd5;text-align: center;font-weight: bold;margin-bottom: 20px;font-size: 2.2rem;line-height: 1.5;}
@media only screen and (max-width:799px){div.comment-txt, div.comment-txt2{font-size:initial; }}
div.comment-txt2.txt-left{text-align: left;}


/*青背景*/
div.bg-blue{background: #d7eff9;}
div.bg-blue img{width: 75%;padding: 15px 0;}
@media only screen and (max-width:799px){div.bg-blue img{width: 100%;}}

div.bg-red {background: rgba(255, 0, 0, 0.2);padding: 15px 5px;}
.bg-red ul {margin-bottom: 0;}


/*ConContFlexカラム*/
.ConContFlex {display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.ConContFlex-r {color: #5b9bd5;font-size: 2rem;font-weight: bold;line-height: 2;padding-left: 10px;}
@media only screen and (max-width:799px){.ConContFlex-r{font-size: 1.5rem;line-height: initial;padding-top: 0;}}
/*オレンジ矢印 orange arrow*/
img.ConArrw {margin-top: 25px;margin-bottom: 30px;}
@media only screen and (max-width:799px){img.ConArrw {width:25%;}}

/*リストスタイル*/
ul.ConLi {font-weight: bold;color: #f9ca78;font-size: 2.5rem;line-height: 1.2;}
@media only screen and (max-width:799px){ul.ConLi {font-size: 2rem;}}

/*資格情報Table*/
table.ConTable td {background: #fff;color: #888;}
table.ConTable tr.ContTrH td {background: #33cc99;padding: 17px;font-size: 3rem;color: #fff;font-weight: bold;}
table.ConTable tr.ConTr td {background: #e2f8ee;}
table.ConTable {border: #3c9 solid 2px;}
td.ConTd {text-align: left;}
@media only screen and (max-width:799px){table.ConTable tr.ContTrH td{font-size: 1.7rem;padding: 5px;}}

/*Checkマークリスト*/
ul.ConLi-C {background: #e2f8ee;color: #888;font-size: 2rem;padding: 15px 20px 5px;margin-left: 0;}
ul.ConLi-C li {margin-bottom: 10px;list-style-position: inside;}
@media only screen and (max-width:414px){ul.ConLi-C {font-size: 1.5rem;}}

/*1：1カラム　flex-column*/
.flex-column{width:100%;display:flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;margin-bottom: 15px;}
.l-flex, .r-flex{width:49%;}.l-flex{margin-right:2%;}
@media only screen and (max-width:799px){.flex-column{-webkit-flex-direction: column;flex-direction: column;}div.l-flex, div.r-flex{font-size: 90%;}.l-flex, .r-flex{width:100%;}.r-flex{margin-top: 15px;}}

/*イメージフレーム　img-frame*/
img.img-frame {border: 25px solid #fff;border-radius: 8px;box-shadow: 0px 0px 15px #ddd;margin-bottom: 15px;}
@media only screen and (max-width:799px){img.img-frame {border: 10px solid #fff;}}

/*shortcodeのコンセプトボックス*/
.conceptBoxCon {margin-top: 40px;}

/*sp full width*/
@media only screen and (max-width:799px){
	.page-id-1708 div.container,
	.page-id-1607 div.container,
	.page-id-1610 div.container,
	.page-id-1615 div.container,
	.page-id-1648 div.container,
	.page-id-1653 div.container{padding-left: 0;padding-right: 0;}
}