/* ===================================================================
   CONTENTS
=================================================================== */
/* トップページ */
.top_body {
}
.main_area {
   position: relative;
   width: 100%;
   margin: 0 auto;
   overflow: hidden;
   text-align: center;
}
@media screen and (max-width: 768px) {
.main_area {
   margin: 70px auto 0;
   height: auto;
}
.main_area img {
   width: 100%;
   height: auto;
}
}
.main_under {
   background-color: #a3bc19;
   padding: 10px 0;
   margin-bottom: 40px;
   text-align: center;
   color: #FFF;
   font-size: 2.4rem;
   font-weight: bold;
}
@media screen and (max-width: 768px) {
.main_under {
   padding: 10px 1em;
   font-size: 2.0rem;
}
}
.title01Area {
   width: 75%;
   font-size: 2.4rem;
}
.title01_img {
   width: 20%;
   text-align: center;
}
.title01_img img {
   max-height: 260px;
}
.title02Area {
   width: 65%;
   font-size: 2.4rem;
}
.title02_img {
   width: 32%;
   text-align: center;
}
.title_line {
   border-top: 1px solid #313131;
   border-bottom: 1px solid #313131;
   padding: 15px 0;
   margin-bottom: 25px;
   font-size: 3.0rem;
   color: #1e80cd;
   font-weight: bold;
   text-align: center;
}
.title_line rt {
   padding: 10px 0 5px;
}
@media screen and (max-width: 768px) {
.title01Area {
   width: 73%;
   font-size: 1.6rem;
}
.title01_img {
   width: 23%;
   text-align: center;
}
.title_line {
   font-size: 2.4rem;
   line-height: 130%;
   margin-top: 70px;
}
.title02Area {
   width: 55%;
   font-size: 1.6rem;
}
.title02_img {
   width: 43%;
   text-align: center;
}
}
.top_program_list {
	width: 100%;
	margin: 0 auto 100px
}
.top_program_list li {
	width: 22%;
	position: relative;
	background-color: #FFCC33;
	padding: 25px 5px 60px;
}
.tpl_bt {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 30px;
}
@media screen and (max-width: 768px) {
.top_program_list {
	margin: 0 auto 50px
}
.top_program_list li {
	width: 100%;
	margin-bottom: 20px;
	padding: 25px 15px 90px;
}
}
.triangle01::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 2em solid transparent;
    border-left: 2em solid #1e80cd;
    position: absolute;
    z-index: 100;
}
.triangle01::after {
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    left: 0;
    position: absolute;
    z-index: 101;
}
.triangle02::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 1em solid transparent;
    border-left: 1em solid #1e80cd;
    position: absolute;
    z-index: 100;
}
.triangle02::after {
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    left: 0;
    position: absolute;
    z-index: 101;
}

