*/
.method_yes_moji,.method_but_moji{
padding:5px;
color:#fff;
text-align:center;
font-weight:bold;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #358aca), color-stop(1.00, #1255a7));
background: -webkit-linear-gradient(#358aca, #1255a7);
background: -moz-linear-gradient(#358aca, #1255a7);
background: -o-linear-gradient(#358aca, #1255a7);
background: -ms-linear-gradient(#358aca, #1255a7);
background: linear-gradient(#358aca, #1255a7);
}
/*-----中谷先生第3回目記事Yes~But法 end-----*/
/*-----中谷先生連載5回目図表 2016.3.14追加-----*/
#nakaya_5_chart{
position: relative;
}
/*図表内テキスト部分flexboxの親box
*/
#nakaya_5_chart_middle{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
background-color:#ddd;
border-radius:50px;
padding-top:50px;
margin-top:-50px;
margin-bottom: -30px;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
z-index:2;
}
/*図表内テキスト部分flexbox
*/
.nakaya_5_chart_middle_inner{
text-align:center;
width:50%;
border:5px solid #666666;
background-color:#fff;
border-radius:30px;
padding:10px;
list-style:none;
margin-left: auto !important;
margin-right: auto !important;
width: 40%;
}
/*図表内テキスト部分タイトル*/
.nakaya_5_chart_middle_title{
font-weight:bold;
width:80%;
/* margin:-10% auto; */
margin: 0 auto;
background-color:#698ab4;
border-radius:30px;
padding:10px;
}
/*上の画像![]()
*/
.n_5_c_1{
position: relative;
z-index:3;
}
/*下の画像![]()
*/
.n_5_c_2{
position: relative;
z-index:1;
}
/*-----中谷先生連載5回目図表 2016.3.14追加 end-----*/
/* block1 */
.block1 {
padding: 20px;
background: #fff;
border: 1px #5f8cd8 solid;
border-radius: 10px;
line-height: 1.7;
margin: 1rem 0;
}
/* block1 end */
/* マーカー */
span.marker {
background: -moz-linear-gradient(transparent 50%, #fff9ba 0%);
background: -webkit-linear-gradient(transparent 50%, #fff9ba 0%);
background: linear-gradient(transparent 50%, #fff9ba 0%);
padding: 0 0 3px 0;
}
/* マーカー end */
/* 履歴書風table */
.resume {
/* margin: -1rem 0 0 0; */
margin: 0;
}
.resume table {
border-top: #000 2px solid !important;
border-left: #000 2px solid !important;
border-bottom: #000 2px solid !important;
border-right: #000 2px solid !important;
width: 670px;
margin: 0 auto;
border-collapse: collapse;
}
.resume table td {
border-bottom: #000 1px solid;
vertical-align: center;
padding: 5px 5px !important;
}
.resume table tr td:nth-of-type(1) {
width: 60px;
border-right: #000 1px dotted;
text-align: center;
}
.resume table tr td:nth-of-type(2) {
width: 25px;
border-right: #000 1px solid;
text-align: center;
}
.resume .txt_left {
text-align: left !important;
}
.resume_frame {
margin: 0 0 1.5rem 0;
}
.resume_frame table {
border: #000 1.5px solid !important;
line-height: 1.7rem;
margin: 0 !important;
width:100%;
}
.resume_frame table td {
padding: 10px 20px;
}
.resume_frame_blue {
margin: 0 0 1.5rem 0;
}
.resume_frame_blue table {
border: #000 2px solid !important;
line-height: 1.7rem;
margin: 0 10px 15px 10px !important;
width: 650px;
padding: 3px 5px !important;
}
/* 履歴書風table end */
/* 職務経歴書table */
.keireki table {
border-top: #000 2px solid !important;
border-left: #000 2px solid !important;
border-bottom: #000 2px solid !important;
border-right: #000 2px solid !important;
width: 100%;
margin: 0 10px;
border-collapse: collapse;
}
.keireki table td {
/* border-bottom: #000 1px solid; */
vertical-align: center;
padding: 5px 5px !important;
}
.keireki table tr td:nth-of-type(1) {
width: 40px;
border-right: #000 1px solid;
text-align: left;
}
.keireki table tr td:nth-of-type(2) {
text-align: left;
}
.box_yellow {
background: #fffce9;
border-radius: 7px;
padding: 7px 10px;
margin: -1rem 5px 1.5rem 0px;
}
/* 職務経歴書table end */
/* 画像の回り込み */
img.alignleft{
float: left;
margin-bottom: 10px;
margin: 10px 10px 10px 0;
}
img.alignright{
float: right;
margin-bottom: 10px;
margin: 10px 0 10px 10px;
}
img.aligncenter{
display: block;
margin: auto;
}
/* 画像の回り込み end */
/* 画像の回りに罫線 */
.border_gray {
border: 1px solid #ddd;
}
/* 画像の回りに罫線 end */
/*余白 行分*/
.mb1 {
margin-bottom: 2rem; /*1行分*/
}
.mb2 {
margin-bottom: 4rem; /*2行分*/
}
.mb3 {
margin-bottom: 6rem; /*3行分*/
}
/*余白 行分 end*/
/*余白 px分*/
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
/*余白 px分 end*/
/*分布図 エージェント エリア*/
/*共通部分*/
.bunpuzu_area {
width: 680px;
height: 380px;
background-size: 100%;
background-repeat: no-repeat;
margin: 2rem 0 3rem;
position: relative;
}
.bunpuzu_area .agent {
position: absolute;
font-size: 1.6rem;
font-weight: bold;
color: #003c96;
}
.bunpuzu_area .agent p {
line-height: 1;
margin-bottom: 0;
}
.bunpuzu_area .agent a span{
color: #f4881f;
}
/*共通部分 end*/
/*分布図 30代*/
.bunpuzu_agent_30dai {
background-image: url(/images/bunpuzu_agent_30dai.jpg);
}
.a1_30dai {
top: 22%;
left: 27.8%;
}
.a2_30dai {
top: 22%;
left: 68.4%;
}
.a3_30dai {
top: 71%;
left: 27.8%;
}
/*分布図 30代 end*/
/*分布図 総合*/
.bunpuzu_agent_sougou {
background-image: url(/images/bunpuzu_agent_sougou.jpg);
}
.a1_sougou {
top: 22%;
left: 32.9%;
}
.a2_sougou {
top: 28%;
left: 68.4%;
}
.a3_sougou {
top: 71%;
left: 22.7%;
}
/*分布図 総合 end*/
/*分布図 女性*/
.bunpuzu_agent_jyosei {
background-image: url(/images/bunpuzu_agent_jyosei.jpg);
}
.a1_jyosei {
top: 22%;
left: 27.8%;
}
.a2_jyosei {
top: 16%;
left: 63.3%;
}
.a3_jyosei {
top: 59%;
left: 22.7%;
}
.a4_jyosei {
top: 65%;
left: 63.3%;
}
/*分布図 女性 end*/
/*分布図 年収アップ*/
.bunpuzu_agent_nenshuu {
background-image: url(/images/bunpuzu_agent_nenshuu.jpg);
}
.a1_nenshuu {
top: 28%;
left: 27.8%;
}
.a2_nenshuu {
top: 16%;
left: 68.4%;
}
.a3_nenshuu {
top: 65%;
left: 27.8%;
}
.a4_nenshuu {
top: 59%;
left: 68.4%;
}
/*分布図 年収アップ end*/
/*分布図 ニートフリーター既卒*/
.bunpuzu_agent_neat {
background-image: url(/images/bunpuzu_agent_neat.jpg);
}
.a1_neat {
top: 16%;
left: 32.9%;
}
.a2_neat {
top: 22%;
left: 63.3%;
}
.a3_neat {
top: 71%;
left: 27.8%;
}
.a4_neat {
top: 71%;
left: 63.3%;
}
/*分布図 ニートフリーター既卒 end*/
/*分布図 首都圏*/
.bunpuzu_agent_shutoken {
background-image: url(/images/bunpuzu_agent_shutoken.jpg);
}
.a1_shutoken {
top: 22%;
left: 63.3%;
}
.a2_shutoken {
top: 71%;
left: 22.7%;
}
.a3_shutoken {
top: 53%;
left: 68.4%;
}
/*分布図 首都圏 end*/
/*分布図 関西*/
.bunpuzu_agent_kansai {
background-image: url(/images/bunpuzu_agent_kansai.jpg);
}
.a1_kansai {
top: 34%;
left: 27.8%;
}
.a2_kansai {
top: 22%;
left: 63.3%;
}
.a3_kansai {
top: 53%;
left: 68.4%;
}
/*分布図 関西 end*/
/*分布図 海外・外資*/
.bunpuzu_agent_kaigai {
background-image: url(/images/bunpuzu_agent_kaigai.jpg);
}
.a1_kaigai {
top: 22%;
left: 27.8%;
}
.a2_kaigai {
top: 65%;
left: 38%;
}
.a3_kaigai {
top: 22%;
left: 40%;
}
/*分布図 海外・外資 end*/
/*分布図 キャリアチェンジ*/
.bunpuzu_agent_kyaria {
background-image: url(/images/bunpuzu_agent_kyaria.jpg);
}
.a1_kyaria {
top: 22%;
left: 27.8%;
}
.a2_kyaria {
top: 34%;
left: 58.2%;
}
.a3_kyaria {
top: 77%;
left: 27.8%;
}
/*分布図 キャリアチェンジ end*/
/*分布図 中高年*/
.bunpuzu_agent_chuukounen {
background-image: url(/images/bunpuzu_agent_chuukounen.jpg);
}
.a1_chuukounen {
top: 16%;
left: 68.4%;
}
.a2_chuukounen {
top: 53%;
left: 27.8%;
}
.a3_chuukounen {
top: 77%;
left: 53.1%;
}
/*分布図 中高年 end*/
/*分布図 ジェイック*/
.bunpuzu_agent_jaic {
background-image: url(/images/bunpuzu_agent_jaic.jpg);
}
.a1_jaic {
top: 16%;
left: 38%;
}
.a2_jaic {
top: 65%;
left: 22.7%;
}
.a3_jaic {
top: 71%;
left: 63.3%;
}
/*分布図 ジェイック end*/
/*分布図 DYM就職*/
.bunpuzu_agent_dym {
background-image: url(/images/bunpuzu_agent_dym.jpg);
}
.a1_dym {
top: 16%;
left: 38%;
}
.a2_dym {
top: 65%;
left: 22.7%;
}
.a3_dym {
top: 71%;
left: 63.3%;
}
.a4_dym {
top: 24%;
left: 60%;
}
/*分布図 DYM就職 end*/
/*分布図 エージェント エリア end*/
.iframe-wrapper{
position: relative;
width: 100%;
padding: 75% 0 0 0;
}
/*アイフレーム*/
.iframe-wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*アイフレーム end*/
/* 装飾 ボーダー */
.border1 {
border: 1px #aaa solid;
}
/* 装飾ボーダー end */
/* 商標ページ 概要 */
.block5_gaiyou {
position: relative;
padding: 20px;
color: #000;
background: #f8f8f8;
overflow: hidden;
font-size: 0.6rem;
line-height: 1rem !important;
}
.block5_gaiyou:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-width: 16px 16px 0 0;
border-style: solid;
border-color: #fff;
border-top-color: #e1e1e1;
box-shadow: 0 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
/* 海外転職ページ table 国別転職エージェント 海外求人早見表 */
.table_country {
width: 100%;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
font-size: .95rem;
word-break: break-word;
text-align: center;
table-layout: fixed;
margin-bottom: .5rem;
}
.table_country th,
.table_country td {
padding: 6px 3px;
border: 1px #c0c0c0 solid;
text-align: center;
line-height: 1.4;
}
.table_country colgroup.item {
background-color: #fffce7;
width: 14.5%;
}
.table_country colgroup.data {
background-color: #fff;
width: 17%;
}
.table_country thead th {
background-color: #e5f8f5;
text-align: center;
}
.table_country thead th img {
vertical-align: bottom;
width: 100px;
}
.table_country thead th a {
vertical-align: top;
line-height: 1.2;
}
.table_country .flag {
width: 55px;
border: 1px solid #d2d2d2;
margin: 0;
}
/* 内部リンク 記事紹介（※1） */
.recommend_article {
border: 1px dotted #aaa;
padding: 1px 5px 12px 10px;
display: block !important;
border-radius: 3px;
margin: 2rem 1rem;
}
.recommend_article a {
display: block;
text-decoration: none !important;
margin-top: -1rem;
}
.recommend_article:hover {
background: #f5fbff;
}
.recommend_article .thumbnail img {
width: 130px;
height: 100%;
object-fit: cover;
float: left;
margin-right: 15px;
}
.recommend_article .text .title {
font-weight: bold;
font-size: 1.2rem;
margin-bottom: .5rem;
color: #2c6cd8;
}
.recommend_article .text .description {
font-weight: normal;
font-size: .9rem;
color: #000;
}
.recommend_article:before {
content: "こちらの記事も読まれています";
background: #a9c4f3;
padding: 3px 10px;
color: #fff;
font-weight: bold;
position: relative;
top: -10px;
left: 1%;
border-radius: 3px;
}
/* 内部リンク 記事紹介 */
/* ショートコード用に切り替える */
/* 完全移行したら（※1）は非表示に */
.recommend_article_box a {
display: flex;
justify-content: space-between;
/* align-items: center; */
text-decoration: none !important;
border: 1px dotted #aaa;
padding: 15px 5px 12px 10px;
border-radius: 3px;
margin: 2rem 1rem;
}
.recommend_article_box a:hover {
background: #f5fbff;
}
.recommend_article_box a .img {
width: 30%;
}
.recommend_article_box a .img img {
width: 100%;
}
.recommend_article_box .txt {
width: 65%;
text-align: justify;
}
.recommend_article_box .txt .sub_title {
display: inline-block;
font-size: 75%;
font-weight: normal;
/* background: #a9c4f3; */
/* background: #f49b00; */
background: #f4af36;
padding: 2px 10px 0;
color: #fff;
border-radius: 2px;
margin-bottom: 10px;
}
.recommend_article_box .txt .title {
line-height: 1.3;
/* color: #2c6cd8; */
color: #003c96;
font-weight: bold;
font-size: 115%;
margin-bottom: 5px;
}
/* frame */
.block1 {
padding: 10px 20px;
background: #fff;
border: 1px #5f8cd8 solid;
border-radius: 10px;
line-height: 1.7;
margin: 1rem 0;
}
.block1 p {
margin: 0;
}
.block1 .ttl {
font-size: 1.05rem;
font-weight: bold;
margin-bottom: .5rem;
border-bottom: 1px dotted #5f8cd8;
padding-left: .5rem;
}
.block1 ul.list_dot {
list-style: none;
padding-left: 0;
margin-top: 0;
font-size: 1rem;
margin-left: -.5rem;
margin-bottom: 0.5rem;
}
.block1 ul.list_dot li:before {
font-family: FontAwesome;
content: "・";
font-size: 1.6rem !important;
position: relative;
left: 0;
top: .2rem;
line-height: .9;
color: #5f8cd8;
}
.block1 .list_dot li {
margin: .6rem 0 0;
text-indent: -1.5rem;
padding-left: 1.5rem;
}
.block1 ul p {
margin: 0 1.5rem;
}
.block1 a:link {
font-weight: normal;
}
/* list icon */
ul.list_dot {
list-style: none;
padding-left: 0;
margin: 1rem 0;
font-size: 1rem;
margin-left: -.5rem;
}
ul.list_dot li:before {
font-family: FontAwesome;
content: "・";
font-size: 1.6rem !important;
position: relative;
left: 0;
top: .2rem;
line-height: .9;
color: #5f8cd8;
}
ul.list_dot li {
margin: .1rem 0;
}
/* 箇条書き ■ 1行のみ */
.itemize_square {
font-size: 1.05rem;
font-weight: bold;
margin-bottom: -2px;
margin-left: 1rem;
}
.itemize_square:before {
color: #5f8cd8;
font-family: FontAwesome;
content: '\f0c8';
font-size: .5rem !important;
position: relative;
left: -.4rem;
top: -2px;
}
/* 箇条書き ■ 枠なしlist */
div.list_square{
margin-left: .5rem;
}
div.list_square ul {
list-style: none;
padding-left: 0;
font-size: 1.05rem;
margin: 0 .5rem 1rem;
}
div.list_square li {
font-weight: bold;
margin-bottom: .5rem;
line-height: 1.5;
margin-left: .5rem;
text-indent: -.5rem;
}
div.list_square li:before {
color: #5f8cd8;
font-family: FontAwesome;
content: '\f0c8';
font-size: .5rem !important;
position: relative;
left: -.4rem;
top: -2px;
}
div.list_square p {
line-height: 1.6;
margin: -.3rem 0 1rem .5rem;
}
/* step 見出し */
.ttl_step {
/* background: #fffcf0; */
background: #fefaea;
padding: 15px 20px 3px 10px;
border-radius: 30px;
margin: 2rem 0 1rem 0;
/* box-shadow: 0px 0px 10px #fff6d4 inset; */
width: 95%;
font-size: 1.2rem;
/* font-weight: bold; */
}
.ttl_step .circle {
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
padding: .5rem .2rem 0rem .2rem;
text-align: center;
float: left;
margin: -.4rem .8rem .3rem 0;
color: #fff !important;
/* font-size: .95rem; */
font-size: .8rem;
background: #f4af36;
box-shadow: 1px 1px 4px #e5e5e5;
line-height: .9;
}
.ttl_step .circle span {
font-size: 1.6rem;
}
/* ★☆☆☆☆ */
.rating1:before {
font-family: FontAwesome;
content: '\f005' '\f006' '\f006' '\f006' '\f006';
font-size: 1.1rem !important;
position: relative;
top: 0;
color: #f49b00;
}
/* ★★☆☆☆ */
.rating2:before {
font-family: FontAwesome;
content: '\f005' '\f005' '\f006' '\f006' '\f006';
font-size: 1.1rem !important;
position: relative;
top: 0;
color: #f49b00;
}
/* ★★★☆☆ */
.rating3:before {
font-family: FontAwesome;
content: '\f005' '\f005' '\f005' '\f006' '\f006';
font-size: 1.1rem !important;
position: relative;
top: 0;
color: #f49b00;
}
/* ★★★★☆ */
.rating4:before {
font-family: FontAwesome;
content: '\f005' '\f005' '\f005' '\f005' '\f006';
font-size: 1.1rem !important;
position: relative;
top: 0;
color: #f49b00;
}
/* ★★★★★ */
.rating5:before {
font-family: FontAwesome;
content: '\f005' '\f005' '\f005' '\f005' '\f005';
font-size: 1.1rem !important;
position: relative;
top: 0;
color: #f49b00;
}
/*中谷先生 その他応募書類の書き方6 フローチャート*/
/*フローチャートのbox*/
div.box_flowchart {
padding: 1.5rem 0;
border: 0.5px #5f8cd8 solid;
margin: 1rem 0;
width: 100%;
background-color: #f5fbff;
text-align:center;
}
/*フローチャートのtable*/
.table_flowchart {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
}
.table_flowchart th {
width:50%;
padding:6px;
text-align: left;
vertical-align: middle;
text-align: center;
color: #444;
background-color: #f5fbff;
border: 1px solid #5f8cd8;
}
.table_flowchart td {
width:50%;
padding: 6px;
vertical-align: middle;
text-align: left;
background-color: #fff;
border-right: 1px solid #ccc;
border: 1px solid #5f8cd8;
}
/*中谷先生 その他応募書類の書き方6 フローチャート end */
/*中谷先生 事例の情報 こちらは消す予定 */
.example_frame {
margin: 3rem 0;
}
.example_frame table {
border:1.5px solid #000 !important;
line-height: 1.8;
margin: 0 !important;
width:100%;
}
.example_frame table td {
padding: 20px;
}
.example_frame .ttl{
margin-bottom: .5rem;
font-size: 1.13rem;
font-weight: bold;
}
.example_frame .ttl span {
border-bottom: 1px dotted #000;
}
/*中谷先生 事例の情報 end こちらは消す予定 */
/*中谷先生*/
/*事例 1*/
.example_area {
margin: 3rem 0;
border: 1.5px solid #000;
}
.example_area table {
line-height: 1.8;
margin: 0 !important;
width:100%;
}
.example_area table td {
border: none;
padding: 20px;
}
.example_area .ttl{
margin-bottom: .5rem;
font-size: 1.13rem;
font-weight: bold;
}
.example_area .ttl span {
border-bottom: 1px dotted #000;
}
/*事例 1 end*/
/*事例 2*/
.example2_area {
margin: 3rem 0;
border: 1.5px solid #000;
}
.example2_area table {
line-height: 1.8;
margin: 0 !important;
width:100%;
}
.example2_area table td {
border: none;
padding: 10px 20px;
}
/*事例 2 end*/
/*添え状・手紙*/
.letter_area {
display: block;
margin: 3rem 0;
line-height: 1.8;
padding: 30px;
border: 1.5px solid #000;
}
.letter_area .front {
line-height: 1.5;
}
.letter_area .title {
text-align: center;
font-weight: bold;
font-size: 1.3em;
text-decoration: underline;
padding: 50px 0 10px;
}
.letter_area .suisenjyou {
padding: 100px 0 50px;
}
.letter_area .name {
margin-bottom: 30px;
}
.letter_area .back {
line-height: 1.5;
margin: 50px 0;
}
/*添え状 手紙 end*/
/*メール*/
.mail_area {
margin: 3rem 0;
border: 1.5px solid #000 !important;
}
.mail_area table {
line-height: 1.8;
margin: 0 !important;
width:100%;
}
.mail_area table td {
border: none;
padding: 5px 10px;
}
.mail_area table .text td {
padding: 20px 10px;
}
/*メール end*/
/*frame*/
.frame_black1 {
border: 1.5px solid #000;
}
/*border-bottom*/
.border_b1 {
border-bottom: 1px solid #ccc !important;
}
/*border-right*/
.border_r1 {
border-right: 1px solid #ccc !important;
}
/*padding*/
.padding_10 {
padding: 10px;
}
.padding_20 {
padding: 20px;
}
.padding_30 {
padding: 30px;
}
/*——————————————————–
吹き出しを作る
——————————————————–*/
/* 全体のスタイル */
.kaiwa {
margin-bottom: 25px;
}
/* 左画像 */
.kaiwa-img-left {
margin: 0;
float: left;
width: 60px;
height: 60px;
margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
margin: 0;
float: right;
width: 60px;
height: 60px;
margin-left: -70px;
}
.kaiwa figure img {
width: 100%;
height: 100%;
border: 1px solid #aaa;
border-radius: 50%;
margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
position: relative;
bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
position: relative;
margin-left: 80px;
padding: 13px;
border-radius: 10px;
background: #f4f8ff;
float: left;
/* font-weight: 600; */
width: 76%;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
position: relative;
margin-right: 80px;
padding: 13px;
border-radius: 10px;
background-color: #f1f1f1;
float: right;
font-weight: 600;
width: 76%;
}
p.kaiwa-text {
margin: 0 0 20px;
}
p.kaiwa-text:last-child {
margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
top: 15px;
left: -20px;
}
.kaiwa-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #f4f8ff;
top: 15px;
left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
top: 15px;
right: -20px;
}
.kaiwa-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #f1f1f1;
top: 15px;
right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
clear: both;
content: "";
display: block;
}
/*監修*/
.box_kanshu {
display: flex;
justify-content: space-between;
text-align: justify;
margin-top: 100px;
margin-bottom: 50px;
position: relative;
}
.box_kanshu .point {
position: absolute;
top: -40px;
height: 40px;
line-height: 40px;
padding-left: 30px;
font-size: 1.2rem;
letter-spacing: .2rem;
width: 260px;
background: #16479a;
color: #fff;
}
.box_kanshu .point_img {
position: absolute;
top: -50px;
width: 260px;
height: auto;
z-index: 1;
}
.box_kanshu .point_img img {
width: 100%;
}
.box_kanshu .kaisetsu {
border: 1px solid #aaa;
border-radius: 6px;
position: relative;
display: inline-block;
}
/* .box_kanshu .kaisetsu:before {
content: "";
position: absolute;
top: 50%;
right: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #FFF;
z-index: 2;
} */
/* .box_kanshu .kaisetsu:after {
content: "";
position: absolute;
top: 50%;
right: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-left: 15px solid #ccc;
z-index: 1;
} */
.box_kanshu .kaisetsu .title {
font-weight: bold;
font-size: 1.3rem;
margin-bottom: 10px;
color: #16479a;
padding: 0 30px;
margin-top: 30px;
}
.box_kanshu .kaisetsu .text {
padding: 0 30px 10px;
}
.box_kanshu .kanshu {
margin-left: 40px;
}
.box_kanshu .kanshu .photo img {
max-width: 120px;
height: 120px;
border-radius: 50%;
background: #ccc;
margin-bottom: 20px;
}
.box_kanshu .kanshu .profile .name {
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 10px;
}
.box_kanshu .kanshu .profile .work {
}
.box_kanshu .kanshu .profile .work ul {
padding: 0;
margin: 0;
}
.box_kanshu .kanshu .profile .work ul li {
padding: 0;
line-height: inherit;
list-style: none;
font-size: .9rem;
}
.box_kanshu a {
color: #003c96;
}
/*監修 end
/*プロフィール*/
.box_profile {
text-align: justify;
background: #f2f9ff;
padding: 30px 30px 25px;
/* margin: 50px 0 !important; */
display: flex;
}
.box_profile .photo {
margin-bottom: 15px;
margin-right: 30px;
text-align: center;
}
.box_profile .photo img {
max-width: 150px;
height: 150px;
/* border-radius: 50%; */
background: #ccc;
margin: 0;
}
.box_profile .profile .work {
margin-bottom: 20px;
}
.box_profile .profile .work ul {
padding: 0;
margin: 0;
}
.box_profile .profile .work ul li {
padding: 0;
line-height: inherit;
list-style: none;
font-size: .9rem;
}
.box_profile .profile .name {
font-weight: bold;
font-size: 1.3rem;
border-bottom: 1px dotted #333;
height: 30px;
line-height: 20px;
margin-bottom: 10px;
}
.box_profile .profile .name span {
font-size: 1rem;
margin-right: 10px;
}
.box_profile .profile .text {
margin-bottom: 30px;
}
.box_profile .profile .text p {
font-size: .95rem;
margin-bottom: 15px;
}
.box_profile .profile .info {
margin-bottom: 10px;
}
.box_profile .profile .info p {
margin-bottom: 5px;
font-size: .95rem;
}
.box_profile .profile p.title {
font-weight: bold;
margin-bottom: 5px;
}
.box_profile a {
color: #003c96;
}
/*プロフィール end*/
/* 公式ボタン small*/
/* 6文字まで */
.btn_agent_small {
width: 90px;
margin: 0 auto;
}
.btn_agent_small a {
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
color: #fff !important;
font-size: .8rem;
font-weight: bold !important;
width: 100%;
height: 2rem !important;
/* letter-spacing: 1px; */
/* background: #70CC40;
border-bottom: 4px solid #418323; */
margin: 0 auto;
margin-top: 10px;
margin-bottom: 15px;
text-decoration: none !important;
}
/* green */
.btn_agent_small a.color_green {
background: #70CC40;
border-bottom: 4px solid #418323;
}
/* orange */
.btn_agent_small a.color_orange {
background: #f49b00;
border-bottom: 4px solid #ae6f00;
}
.btn_agent_small a:after {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
margin-left: 0.2rem;
color: #fff;
font-size: 1rem;
}
.btn_agent_small a:hover {
opacity: 0.8;
}
/* 公式ボタン */
.btn_agent {
margin: 40px auto 20px;
width: 90%;
}
.btn_agent span {
/* display: block; */
/* text-align: center; */
display: table;
margin: 0 auto;
font-size: 1.2rem;
margin-bottom: 1rem;
background: -webkit-linear-gradient(transparent 60%, #ffed53 0%);
background: -o-linear-gradient(transparent 60%, #ffed53 0%);
background: linear-gradient(transparent 60%, #ffed53 0%);
}
.btn_agent a {
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
color: #fff !important;
font-size: 1.3rem;
font-weight: bold !important;
width: 100%;
height: auto !important;
padding: 1.2rem 0;
/* background: #70CC40;
border-bottom: 8px solid #418323; */
text-decoration: none !important;
}
/* green */
.btn_agent a.color_green {
background: #70CC40;
border-bottom: 8px solid #418323;
}
/* orange */
.btn_agent a.color_orange {
background: #f49b00;
border-bottom: 8px solid #ae6f00;
}
.btn_agent a:after {
content: "\f144";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
margin-left: .8rem;
color: #fff;
font-size: 1.4rem;
}
.btn_agent a:hover {
opacity: 0.8;
}
/* テーブル／table_compare4 */
.table_compare4 table {
width: 100%;
}
.table_compare4 table th {
background-color: #6e8acc;
border: none;
color: #fff;
padding: 10px 0;
border-left: solid 1px #fff;
font-size: 1rem;
}
.table_compare4 table td {
border-top: none;
}
.table_compare4 table td:nth-of-type(1) {
width: 40%;
text-align: center;
padding: 15px 10px 10px;
}
.table_compare4 table td:nth-of-type(1) p {
text-align: center;
margin-bottom: 5px;
font-weight: bold;
font-size: 15.5px;
}
.table_compare4 table td:nth-of-type(2) {
width: 23%;
text-align: left;
font-size: .9rem;
font-weight: bold;
}
.table_compare4 table td:nth-of-type(3) {
width: 37%;
text-align: left;
}
.table_compare4 table td:nth-of-type(3) ul {
text-align: left;
}
.table_compare4 table td:nth-of-type(3) ul li {
text-indent: -1.3rem;
padding-left: 1.3rem;
font-size: .9rem;
line-height: 1.3;
margin-bottom: .3rem;
}
.table_compare4 table td:nth-of-type(3) ul li:before {
content: "・";
font-size: 1.3rem;
position: relative;
left: -0.3rem;
top: 0.2rem;
color: #5f8cd8;
}
.table_compare4 table td img {
margin-top: 5px;
width: 86%;
}
/* ボタンの追加調整用 */
.table_compare4 table td .btn_agent_small a {
}
/*
.table_compare4 table tbody tr:nth-child(2n+0) {
background-color: #f5fbff !important;
} */
/* テーブル／table_compare5 */
.table_compare5 table {
width: 100%;
}
.table_compare5 table th {
border: none;
}
.table_compare5 table th:nth-of-type(1) {
width: 50%;
background: #f49b00;
color: #fff;
border-right: 1px solid #fff;
}
.table_compare5 table th:nth-of-type(2) {
width: 50%;
background-color: #aaaaaac2;
color: #fff;
}
.table_compare5 table td {
border-top: none;
}
.table_compare5 table td ul {
text-align: left;
margin-left: 0.5rem;
}
.table_compare5 table td ul li {
text-indent: -1.3rem;
padding-left: 1.3rem;
}
.table_compare5 table td ul li:before {
content: "・";
font-size: 1.4rem;
position: relative;
left: -0.3rem;
top: 0.2rem;
color: #5f8cd8;
}
.table_compare5 table td:nth-of-type(1) ul li:before {
color: #f4af36;
}
.table_compare5 table td:nth-of-type(2) ul li:before {
color: #aaaaaac2;
}
/* 既存（table_compare2）を流用＆微調整したテーブル */
.table_compare2 table.two .cell_left {
border-left: 1px solid #ccc;
}
.table_compare2 table.two td {
padding: 10px;
}
.table_compare2 table.two td ul {
text-align: left;
margin-left: 0.5rem;
}
.table_compare2 table.two td ul li {
text-indent: -1.3rem;
padding-left: 1.3rem;
}
.table_compare2 table.two td ul li:before {
content: "・";
font-size: 1.4rem;
position: relative;
left: -0.3rem;
top: 0.2rem;
color: #5f8cd8;
}
.table_compare2 table.two td:nth-of-type(1) ul li:before {
}
.table_compare2 table.two td:nth-of-type(2) ul li:before {
}
/* 転職掲示板の非表示 */
.contents_none {
display: none;
}