.triangle03::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 1em solid transparent;
    border-left: 1em solid #ffcc33;
    position: absolute;
    z-index: 100;
}
.triangle03::after {
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    left: 0;
    position: absolute;
    z-index: 101;
}
.square_tltle {
	font-size: 3.2rem;
	text-align: center;
	line-height: 120%;
}
.square_tltle span.square {
	background: url("../img/square.png") top 6px left no-repeat;
	padding-left: 40px;
	display: inline-block;
	line-height: 110%;
}
.square_under {
	color: #FFF;
	text-align: center;
	margin-bottom: 15px;
	font-size: 2.4rem;
}
.check01 {
	background: url("../img/checkbox.png") top left no-repeat;
	padding: 0 0 0 20px;
}
.check01.check45 {
   margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
.check01 {
   width: 50%;
   margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.check01 {
   width: 100%;
   margin: 0 auto;
}
}
.bt_blue01 {
	background-color: #1E80CD;
	text-align: center;
	border-radius: 30px;
	padding: 10px 3em;
	color: #FFF!important;
	text-decoration: none!important;
	transition: all 0.2s ease-in;
}
.bt_blue01 span {
	background: url("../img/arrow01_wh.png") center right no-repeat;
	padding-right: 80px;
}
.bt_blue01:hover {
	background-color: #045C99;
}
.bt_blue_2em {
   padding: 10px 2em;
}
.bt_blue_2em span {
	background: url("../img/arrow01_wh_s.png") center right no-repeat;
	padding-right: 60px;
}
.bt001_l {
	text-align: center;
	font-size: 2.0rem;
}
.bt001_l a {
	padding: 15px 4em;
}
@media screen and (max-width: 768px) {
.bt001_l {
	font-size: 1.8rem;
}
.bt001_l a {
	padding: 15px 1.5em;
}
.bt001_mt {
   margin-top: 40px;
}
}
.bt002 {
	background-color: #FFF5D6;
	border: 2px solid #1E80CD;
	color: #1E80CD!important;
	font-size: 2.0rem;
	padding: 15px 3em;
	border-radius: 30px;
	text-decoration: none!important;
}
.bt002 span {
	background: url("../img/fukidashi_blue.svg") center left no-repeat;
	position: relative;
	padding: 5px 45px;
}
.bt002 span::after {
	content: '';
	background-image: url("../img/arrow02_bl.png");
	width: 52px;
	height: 11px;
	position: absolute;
    top: 8px;
    right: -20px;
}
@media screen and (max-width: 768px) {
.bt002 {
	font-size: 1.8rem;
	padding: 15px 1.5em;
}
}
.bt003 {
	background-color: #1E80CD;
	text-decoration: none!important;
	padding: 10px 2em;
	color: #FFF!important;
	border-radius: 40px;
	border: 2px solid #FFCC33;
	font-size: 2.0rem;
}
.bt003 span {
	background: url("../img/arrow01_wh_s.png") top right no-repeat;
	padding: 0 60px 0 0;
}
@media screen and (max-width: 768px) {
.bt003 {
	padding: 10px 1em;
	font-size: 1.6rem;
}

}
.bt004 {
   border: 2px solid #1e80cd;
	text-align: center;
	border-radius: 30px;
	padding: 10px 3em;
	color: #1e80cd!important;
	text-decoration: none!important;
	transition: all 0.2s ease-in;
	font-size: 2.0rem;
}
.bt004 span {
	background: url("../img/arrow02_bl.png") center right no-repeat;
	padding-right: 80px;
}
.bt004:hover {
	background-color: #045C99;
	color: #FFF!important;
}
@media screen and (max-width: 768px) {

.bt004 {
	padding: 10px 1.5em;
	font-size: 1.6rem;
}
.bt004 span {
	padding-right: 60px;
}
}
.bt005 {
	background-color: #ffcc33;
	text-decoration: none!important;
	padding: 10px 2em;
	color: #1e80cd!important;
	border-radius: 40px;
	border: 2px solid #1e80cd;
	font-size: 2.0rem;
}
.bt005 span {
	background: url("../img/arrow02_bl.png") top right no-repeat;
	padding: 0 60px 0 0;
}
.top_support {
	border-left: 2px solid #FFCC33;
	margin: 0 auto 50px;
}
.top_support li {
	width: 25%;
	color: #1e80cd;
	border-right: 2px solid #FFCC33;
	padding: 40px 1em 0;
	text-align: center;
	font-size: 2.2rem;
}
.top_support li p {
	background: url("../img/check_c.png") top center no-repeat;
	padding-top: 40px;
	line-height: 130%;
	width: 100%;
	font-weight: bold;
}
.top_support li div {width: 100%;}
@media screen and (max-width: 768px) {
.top_support li {
	font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.top_support {
	border-left: 0;
}
.top_support li {
	width: 100%;
	border-right: 0px solid #FFCC33;
	border-top: 2px solid #FFCC33;
	padding: 10px 0;
	text-align: center;
	font-size: 1.8rem;
}
.top_support li p {
	background: url("../img/check_c.png") left top no-repeat;
	background-size: 22px auto;
	text-align: left;
	padding: 0 0 0 30px;
}
.top_support li:nth-child(odd) p {
   order: 2;
   width: 57%;
   margin: 0;
}
.top_support li:nth-child(odd) div {
   order: 1;
   width: 40%;
}
.top_support li:nth-child(even) p {
   order: 1;
   width: 57%;
   margin: 0;
}
.top_support li:nth-child(even) div {
   order: 2;
   width: 40%;
}
}
.top_voice_list {
	margin: 0 auto 50px;
}
.top_voice_list li {
	width: 43%;
	background-color: #FFF5D6;
	padding: 20px 20px 60px;
	margin: 0 auto 30px;
	border: 1px solid #1E80CD;
	position: relative;
}
.top_voice_list h3 {
	font-size: 2.4rem;
	color: #1E80CD;
	margin-bottom: 15px;
}
.tvl_img {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
.tvl_day {
	text-align: right;
	margin-bottom: 10px;
}
.tvl_cat a {
	font-size: 2.0rem;
	display: inline-block;
	background-color: #FFCC33;
	padding: 5px 20px 5px 10px;
	border-radius: 0 30px 30px 0 / 0 30px 30px 0;
	margin-bottom: 15px;
}
.tvl_cat02 a {
   font-size: 1.6rem;
   padding: 3px 10px 3px 5px;
   margin-bottom: 25px;
   margin-right: 10px;
}
.tvl_cat03 a {
   font-size: 1.6rem;
   padding: 3px 10px 3px 5px;
   margin-bottom: 0;
   margin-right: 5;
   letter-spacing: 0;
}
.tvl_cat04 a {
   border-radius: 0;
}
.tvl_cat05 a {
   margin-bottom: 5px;
}
.tvl_cat a {
   color: #313131!important;
   text-decoration: none!important;
}
.tvl_tag {
	margin-bottom: 20px;
}
.tvl_tag02 {
	margin-bottom: 10px;
}
.tvl_tag li {
	float: left;
	background-color: #4C4948!important;
	border: 2px solid #FFCC33!important;
	padding: 2px 10px!important;
	margin: 0 10px 0 0!important;
	width: inherit!important;
	border-radius: 12px;
	color: #FFF;
}
@media screen and (max-width: 768px) {
.top_voice_list {
	margin: 0 auto 30px;
}
.top_voice_list li {
	width: 100%;}

.top_voice_list h3 {
	font-size: 2.0rem;
}
}
.top_interview_list {
	margin: 0 auto 50px;
}
.top_interview_list li {
	border: 1px solid #1E80CD;
	width: 43%;
	margin: 0 0 30px 0;
	padding-bottom: 30px;
	position: relative;
}
.ti_bt {
   position: absolute;
   bottom: 30px;
   left: 0;
   right: 0;
   margin: auto;
}
@media screen and (max-width: 768px) {
.top_interview_list li {
	width: 100%;
}
}
.til_place {
	background: url("../img/pin.svg") center left 10px no-repeat #1E80CD;
	background-size: 20px auto;
	color: #FFF;
	padding: 10px 5px 10px 40px;
}
.til_in {
	padding: 20px 20px 40px;
}
.til_cat {
	border: 1px solid #4C4948;
	padding: 5px 1em;
	border-radius: 12px;
	margin-bottom: 10px;
}
.til_tag {
	background-color: #FFCC33;
	padding: 3px 7px;
}
.til_title {
	color: #1E80CD;
	font-size: 2.0rem;
}
.title_yellow {
   background-color: #ffcc33;
   margin-bottom: 35px;
   font-size: 2.6rem;
   text-align: center;
   padding: 10px;
   font-weight: bold;
}
@media screen and (max-width: 768px) {
.title_yellow {
   font-size: 2.0rem;
}
}
.top_place_list {
   margin: 0 auto 50px;
}
.top_place_list li {
   border: 2px solid #1e80cd;
   width: 46%;
   margin: 0 0 30px 0;
   position: relative;
}
.tpl_place {
   background: url(../img/pin_wh.svg) center left 10px no-repeat #ffcc33;
   background-size: 20px auto;
   padding: 7px 7px 7px 40px;
   border-bottom: 2px solid #1e80cd;
   font-weight: bold;
}
.tpl_50 {/*height: 50px;*/
    display: flex;
    align-items: center;
    width: 100%;
	margin-bottom: 25px;
    justify-content: center;}
.tpl_in {
   padding: 15px 15px 30px;
   margin-bottom: 50px;
}
.tpl_left {
   width: 48%;
}
.tpl_right {
   width: 48%;
}
.tpl_no {
   text-align: center;
   background-color: #1e80cd;
   padding: 7px 0 10px;
   color: #FFF!important;
   position: absolute;
   bottom: 0;
   width: 100%;
   display: block;
}
@media screen and (max-width: 768px) {
.top_place_list li {
   width: 100%;
}
.tpl_left {
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
}
.tpl_right {
   width: 100%;
}
}
.btArea {
   width: 580px;
   margin: 0 auto 50px;
}
.bt_grey01 {
   border: 2px solid #808080;
   border-radius: 15px;
   width: 48%;
   box-shadow: 4px 4px 0 0 rgba(128,128,128,1);
   background: url(../img/arrow03_bl.png) center right 15px no-repeat;
   padding: 15px 70px 15px 15px;
   text-align: center;
   text-decoration: none!important;
   color: #313131!important;
   font-size: 2.0rem;
   font-weight: bold;
   line-height: 140%;
}
.bt_grey02 {
   width: 100%;
   display: block;
   border: 2px solid #808080;
   border-radius: 15px;
   box-shadow: 4px 4px 0 0 rgba(128,128,128,1);
   background: url(../img/arrow04_wh.png) center right 15px no-repeat #1e80cd;
   padding: 21px 50px 21px 15px;
   text-align: center;
   text-decoration: none!important;
   color: #FFF!important;
   font-size: 2.0rem;
   font-weight: bold;
   line-height: 140%;
}
.bt_flex {
   display: flex;
   align-items: center;
}
@media screen and (max-width: 768px) {
.btArea {
   width: 100%;
   margin: 0 auto 50px;
}
.bt_grey01 {
   background: url(../img/arrow03_bl.png) center bottom 10px no-repeat;
   background-size: 28px auto;
   padding: 15px 5px 45px 5px;
   letter-spacing: 0;
   font-size: 1.8rem;
   display: inline-grid;
}
}
.top_news {
   margin: 0 auto 50px;
   width: 90%;
}
.top_news li {
   border-bottom: 2px solid #ffcc33;
   border-top: 2px solid #ffcc33;
   padding: 10px;
   margin-top: -2px;
}
.tn_left {
   width: 20%;
}
.tn_right {
   width: 79%;
}
.tn_day {
   display: inline-block;
   margin-bottom: 20px;
   text-align: center;
   background-color: #d2e6f5;
   border-radius: 11px;
   padding: 5px 3em;
}
.tn_more {
   background-color: #ffcc33;
   padding: 5px 2em;
   color: #1e80cd!important;
   text-decoration: none!important;
   position: relative;
}
@media screen and (max-width: 768px) {
.top_news {
   width: 100%;
}
.tn_left {
   width: 30%;
}
.tn_right {
   width: 67%;
}
.tn_day {
   margin-bottom: 10px;
   padding: 5px .5em;
   font-size: 1.4rem;
}
}
.top_blog {
   margin: 0 auto 50px;
}
.top_blog li {
   width: 47%;
   border-top: 2px solid #1e80cd;
   border-bottom: 2px solid #1e80cd;
   padding: 15px;
   margin: -2px 0 0 0;
}
.tb_left {
   width: 30%;
}
.tb_right {
   width: 65%;
   font-weight: bold;
}
.tb_day {
   font-weight: normal;
   background-color: #ffebad;
   display: inline-block;
   margin-bottom: 20px;
   text-align: center;
   border-radius: 11px;
   padding: 3px 1em;
}
.tb_more {
   background-color: #1e80cd;
   padding: 5px 2em;
   color: #FFF!important;
   text-decoration: none!important;
   position: relative;
}
@media screen and (max-width: 768px) {
.top_blog li {
   width: 100%;
}
.tb_left {
   width: 30%;
}
.tb_right {
   width: 65%;
}
.tb_day {
   margin-bottom: 10px;
   padding: 3px .5em;
   font-size: 1.4rem;
}
}
.sns_title {
   background-color: #4c4948;
   padding: 10px;
   text-align: center;
   font-size: 2.0rem;
   color: #FFF;
   margin: 0 auto 40px;
}
.sns_title span.rl {
   background: url(../img/stripe_left.svg) top left no-repeat;
   padding: 5px 0 5px 2em;
}
.sns_title span.rs {
   background: url(../img/stripe_right.svg) top right no-repeat;
   padding: 5px 2em 5px 0;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .sns_title span.rs {
   background: url(../img/stripe_right.svg) top right -400px no-repeat;
   padding: 5px 2em 5px 0;
}
}
.sns_bt {
   text-align: center;
   margin: 0 auto 80px;
}
.sns_bt li {
   display: inline-block;
   margin: 0 15px;
   width: 110px;
}
@media screen and (max-width: 768px) {
.sns_title {
   font-size: 1.5rem;
   margin: 0 auto 30px;
   letter-spacing: 0;
   padding: 10px 0;
}
.sns_title span.rl {
   padding: 5px 0 5px .8em;
}
.sns_title span.rs {
   padding: 5px .8em 5px 0;
}
.sns_bt li {
   display: inline-block;
   margin: 0 2%;
   width: 26%;
}
}

/*   その他ページ  */
.shiteiArea {
   text-align: right;
   padding-top: 10px;
}
.shitei {
   background-color: #1e80cd;
   display: inline-block;
   padding: 1px 10px;
   font-size: 14px;
   color: #FFF;
   margin-right: 10px;
}
.office_eyecatch {
   width: 45%;
}
.office_eye_right {
   width: 50%;
}
.office_eye_right p {
   margin-bottom: 25px;
}
.office_eye_right p:last-child {
   margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.office_eyecatch {
   width: 100%;
   margin-bottom: 25px;
   text-align: center;
}
.office_eye_right {
   width: 100%;
}
}
.facility {
   margin: 0 auto 80px;
   position: relative;
  justify-content: center;
}
.facility li {
   width: 30%;
   text-align: center;
   margin: 0 1.5% 35px;
}
.facility li img {
   margin: 0 auto 15px;
   justify-content: center;
}
@media screen and (max-width: 768px) {
.facility {
   margin: 0 auto 50px;
}
.facility li {
   width: 46%;
}
}
.info_box {
   width: 100%;
   border: 1px solid #D9D9D9;
}
.info_box th, .info_box td {
   padding: 20px;
}
.info_box th {
   background-color: #1e80cd;
   color: #FFF;
   border-bottom: 1px solid #FFF;
   width: 22%;
}
.info_box td {
   border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 768px) {
.info_box th, .info_box td {
   padding: 20px;
   display: block;
   width: 100%;
}
.info_box td {
   border-bottom: 0px solid #FFF;
}
}
.head_title {
   font-size: 3.0rem;
   text-align: center;
   color: #FFF;
   padding: 100px 0;
}
.head_title span {
   display: block;
}
.head_title_img01 {
   background: url(../img/spirit_head.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img02 {
   background: url(../img/interview_head.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img03 {
   background: url(../img/voice_head.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img04 {
   background: url(../img/hikikomori_head.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img05 {
   background: url(../img/hattatsu_head.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img06 {
   background: url(../img/feature_head.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img07 {
   background: url(../img/beginner.jpg) center center no-repeat;
   background-size: cover;
}
.head_title_img08 {
   background: url(../img/athome_head.jpg) center center no-repeat;
   background-size: cover;
}
@media screen and (max-width: 768px) {
.head_title {
   font-size: 2.0rem;
   padding: 40px 1em;
   margin-bottom: 40px;
   font-weight: bold;
   margin-top: 46px;
}
#container {
    padding-top: 50px;
    width: 100%;
}
}
.breadcrumb {
   float: right;
   font-size: 1.1rem;
   margin-bottom: 60px;
   margin-top: 10px;
}
.breadcrumb li {
   float: left;
   position: relative;
}
.breadcrumb li::after {
   content: '>';
   display: inline-block;
   padding: 0 7px;
}
.breadcrumb li:last-child::after {
   content: '';
   padding: 0;
}
@media screen and (max-width: 768px) {
.breadcrumb {
   display: none;
}
}
.nayami {
   background-color: #f2f2f2;
   position: relative;
   margin-bottom: 90px;
}
.nayami::after {
   content: '';
   background-image: url(../img/triangle01.png);
   width: 95px;
   height: 35px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -60px;
   margin: auto;
}
.nayami_left {
   width: 48%;
}
.nayami_left.nl01 {
   background: url(../img/spirit01.jpg) top center no-repeat;
   background-size: cover;
}
.nayami_left.nl02 {
   background: url(../img/hikikomori01.jpg) top center no-repeat;
   background-size: cover;
}
.nayami_left.nl03 {
   background: url(../img/hattatsu01.jpg) top center no-repeat;
   background-size: cover;
}
.nayami_right {
   width: 48%;
   padding: 30px 0 20px;
}
.nayami_right li {
   background: url(../img/check_c.png) center left no-repeat;
   padding: 3px 0 3px 40px;
   font-size: 1.8rem;
   font-weight: bold;
   margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.nayami_left {
   width: 100%;
   height: 140px;
}
.nayami_right {
   width: 100%;
   padding: 30px 1em 20px;
}
.nayami_right li {
   padding: 0 0 0 25px;
   letter-spacing: 0;
   background-size: 20px;
   font-size: 1.7rem;
   font-weight: bold;
}
}
.feature_lead_ttl{
    line-height: 165%;
}

.shuuichi {
   font-size: 2.4rem;
   font-weight: bold;
   text-align: center;
    display: block;
}
.shuuichi span {
   font-size: 3.2rem;
}
.teichaku {
   font-size: 4.0rem;
   font-weight: bold;
   text-align: center;
   margin-bottom: 35px;
    display: block;
}
@media screen and (max-width: 768px) {
.shuuichi {
   font-size: 2.0rem;
}
.shuuichi span {
   font-size: 2.4rem;
}
.teichaku {
   font-size: 3.0rem;
    line-height: 125%;
}
}
.plan01_left {
   width: 30%;
   margin: 0 3%;
}
.plan01_right {
   width: 45%;
}
@media screen and (max-width: 768px) {
.plan01_left {
   width: 60%;
   margin: 0 auto 25px;
   text-align: center;
}
.plan01_right {
   width: 100%;
}
}
.bg_grey01 {
   background-color: #f2f2f2;
   padding: 70px 0;
   margin-bottom: 75px;
}
.title-underline{
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
.title-underline::after {
   content: '';
   background-color: #0080cd;
   width: 600px;
   height: 4px;
   position: absolute;
   bottom: -10px;
   left: 0;
   right: 0;
   margin: auto;
}

.title-border {
   font-size: 2.8rem;
   font-weight: bold;
   position: relative;
   text-align: center;
   margin-bottom: 60px;
    font-family: Montserrat, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;

}
.title-border::after {
   content: '';
   background-color: #0080cd;
   width: 52px;
   height: 4px;
   position: absolute;
   bottom: -20px;
   left: 0;
   right: 0;
   margin: auto;
}
.title-band{
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    color:#ffffff;
    background: #0080cd;
    padding:1.5rem 0;
}
@media screen and (max-width: 768px) {
    .title-underline{
        font-size: 2.8rem;
    }
    .title-underline::after{
        width:100%;
    }
.title-border {
   font-size: 2.3rem;
}
    .title-band{
        font-size: 3rem;
    }
}
.title-grad {
   background: linear-gradient(90deg,#0080cd, #8cd4ff);
   color: #FFF;
   font-weight: bold;
   margin-bottom: 35px;
   font-size: 2.2rem;
   text-align: center;
   padding: 10px 0;
}
.title-grad::after {
   content: none;
}
.title-grad span {
   background: url(../img/light.png) center left no-repeat;
   padding: 10px 10px 10px 50px;
}
@media screen and (max-width: 768px) {
.title-grad {
   font-size: 2.0rem;
   padding: 15px 10px;
}
.title-grad span {
   background: url(../img/light.png) center top no-repeat;
   padding: 50px 10px 0px 10px;
   display: inline-block;
}
}
.support_left {
   width: 18%;
   margin: 0 3%;
}
.support_right {
   width: 55%;
   font-weight: bold;
   font-size: 1.8rem;
   line-height: 200%;
}
@media screen and (max-width: 768px) {
.support_left {
   width: 60%;
   margin: 0 auto 25px;
   text-align: center;
}
.support_right {
   width: 100%;
   line-height: 160%;
}
}
.insho {
   margin-bottom: 35px;
}
.insho li {
   width: 31%;
}
.insho_wh {
   border-radius: 15px;
   padding: 180px 10px 15px 10px;
   position: relative;
   margin-bottom: 65px;
   text-align: center;
}
.insho_wh::after {
   content: '';
   background-image: url(../img/triangle02.png);
   width: 95px;
   height: 35px;
   position: absolute;
   margin: auto;
   left: 0;
   right: 0;
   bottom: -50px;
}
.insho_bl {
   background-color: #1f80cd;
   color: #FFF;
   font-size: 1.8rem;
   text-align: left;
   padding: 20px 15px;
   font-weight: bold;
   border-radius: 15px;
   min-height: 140px;
}
.insho_wh_img01 {
   background: url(../img/spirit04.png) top 15px center no-repeat #FFF;
}
.insho_wh_img02 {
   background: url(../img/spirit05.png) top 15px center no-repeat #FFF;
}
.insho_wh_img03 {
   background: url(../img/spirit06.png) top 15px center no-repeat #FFF;
}
@media screen and (max-width: 768px) {
.insho li {
   width: 100%;
   padding-bottom: 20px;
   border-bottom: 1px solid #C3C3C3;
   margin-top: 20px;
}
.insho li:last-child {
   border-bottom: 0px solid #C3C3C3;
}
.insho_bl {
   min-height: inherit;
   text-align: center;
}
}
.icon_list {
   margin: 0 auto 60px;
}
.icon_list li {
   margin: 0 1% 25px;
}
@media screen and (max-width: 768px) {
.icon_list li {
   margin: 0 1% 25px;
   width: 30%;
   text-align: center;
}
}
.techo li {
   width: 31.7%;
   text-align: center;
   font-weight: bold;
}
.techo li img {
   margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
.techo li {
   width: 100%;
   text-align: left;
}
.techo li img {
   margin: 0 auto 10px;
   width: 30%;
}
.techo li p {
   width: 65%;
}
}
.shojo_title {
   background-color: #0080cd;
   text-align: center;
   color: #FFF;
   padding: 10px;
}
.shojo_txt {
   background-color: #FFFFFF;
   font-weight: bold;
   font-size: 2.0rem;
   padding: 20px;
   text-align: center;
   margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.shojo_txt {
   text-align: left;
}
}
.flow00 {
   margin: 0 auto 60px;
}
.flow00 li {
   border: 1px solid #c1c1c1;
   position: relative;
   padding: 25px;
   margin-bottom: 70px;
}
.flow00 li::after {
   content: '';
   background: url(../img/triangle03.png);
   width: 99px;
   height: 37px;
   position: absolute;
   bottom: -55px;
   right: 0;
   left: 0;
   margin: auto;
}
.flow00 li:last-child::after {
   background: none;
}
.flow00_no {
   position: absolute;
   left: 25px;
   top: -20px;
}
.flow00_title {
   font-size: 2.2rem;
   padding-left: 90px;
   margin-bottom: 20px;
   font-weight: bold;
}
.flow00_left {
   width: 30%;
}
.flow00_right {
   width: 68%;
}
.flow00_point {
   background-color: #ffcc33;
   padding: 20px 20px 20px 125px;
   position: relative;
   font-weight: bold;
}
.flow00_point img {
   position: absolute;
   left: 20px;
   top: -9px;
}
@media screen and (max-width: 768px) {
.flow00 li {
   margin-bottom: 90px;
}
.flow00_no {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   top: -20px;
   text-align: center;
}
.flow00_title {
   font-size: 2.2rem;
   padding: 50px 0 10px;
   text-align: center;
   margin-bottom: 10px;
}
.flow00_left {
   width: 100%;
   text-align: center;
   margin-bottom: 20px;
}
.flow00_right {
   width: 100%;
}
.flow00_point {
   margin-top: 25px;
   padding: 80px 20px 20px 20px;
}
.flow00_point img {
   left: 0;
   right: 0;
   margin: auto;
   top: -9px;
}
}
.price_box {
   width: 100%;
   margin-bottom: 10px;
}
.price_box th, .price_box td {
   padding: 15px;
   border: 1px solid #e0e0e0;
   font-weight: bold;
}
.price_box th {
   color: #FFF;
   background-color: #0080cd;
}
.price_box td {
   background-color: #FFF;
}
@media screen and (max-width: 768px) {

.price_box th, .price_box td {
   padding: 15px;
   border: 1px solid #e0e0e0;
   font-weight: bold;
   width: 33%;
}
}
.program_left {
   width: 30%;
   text-align: center;
   margin: 0 3%;
}
.program_right {
   width: 45%;
}
.program_blue {
   border-radius: 15px;
   text-align: center;
   font-size: 1.8rem;
   font-weight: bold;
   background-color: #0080cd;
   padding: 12px;
   margin-bottom: 15px;
   color: #FFF;
}
.program_sch li {
   background-color: #f0f0f0;
   padding: 7px 10px;
   margin-bottom: 8px;
   border-radius: 10px;
}
.program_sch_left {
   width: 38%;
}
.program_sch_right {
   width: 60%;
   font-size: 1.8rem;
   font-weight: bold;
}
.program_sch_left span {
   display: inline-block;
   color: #FFF;
   padding: 1px 7px;
   margin-left: 10px;
   background-color: #0080cd;
}
@media screen and (max-width: 768px) {
.program_left {
   width: 100%;
   margin: 0 auto 25px;
   text-align: center;
}
.program_right {
   width: 100%;
}
.program_sch_left {
   width: 48%;
}
.program_sch_left span {
   padding: 1px 3px;
   margin-left: 5px;
}
.program_sch_right {
   width: 50%;
   font-size: 1.6rem;
   font-weight: bold;
}
}
.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
.indent-2 {
  padding-left: 2.7em;
  text-indent: -2.7em;
}
.service_voice {
   margin: 0 auto 50px;
}
.service_voice li {
   border: 2px solid #0080cd;
   padding: 15px 35px 35px;
   background-color: #fff5d7;
   margin-bottom: 25px;
}
.sv_title {
   font-size: 2.0rem;
   font-weight: bold;
   border-bottom: 3px solid #FFF;
   position: relative;
   color: #0080cd;
   margin-bottom: 25px;
   padding-bottom: 10px;
}
.sv_title:after {
  position: absolute;
  content: '';
  display: block;
  border-bottom: solid 3px #0080cd;
  bottom: -3px;
  width: 30%;
}
.sv_left {
   width: 35%;
}
.sv_right {
   width: 62%;
}
.sv_more {
   background-color: #1f80cd;
   font-size: 2.4rem;
   text-align: center;
   color: #FFF!important;
   display: inline-block;
   border: 3px solid #ffcc33;
   text-decoration: none!important;
   padding: 7px 2em;
   transition: all 0.2s ease-in;
   border-radius: 30px;
   font-weight: bold;
   font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3"!important;
}
.sv_more:hover {
   background-color: #02579b;
}
@media screen and (max-width: 768px) {
.sv_title {
   font-size: 2.0rem;
   padding-bottom: 5px;
   line-height: 140%;
}
.sv_left {
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
}
.sv_right {
   width: 100%;
}
.sv_right .tvl_tag {
   margin-bottom: 0;
}
.sv_right .tvl_tag02 {
   margin-bottom: 15px;
}
.sv_more {
   font-size: 2.0rem;
   padding: 7px 1em;
}
}
.renkei {
   margin: 0 auto 40px;
}
.renkei li {
   border-radius: 15px;
   padding: 30px;
   background-color: #FFF;
   width: 42%;
}
.renkei div {
   text-align: center;
}
@media screen and (max-width: 768px) {
.renkei li {
   padding: 30px;
   width: 100%;
   margin-bottom: 25px;
}
}
.follow {
   width: 47%;
}
.follow_left {
   width: 31%;
   text-align: center;
   font-weight: bold;
}
.follow_right {
   width: 67%;
  position: relative;
  padding: 15px;
  background-color: #FFF;
  border-radius: 10px;
}
.follow_right:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fff;
}
.fr02 {
   background-color: #ececec;
}
.fr02::before {
  border-right: 15px solid #ececec;
}
@media screen and (max-width: 768px) {
.follow {
   width: 100%;
   margin-bottom: 25px;
}
.follow_left {
   width: 100%;
   text-align: center;
   margin-bottom: 30px;
}
.follow_right {
   width: 100%;
  position: relative;
  padding: 15px;
  background-color: #FFF;
  border-radius: 10px;
}
.follow_right:before {
  content: '';
  top: -30px;
  left: 50%;
  margin-top: auto;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
.fr02 {
   background-color: #ececec;
}
.fr02::before {
  border-bottom: 15px solid #ececec;
}
}
.service_support_left {
   width: 50%;
}
.service_support_right {
   width: 43%;
}
@media screen and (max-width: 768px) {
.service_support_left {
   width: 100%;
   order: 2;
}
.service_support_right {
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
   order: 1;
}
}
.ssl_grey {
   font-weight: bold;
   background-color: #ececec;
   padding: 15px;
   margin: 12px 0;
}
.ss_grey {
   background-color: #ececec;
   border-radius: 10px;
   padding: 2em;
   margin-bottom: 40px;
}
.interview_catArea {
   background-color: #efefef;
   padding: 30px 15px 40px;
   text-align: center;
   margin-bottom: 60px;
}
.interview_catArea li {
   margin: 0 12px;
   background-color: #ffcc33;
}
.interview_catArea02 li {
   background-color: #0080cd;
    margin-bottom: 1rem;
}
.interview_catArea li a {
   font-size: 1.8rem;
   padding: 10px 15px;
   color: #313131!important;
   text-decoration: none!important;
   display: block;
}
.interview_catArea02 li a {
   color: #FFF!important;
}
.interview_catArea li a:hover {
   background-color: #ffb400;
}
.interview_catArea02 li a:hover {
   background-color: #1e4d9a;
}
@media screen and (max-width: 768px) {
.interview_catArea ul {
}
.interview_catArea li {
   display: block;
   width: 100%;
   text-align: center;
   margin: 0 auto 10px;
}
}
.interview_list {
   margin: 0 auto 40px;
}
.interview_list li {
   margin-bottom: 40px;
   border: 2px solid #1f80cd;
}
.il_company {
   background: url(../img/pin.svg) center left 10px no-repeat #1f80cd;
   background-size: 18px auto;
   color: #FFF;
   font-size: 2.0rem;
   padding: 10px 10px 10px 40px;
   font-weight: bold;
}
.il_company_area {
   display: inline-block;
   margin-right: 25px;
   font-size: 1.6rem;
   font-weight: normal;
}
.il_in {
   padding: 15px 35px 35px;
}
.il_tag {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: flex-end;
   float: right;
   position: relative;
   font-size: 1.4rem;
   padding: 10px 10px 15px 0;
}
.il_tag02 {
   justify-content: flex-start;
   float: inherit;
   margin-bottom: 50px;
}
.il_tag::before {
   content: '採用実績';
   padding-right: 10px;
}
.il_tag li {
   margin-left: 5px;
   border: 0px;
   margin-bottom: 0;
}
.il_tag li a {
   background-color: #ffcc33;
   padding: 3px 12px;
   color: #313131!important;
   text-decoration: none!important;
}
.il_left {
   width: 35%;
}
.il_right {
   width: 62%;
}
.il_title {
   font-size: 2.2rem;
   font-weight: bold;
   color: #1f80cd;
   position: relative;
   margin-bottom: 40px;
}
.il_title::after {
   content: '';
   background-color: #1f80cd;
   width: 40px;
   height: 4px;
   position: absolute;
   bottom: -20px;
   left: 0;
}
@media screen and (max-width: 768px) {
.il_company {
   background: url(../img/pin.svg) top 10px left 10px no-repeat #1f80cd;
   background-size: 20px auto;
}
.il_company_area {
   display: block;
   margin-right: 0;
}
.il_tag {
   display: flex;
   justify-content: space-between;
   float: inherit;
   position: relative;
   font-size: 1.4rem;
   padding: 35px 10px 15px 10px;
   width: 100%;
}
.il_tag::before {
   content: '採用実績';
   padding-right: 0;
   position: absolute;
   top: 10px;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
   padding-bottom: 30px;
}
.il_tag li {
   margin: 0 0 5px;
   border: 0px;
   letter-spacing: 0;
   padding: 5px 0;
   width: 49%;
   text-align: center;
}

.il_tag li a {
   display: block;
   padding: 3px 3px;
}
.il_left {
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
}
.il_right {
   width: 100%;
}
}
.interview_detail_head {
   font-size: 2.4rem;
   font-weight: bold;
   text-align: center;
   margin-bottom: 40px;
}
.interview_detail_head span {
   background: url(../img/img011.svg) top left no-repeat;
   padding: 15px 0px 15px 90px;
   background-size: 75px;
}
@media screen and (max-width: 768px) {
.interview_detail_head {
   font-size: 2.0rem;
   margin-top: 130px;
   font-weight: bold;
   text-align: center;
   margin-bottom: 30px;
}
.interview_detail_head span {
   background: url(../img/img011.svg) top center no-repeat;
   padding: 60px 0px 0 0px;
   background-size: 65px;
}
}
.interview_title {
   font-size: 3.0rem;
   font-weight: bold;
   text-align: center;
   margin-bottom: 15px;
   color: #1f80cd;
   border-bottom: 2px solid #1f80cd;
   border-top: 2px solid #1f80cd;
   padding: 15px 1em;
}
.interview_up_left {
   width: 33%;
}
.interview_up_right {
   width: 64%;
   text-align: left;
}
.iur_tag {
   border: 2px solid #313131;
   padding: 1px 5px;
   border-radius: 8px;
   display: inline-block;
   margin-bottom: 15px;
}
.iur_company {
   font-size: 2.0rem;
   font-weight: bold;
   margin-bottom: 5px;
}
.iur_grey {
   display: inline-block;
   background-color: #313131;
   color: #FFF;
   padding: 1px 5px;
   margin-right: 15px;
   min-width: 65px;
   text-align: center;
}
@media screen and (max-width: 768px) {
.interview_title {
   font-size: 2.0rem;
   border-bottom: 2px solid #1f80cd;
   border-top: 2px solid #1f80cd;
   padding: 15px 1em;
}
.interview_up_left {
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
}
.interview_up_right {
   width: 100%;
}
}
.recruit_sample {
   background-color: #fff5d7;
   padding: 30px;
   border: 1px solid #1f80cd;
   width: 85%;
   margin: 0 auto 80px;
   position: relative;
}
.recruit_sample_left {
   width: 32%;
}
.recruit_sample_right {
   width: 65%;
}
.rsr_title {
   font-size: 2.0rem;
   font-weight: bold;
   color: #0080cd;
   margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.recruit_sample {
   padding: 2em;
   width: 100%;
   margin: 0 auto 50px;
}
.recruit_sample_left {
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
}
.recruit_sample_right {
   width: 100%;
}
}
.kanren_company {
   width: 46%;
   border: 1px solid #0080cd;
   padding: 25px 15px;
}
.kanren_company02 {
   width: 80%;
   border: 1px solid #0080cd;
   padding: 25px 15px;
   margin: 0 auto 60px;
}
.kanren_company02 a {
   text-decoration: none;
}
@media screen and (max-width: 768px) {
.kanren_company02 {
   width: 100%;
}
}
.kc_left {
   width: 35%;
}
.kc_right {
   width: 60%;
   text-align: left;
}
.kc_left02 {
   width: 28%;
}
.kc_right02 {
   width: 68%;
}
.kc_title {
   font-size: 1.8rem;
   font-weight: bold;
   color: #0080cd;
   margin-bottom: 10px;
   line-height: 130%;
}
@media screen and (max-width: 768px) {
.kanren_company {
   width: 100%;
   padding: 25px 15px;
   margin-bottom: 25px;
}
.kc_left, .kc_left02 {
   width: 100%;
   text-align: center;
   margin-bottom: 20px;
}
.kc_right, .kc_right02 {
   width: 100%;
}
}

.voice_detail_head {
   font-size: 2.4rem;
   font-weight: bold;
   text-align: center;
   margin-bottom: 40px;
   margin-top: 35px;
}
.voice_detail_head span {
   background: url(../img/img009.svg) top left no-repeat;
   padding: 15px 0px 15px 80px;
   background-size: 65px;
}
@media screen and (max-width: 768px) {
.interview_detail_head {
   font-size: 2.0rem;
   margin-top: 130px;
   font-weight: bold;
   text-align: center;
   margin-bottom: 30px;
}
.interview_detail_head span {
   background: url(../img/img011.svg) top center no-repeat;
   padding: 60px 0px 0 0px;
   background-size: 65px;
}
}
.voice_upper {
   background-color: #fff5d7;
   padding: 30px;
   margin: 0 auto 60px;
}
.vu_left {
   width: 30%;
}
.vu_right {
   width: 65%;
}
.vu_business {
   background-color: #0080cd;
   color: #FFF;
   padding: 1px 5px;
   display: inline-block;
   margin-bottom: 10px;
}
.vd_other {
   width: 48%;
   padding: 15px 15px 50px;
   margin: 0 auto 30px;
   position: relative;
}
.vd_comment {
   margin-bottom: 20px;
}
.tvl_detail {
   text-align: right;
   position: absolute;
   right: 20px;
   bottom: 20px;
}
@media screen and (max-width: 768px) {
.vd_other {
   width: 100%;
   padding: 15px 15px 35px;
   margin: 0 auto 20px;
}
.vd_comment {
   margin-bottom: 30px;
}

.tvl_detail {
   text-align:center;
   position: absolute;
   right: 0;
   bottom: 20px;
   left: 0;
}
}
.feature_ill {
   width: 100%;
   text-align: center;
   margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.feature_ill {
   width: 65%;
   text-align: center;
   margin: 0 auto 30px;
}
}
.feature_list li {
   border-bottom: 1px solid #FFF;
   padding-bottom: 25px;
   margin-bottom: 25px;
}
.feature_list li:last-child {
   border-bottom: 0px;
   margin-bottom: 0;
}
.feature_img {
   width: 27%;
}
.feature_txt {
   width: 69%;
}
.feature_title {
   color: #0080cd;
   font-size: 2.2rem;
   font-weight: bold;
   margin-bottom: 25px;
    font-family: Montserrat, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
    text-align: left;
    margin-top:0;
    border-bottom: none;
}
main h4.feature_title::after {
    content:none;
}
section.miraie_data{
    padding-bottom: 70px;
}
section.miraie_data p{
    text-align: center;
}
.miraie_data h2.title-band{
    position: relative;
}
main .miraie_data .com_right{
    font-size: 1.4rem;
    text-align: right;
    position: absolute;
    right:0;
    bottom: -4rem;
    color:#000000;
}
main .data_box{
    margin-bottom: 6rem;
}
main .data_box h4 {
    text-align: center;
    border-bottom:none;
    margin-bottom: 2rem;
}
main .data_box h4 span{
    font-size: 2rem;
    border:1px solid #0080cd;
    padding:1rem 2rem;
    font-weight: bold;
}
main .data_box h4::after{
    content:none;
}
.glaph_img{
    width:75%;
    margin: 0 auto 2rem;
}
.data_box .glaph_img img{
    max-width: 100%;
    height:auto;
}
.data_box .small{
    font-size: 1.4rem;
}
.data_box .breakdown_box{
    border: 3px dotted #8d8d8d;
    width: 60%;
    margin: 0 auto 1rem;
    position: relative;
    padding:1.5rem;
    border-radius: 10px;
}
.data_box .breakdown_box dt{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.25rem;
    background: #ffffff;
    font-weight: bold;
}
.data_box .breakdown_box dd{
    
}
.data_box .breakdown_box dd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.data_box .breakdown_box dd ul li{
    width:32%;
    font-weight: bold;
}
.data_box .breakdown_box dd ul li:last-child{
    width:100%;
    text-align: center;
}
main .miraie_data .job_box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
}
main .miraie_data .job_box li{
    width:13%;
    text-align: center;
}
main .miraie_data .job_box li p{
    font-size: 1.2rem;
    text-align: center;
}
main .miraie_data .job_txt{
    font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.feature_img {
   width: 100%;
   text-align: center;
   margin: 0 auto 25px;
   order: 1;
}
.feature_txt {
   width: 100%;
   order: 2;
}
    .glaph_img{
        width:100%;
        margin:0 0 2rem;
    }
    .data_box .breakdown_box{
        width:96%;
    }
    .data_box .breakdown_box dd ul{
        display: table;
        margin:auto;
    }
    .data_box .breakdown_box dd ul li {
    width: 100%;
}
    main .miraie_data .job_box{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    main .miraie_data .job_box li{
        width:45%;
        margin-bottom: 1.5rem;
    }
    section.miraie_data p{
        text-align: left;
    }
}

/*  BLOG  */
.blog_detail, .blog_detail02 {
   margin-bottom: 60px;
   text-align: left;
}
.blog_detail h2 {
	border-left: 5px solid #aa7605;
	background-color: #ffcc33;
	padding: 5px 15px;
	margin: 35px 0 35px;
	font-size: 24px;
	font-size: 2.4rem;}
.blog_detail h3 {
   border-bottom: 4px solid #e5e5e5;
	font-size: 21px;
	font-size: 2.1rem;
	position: relative;
	padding: 0 0 10px 5px;
	margin: 35px 0 35px;}
.blog_detail h3:after {
  position: absolute;
  content: '';
  display: block;
  border-bottom: solid 4px #ffcc33;
  bottom: -4px;
  width: 30%;
}
.blog_detail h4 {
   border-left: 5px solid #ffcc33;
   font-size: 1.8rem;
   font-weight: bold;
   padding: 2px 0 2px 10px;
	margin: 35px 0 35px;
}
.blog_detail02 h2 {
	border-left: 5px solid #82d0ff;
	background-color: #0080cd;
	color: #FFF;
	padding: 5px 15px;
	margin: 35px 0 35px;
	font-size: 24px;
	font-size: 2.4rem;}
.blog_detail02 h3 {
   border-bottom: 4px solid #e5e5e5;
	font-size: 21px;
	font-size: 2.1rem;
	position: relative;
	padding: 0 0 10px 5px;
	margin: 35px 0 35px;}
.blog_detail02 h3:after {
  position: absolute;
  content: '';
  display: block;
  border-bottom: solid 4px #0080cd;
  bottom: -4px;
  width: 30%;
}
.blog_detail02 h4 {
   border-left: 5px solid #0080cd;
   font-size: 1.8rem;
   font-weight: bold;
   padding: 2px 0 2px 10px;
	margin: 35px 0 35px;
}
.blog_detail table {
	border: 1px solid #d4d4d4;
	width: 100%;
	background-color: #FFF;
	font-size: 90%;
	margin-top: 35px;
	margin-bottom: 50px;}

.blog_detail table th,
.blog_detail table td {
	padding: 10px 5px;
	border: 1px solid #d4d4d4;
	text-align: center;}

.blog_detail table th {
	background-color: #ffcc33;}

.blog_detail dl {
	margin-bottom: 30px;}

.blog_detail dt {
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 15px;}

.blog_detail dd {
	margin-bottom: 10px;}

.blog_detail ul,
.blog_detail ol {
	margin-bottom: 30px;
	margin-left: 3em;}

.blog_detail ul li {
	margin: 0 0 10px 0;
	list-style: circle;
	text-indent: -1em;
	list-style-position:inside;}

.blog_detail ul li ul {
	margin: 10px 0 10px 20px;}

.blog_detail ul li ul li ul {
	margin-left: 10px 0 10px 20px;
}
.blog_detail ol {
	margin-left: 3em;
}
.blog_detail ol li {
	list-style-type: none;
	margin: 0 0 10px 0;
	counter-increment: cnt;
	position: relative;
}
.blog_detail ol li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

.blog_detail img {
	max-width: 100%;
	height: auto;}

.blog_detail img.alignright {
	float: right;
	margin: 0 0 25px 25px;}
.blog_detail img.alignleft {
	float: left;
	margin: 0 25px 25px 0;}
.blog_detail img.aligncenter {
	margin: 0 auto 25px;
	clear: both;
	display: block;}

.blog_detail .wp-caption-text {
	font-size: 13px;
	font-size: 1.3rem;}

.blog_detail code {
	word-break: break-word;
	margin-bottom: 25px;
	display: block;
	background-color: #FFF;
	padding: 10px;}

.blog_detail address {
	margin-bottom: 25px;
	display: block;}

.blog_detail pre {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #DBDBDB;
	margin-bottom: 30px;}
.blog_detail p, .blog_detail02 p {
	margin-bottom: 30px;}

.blog_detail02 table {
	border: 1px solid #d4d4d4;
	width: 100%;
	background-color: #FFF;
	font-size: 90%;
	margin-top: 35px;
	margin-bottom: 25px;}

.blog_detail02 table th,
.blog_detail02 table td {
	padding: 10px 5px;
	border: 1px solid #d4d4d4;
	text-align: center;}

.blog_detail02 table th {
	background-color: #1e80cd;
	color: #FFF;}

.blog_detail02 dl {
	margin-bottom: 30px;}

.blog_detail02 dt {
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 15px;}

.blog_detail02 dd {
	margin-bottom: 10px;}

.blog_detail02 ul,
.blog_detail02 ol {
	margin-bottom: 30px;
	margin-left: 3em;}

.blog_detail02 ul li {
	margin: 0 0 10px 0;
	list-style: circle;
	text-indent: -1em;
	list-style-position:inside;}

.blog_detail02 ul li ul {
	margin: 10px 0 10px 20px;}

.blog_detail02 ul li ul li ul {
	margin-left: 10px 0 10px 20px;}
.blog_detail02 ol {
	margin-left: 3em;
}
.blog_detail02 ol li {
	list-style-type: none;
	margin: 0 0 10px 0;
	counter-increment: cnt;
	position: relative;
}
.blog_detail02 ol li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}
.blog_detail02 img {
	max-width: 100%;
	height: auto;}

.blog_detail02 img.alignright {
	float: right;
	margin: 0 0 25px 25px;}
.blog_detail02 img.alignleft {
	float: left;
	margin: 0 25px 25px 0;}
.blog_detail02 img.aligncenter {
	margin: 0 auto 25px;
	clear: both;
	display: block;}

.blog_detail02 .wp-caption-text {
	font-size: 13px;
	font-size: 1.3rem;}

.blog_detail02 code {
	word-break: break-word;
	margin-bottom: 25px;
	display: block;
	background-color: #FFF;
	padding: 10px;}

.blog_detail02 address {
	margin-bottom: 25px;
	display: block;}

.blog_detail02 pre {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #DBDBDB;
	margin-bottom: 30px;}
.blogcard {
	border: 1px solid #D8D8D8!important;
	background-color: #FFF;
	padding: 7px!important;}

.next_posts_link {
   display: none;
}
.infinite-scroll-last {
   text-align: center;
}
.container .post.post-page {display: none;}
.post-navigation {
    overflow: hidden;
    padding: 12px 0;
	margin-bottom: 40px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.navigation.pagination {
   display: none;
}

/* 依頼追記分  */
span.mwform-radio-field {
    display: inline-block;
}
span.mwform-radio-field-text {
    margin-right: 15px;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: inherit!important;
}
.mwform-checkbox-field input, .mwform-radio-field input {
    margin-right: inherit!important;
}
.contact .cButton {
    cursor: pointer!important;
    padding: 15px!important;
    border: 1px solid #666!important;
    background: #666!important;
    color: #FFF!important;
    min-width: 200px!important;
    margin: 2em 0 3em!important;
}
.contact .cButton:hover {
    background: #f5f5f5;
    color: #666;
}
@media screen and (max-width: 768px) {
#main2 h2 {
   height: 100px;
}
}
.h3-02 {
position: relative;
font-size: 18px;
font-weight: bold;
border-bottom: 2px solid #f4f4f4;
    border-bottom-width: 2px;
margin: 10px 0 15px;
padding-bottom: 5px;
text-align: left;
font-family: inherit;
}
.h3-02::after {
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 40%;
height: 2px;
content: "";
background-color: #0080cd;
}
.jigyo-h1 {
display: table;
width: 100%;
font-size: 250%;
color: #FFF;
background-color: #0080cd;
text-align: center;
padding: 50px;
}
@media screen and (max-width: 768px) {
.jigyo-h1 {
display: table;
width: 100%;
font-size: 170%;
color: #FFF;
background-color: #0080cd;
text-align: center;
padding: 20px;
}
}
.keiro {
    margin: 20px 0 10px;
        margin-top: 20px;
}
.keiro {
    font-weight: bold;
    color: #a3bc18;
    margin: 15px 0 5px;
	text-align: left;
	font-size: 18px;
	font-family: inherit;
}
.keiro::after {
   content: none;
}
.keiro strong {
   color: #313131;
}