@charset "utf-8";
/* CSS Document */

#header{ margin:0 auto;/*border-bottom:3px solid rgb(238,44,90);*/}
.container{ margin:0 auto; max-width:95%;}
@media only screen and ( min-width : 821px ) {
.for_sp {display: none!important;}
}
main{ margin: 0 auto; width: 900px;}
@media only screen and ( max-width : 821px ) {
main{ margin: 0 auto; width: 95%;}
}

h2 {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:2.0em;           /* 文字サイズ指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 5px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
}
h3 {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:0.8em;           /* 文字サイズ指定 */
    padding-bottom:  5px;       /* 余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
	color: rgb(233,143,163);
}

.news_box {
    padding: 0.5em 5em;
    margin: 1em 0;
    font-weight: bold;
    border: solid 2px rgb(233,143,163);
}
@media only screen and ( max-width : 768px ) {
.news_box {
    padding: 0.5em 1em;
    margin: 1em 0;
    font-weight: bold;
    border: solid 2px rgb(233,143,163);
}
}
.news_box p {
    margin: 0; 
    padding: 0;
	text-align: left;
	border-bottom: solid 1px #9A9A9B;
}
.news_box .pbottom {
    margin: 0; 
    padding: 0;
	text-align: left;
}


.service_tit {position: relative;
    padding: 1rem;
    color: rgb(238,44,90);
    font-weight: bold;
    font-size: 26px;
}

.service_tit:before,
.service_tit:after {
    position: absolute;
    top: 48%;
    width: 18rem;
    border-top: 2px dashed;
    content: '';
}

@media only screen and ( max-width : 768px ) {
	.service_tit:before,
.service_tit:after {
    position: absolute;
    top: 48%;
    width: 5rem;
    border-top: 2px dashed;
    content: '';
}
}

.service_tit_02 {
  position: relative;
  display: inline-block;
  padding: 50px 55px;
    color: rgb(238,44,90);font-size: 26px;
}

.service_tit_02:before, .service_tit_02:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: rgb(238,44,90);
}

.service_tit_02:before {
  left:0;
}
.service_tit_02:after {
  right: 0;
}

.fa-envelope-o{ color: #fff;}
.btn-flat-green {
  position: relative;
  display: inline-block;
  padding: 0.5em 2.0em;
  text-decoration: none;
  color: #FFF;
  background: rgb(238,44,90);
  transition: .4s;
  border-radius:0.5em;/*角丸*/
	font-size: 1.8em;
}
@media only screen and ( max-width : 768px ) {
	.btn-flat-green {
  position: relative;
  display: inline-block;
  padding: 1.0em;
  text-decoration: none;
  color: #FFF;
  background: rgb(238,44,90);
  transition: .4s;
  border-radius:0.5em;/*角丸*/
	font-size: 1.0em;
}
}
.btn-flat-green:hover {
  background: rgb(45,136,60);
  color: white;
}
.menu_01 {
  color: rgb(104,179,46);/*文字色*/
  border: solid 1px rgb(104,179,46);/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 1.2em;/*角丸*/
  font-size:16px;
}
.menu_02 {
  color: #FFFFFF;/*文字色*/
  border: solid 2px rgb(104,179,46);/*線色*/
  background-color:rgb(104,179,46);
  padding: 0.5em 2.8em;/*文字周りの余白*/
  border-radius: 1.2em;/*角丸*/
  font-size:16px;
}
.menu_02 a{color: #FFFFFF;}
.menu_02 a:hover{color: #FFFFFF;}

#header {
  /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}
#gNav a:hover {
  color: #999;
}
nav ul{
  list-style: none; }
nav li a {
  font-size: 16px;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: rgb(66,33,11);
}
nav .sub-menu,.mean-container .mean-nav ul ul {
  color: #fff;
  background-color:rgb(104,179,46);
}

.top-image {
  position: relative;
  width: 100%;
  margin-top:78px;
}

.top-image img {
  width: 100%;
}

@media only screen and ( max-width : 480px ) {
	.top-image {
  position: relative;
  width: 100%;
  margin-top:60px;
}
	
.top-image img {
  width: 100%;
}
  #header {
    padding: 10px 0;
    height: 40px;
  }
  .h_logo {
    width: 80%;
    position: absolute;
    top: 10px;
    left: 10px;
	text-align:left;
    z-index: 100;
  }
  .h_logo img{ width:90%;}
  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li a {font-size: 18px;}
  nav li .fa {
    display: none;
  }
  .swiper-container{ margin-top:60px;}
}

@media print, screen and ( min-width : 480px ) {
  #header {
    height: 80px;
  }
  .h_logo img {
    width: 400px;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #gNav ul {
    position: relative;
    display: flex;
  }
  #gNav li {
    position: relative;
    margin-right: 2em;
  }
  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }
  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 80px;
  }
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  #gNav .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    padding: 20px;
    line-height: 1.2em;
  }
  #gNav .sub-menu a:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }
  #gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {
    color: #bfd0ff;
  }
  #gNav li:hover ul.sub-menu {
    top: 80px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  #gNav li ul li:after {
    content: none;
  }
 #gNav li:hover ul.sub-menu a {
    color: #111;
  }
  #gNav .sub-menu li a:hover {
    background: #fff;
  }
  #gNav .contact_btn a:hover {
    color: #fff;
  }
  .swiper-container{ margin-top:80px;}
}

/* ------ ～ 480px ------ */
@media screen and (max-width: 480px) {
.container{ margin:0 auto; width:100%;}	
.img_70{ width:70%;}
.img_100{ width:100%;}
.for_pc {display: none!important;}
.last{ margin-bottom:100px; padding-bottom:100px;}
#blog_main{ margin:0 auto; width:100%;}	
}


#footer{ width:100%;}
#footer .f_menu{ width: 100%; background-color: rgb(242,214,218); padding: 15px; text-align: center; color: #4C4948;}
#footer .f_menu a{ color: #4C4948;}
.footer_main{ margin:0 auto; width:1200px; padding-top: 30px;}
.footer_main a{color: #3e3a39 ;text-decoration: none;}

.foote_left{ float:left; width:400px; text-align:right; margin-top:50px; text-align:left;}
.foote_left img{ width:80%;}
.foote_right{ float:right; width:760px; text-align:right;margin-top:50px;}

.foote_tel{ font-size:36px;}
.foote_tel a{color: rgb(240,131,0);}
.foote_tel img{ width:10%;}

.flex_f{
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.flex_f > *{
  width: 8%;
  font-size: 16px;
  text-align: center;
  border-radius: 1.2em;
  padding-bottom:10px;
}

.flex_f div{ width:30%;}

.footer_c{ text-align:center; font-size:14px; width:100%; padding-top: 60px;}

@media screen and (max-width: 480px) {
	.last{ margin-bottom:40px; padding-bottom:0;}
	#footer .f_menu{ width: 92%; background-color: rgb(242,214,218); padding: 15px; text-align: center; color: #4C4948;}
	.footer_main{ margin:0 auto; width:90%;}
	.footer_main img{ width: 80%;}
	.foote_left{ float:left; width:100%; text-align:center;}
	.foote_left img{ width:80%;}
.foote_right{ float:left; width:100%; text-align:center;}
.foote_tel{ font-size:24px;}
.foote_tel img{ width:5%;}
	.flex_f{
  padding: 2.5% 0;
  display: flex;
  flex-direction: column;
}
.flex_f > *{
  min-width: 8%;
  font-size: 14px;
  text-align: center;
  border-radius: 1.2em;
}

.flex_f div{ width:100%; margin-top:20px; padding-bottom:20px;}
	}

/*SNSボタン*/
.bottom-fixed-button {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 104px;
  padding-top: 8px;
  text-align: center;
  background: skyblue;
  border-top: 4px solid #fff;
}

.bottom-fixed-button button {
  cursor: pointer;
  vertical-align: middle;
}

.bottom-fixed-button button:hover {
  opacity: 0.8;
}

.right-fixed-banner {
  position: fixed;
  bottom: 0%;
  right: 0;
  margin-right: 0%;
  text-align: center;
  line-height: 100px;
  font-size: 36px;
	z-index: 1000;
}

@media screen and (max-width: 680px) {.right-fixed-banner img {width: 70%;}.banner-box {
  height: 50px;
}}

.banner-box {
  height: 104px;
}
@media screen and (max-width: 680px) {.banner-box {
  height: 70px;
}}
/************************/
/*                      */
/*          TOP         */
/*                      */
/************************/

/*フレームとフォント*/
.kaiwa.mystyle {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 10px 0;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Helvetica Neue", "Lucida Sans Unicode", "Arial";
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    overflow: hidden;
}
/*フキダシ共通*/
.kaiwa.mystyle .fukidasi {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 10px 20px;
    padding: 9px 14px;
    background: white;
    border-radius: 19px;
    overflow-wrap: break-word;
    clear: both;
    box-sizing: content-box;/*はてな用*/
	text-align:left;
}
/*フキダシ左*/
.kaiwa.mystyle .fukidasi.left {
    float: left;
	background:#ddd;
}
/*フキダシ右*/
.kaiwa.mystyle .fukidasi.right {
    float: right;
	background:#f4af4a;
}
/*しっぽ共通*/
.kaiwa.mystyle .fukidasi::after {
    position: absolute;
    content: "";
    width:26px;
    height:26px;
    top: 5px;
}
/*しっぽ左*/
.kaiwa.mystyle .fukidasi.left::after {
    left: -22px;    
    border-radius: 0 0px 10px 16px; 
    box-shadow: -8px -14px 0 -8px #ddd inset;
}
/*しっぽ右*/
.kaiwa.mystyle .fukidasi.right::after {
    right: -22px;
    border-radius: 0 0px 16px 10px; 
    box-shadow: 8px -14px 0 -8px #f4af4a inset;
}

.top_news{margin:0 auto; width:1200px;}
.news_tit{ font-size:24px; color:rgb(66,33,11); text-align:center; padding:80px 0 50px 0;}

/****** 汎用 囲み文字 ******/
.ctg_1 { margin:0 0 0 20px; padding: 3px 17px; background-color:rgb(147,39,143); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_2 { margin:0 0 0 20px; padding: 3px 10px; background-color:rgb(153,153,0); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_8 { margin:0 0 0 20px; padding: 3px 17px; background-color:rgb(66,33,11); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_9 { margin:0 0 0 20px; padding: 3px 10px; background-color:rgb(121,189,191); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_5  { margin:0 0 0 20px; padding:3px; background-color:rgb(95,120,155); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}
.ctg_6 { margin:0 0 0 20px; padding: 3px; background-color:rgb(199,101,22); color:#FFFFFF; width:150px; text-align:center;font-size:14px;}

.news {margin: 1em auto;padding: 0 1.5em;text-align: left;line-height: 1.3;width: 80%;}
.news dl {padding: 0.5em 0;border-bottom: 1px solid #C1C1C1;}
.news_dl_02{border-top: 1px solid #C1C1C1;}
.news dt {padding-bottom: 0;width: 20em; font-size:16px; }
.news dd {font-size:16px; padding-top:10px;}
@media screen and (min-width: 480px) {
.news dt {clear: left;float: left; font-size:16px;}
.news dd {margin-left: 15em; font-size:16px; padding-top:0px;}
}

/* ------ ～ 480px ------ */
@media screen and (max-width: 480px) {
.top_news{margin:0 auto; width:100%;}
.news_tit{ font-size:20px; color:rgb(66,33,11); text-align:center; padding:50px 0 20px 0;}
}

.inf_01{ margin:0 auto; max-width:1200px; margin-top:80px;}
.top_box_left{  margin:0 auto;float:left; width:704px; background-image:url(../img/home/img_01.jpg); background-repeat:no-repeat; background-position:top; height:400px;}
.top_box_left_l{ float:left; width:38%;-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;}
.top_box_left_r{ float:right;color:#FFFFFF; text-align:left; width:50%;} 
.top_box_left_r_txt{padding:100px 20px 0 20px; font-size:18px;} 
  .top_box_left_l_txt{ font-size:30px; text-align:right; color:#FFFFFF; padding-top:30px;}
.top_box_right{  margin:0 auto;float:right; width:496px; text-align:left;}

.inf_square{ padding:60px 0 0 90px;}
.inf_square_btn {
	display: block;
	position: relative;
	width: 160px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: rgb(66,33,11);
	border:1px solid #FFF;
}
.inf_square_btn:hover {
	 background: #FFF;
         color: rgb(66,33,11);
	 cursor: pointer;
	 text-decoration: none;
}

.inf_02{ margin:0 auto; max-width:1200px;}
.top_box02_left{  margin:0 auto;float:right; width:704px; background-image:url(../img/home/kv_04.jpg); background-repeat:no-repeat; background-position:top; height:400px;}
.top_box02_left_l{
	float:left;
	width:38%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.top_box02_left_r{ float:left;color:rgb(66,33,11); text-align:left; width:50%;} 
.top_box02_left_r_txt{padding:100px 20px 0 20px; font-size:18px;} 
.top_box02_left_l_txt{ font-size:34px; text-align:left; color:rgb(66,33,11); padding-top:60px; padding-right:150px;}
.top_box02_right{ margin:0 auto;float:left; width:496px; text-align:left;padding:0px; margin-top:-1px;}

.inf_square02{ padding:60px 0 0 20px;}
.inf_square02_btn {
	display: block;
	position: relative;
	width: 160px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: rgb(66,33,11);
	background: #FFF;
	border:1px solid rgb(66,33,11);
}
.inf_square02_btn:hover {
	 background: rgb(66,33,11);
         color: #FFF;
	 cursor: pointer;
	 text-decoration: none;
}

.inf_03{ margin:0 auto; max-width:1200px; background-color:rgb(66,33,11); padding:0; margin-top:-1px;}
.top_box03_left{margin:0 auto;float:left; width:50%; text-align:center;margin-top:-5px;}
.top_box03_right{margin:0 auto;float:right; width:50%; text-align:center;}

.inf_square03{ padding:20px;}
.inf_square03_btn {
	display: block;
	position: relative;
	width: 80%;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: rgb(66,33,11);
	border:1px solid #FFF;
}
.inf_square03_btn:hover {
	 background: #FFF;
         color: rgb(66,33,11);
	 cursor: pointer;
	 text-decoration: none;
}

@media screen and (max-width: 480px) {
.inf_01{ margin:0 auto; width:100%; margin-top:40px;}	
.top_box_left{ float:left; width:100%; background-image:url(../img/home/img_01.jpg); background-size: 100% 100%; height:40%;}
.top_box_left_l{ float:left; width:30%;-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;}
.top_box_left_r{ float:right;color:#FFFFFF; text-align:left; width:70%;}
.top_box_left_l_txt{ font-size:20px; text-align:right;padding-top:30px; padding-bottom:30px;}
.top_box_right{ float:left; width:100%;}
.top_box_right img{ width:100%;}
.top_box_left_r_txt{padding:20px 10px 0 10px; font-size:16px;} 

.inf_square{ padding:10px 0 0 20px;}
.inf_square_btn {
	display: block;
	position: relative;
	width: 130px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: rgb(66,33,11);
	border:1px solid #FFF;
}

.inf_02{ margin:0 auto; width:100%;}
.top_box02_left{ float:left; width:100%; background-image:url(../img/home/kv_04.jpg); background-size: 100% 100%; height:40%;}
.top_box02_left_l{ float:left; width:30%;-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;}
.top_box02_left_r{ float:right;color:rgb(66,33,11); text-align:left; width:70%;}
.top_box02_left_l_txt{ font-size:24px; text-align:center;padding-top:30px; padding-bottom:30px;padding-right:0px;}
.top_box02_right{ float:left; width:100%;}
.top_box02_right img{ width:100%;}
.top_box02_left_r_txt{padding:20px 10px 0 10px; font-size:16px;} 

.inf_square02{ padding:10px 0 0 20px;}
.inf_square02_btn {
	display: block;
	position: relative;
	width: 130px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: rgb(66,33,11);
	background: #FFF;
	border:1px solid rgb(66,33,11);
}

.inf_03{ margin:0 auto; width:100%;}	
.top_box03_left{ float:left; width:100%;}
.top_box03_right{ float:left; width:100%;}

.inf_square03{ padding:10px 0 10px 20px;}
.inf_square03_btn {
	display: block;
	position: relative;
	width: 90%;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: rgb(66,33,11);
	border:1px solid #FFF;
}
	}



/************************/
/*                      */
/*     サービス内容     */
/*                      */
/************************/

.midashi{ background-color:rgb(240,131,0); text-align:left; color:#FFF; font-size:40px; padding:1.0em; font-family:"リュウミン B-KL"; font-weight:bold;}

.midashi_box{ margin:0 auto; max-width:1200px;}
.midashi_box_left{ float:left; width:40%; text-align:left;}
.midashi_box_right{ float:right; width:60%; margin:0 auto; text-align:right;}

.midashi_02{text-align:center; color:rgb(240,131,0); font-size:30px; padding:1.0em;font-family:"リュウミン B-KL"; font-weight:bold;
line-height:130%;}
.midashi_03{text-align:center; font-size:50px; padding:1.0em; font-family:"リュウミン B-KL"; font-weight:bold;line-height:130%;}
.midashi_04{text-align:center; font-size:18px; padding:1.0em; line-height:130%;font-family:"リュウミンR-KL";}

.h2{ width:60%; margin:0 auto;}
.item_tit{border-bottom: solid 5px rgb(45,136,60);font-size:  24px; position: relative;text-align: center;}
.item_tit:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px rgb(240,131,0);
  bottom: -5px;
  width: 50%;
}

.item_tit p{ padding-top:80px;}

.inf_square04{ padding:60px 0 0 90px; margin:0 auto; width:100%;}
.inf_square04_btn {
	display: block;
	position: relative;
	width: 160px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: rgb(66,33,11);
	border:1px solid rgb(66,33,11);
	margin-left:auto; margin-right:auto;
}

.item_txt{ margin:0 auto; width:90%; color:rgb(240,131,0); font-family:"リュウミン B-KL"; }
.tem_txt p{font-size:21px; padding:50px 20px 20px 20px; text-align:center;}

.item_box_left{ float:left; text-align:left; width:50%;}
.item_box_right{ float:right; text-align:right; width:50%;}
.item_box_left02{ float:left; text-align:left; width:50%; padding-left: 100px; font-size: 1.3em;}
.item_box_right02{ float:right; text-align:right; width:32%;}
.item_box_right02 img{width: 100%;}

@media screen and (max-width: 480px) {.item_box_left02{ float:left; margin: 0 auto; text-align:left; width:90%; font-size: 1.0em;padding-left: 0px;}
.item_box_right02{ float:left; margin: 0 auto;text-align:right; width:90%;}}

.item_box02_left{ float:left; text-align:right; width:50%;}
.item_box02_left p { padding-right:40px;}
.item_box02_right{ float:right; text-align:left; width:50%;}
.item_box02_right p { padding-left:40px;}



.item_box03{ width:100%;}
.item_box03 img{ width:100%;}
.item_box03_left{ float:left; text-align:right; width:66%;}
.item_box03_left .item_box03_left_l{ float:left; text-align:right; width:50%;}
.item_box03_left .item_box03_left_r{ float:right; text-align:right; width:50%;}
.item_box03_right{ float:right; text-align:left; width:33%;}

#mailfield{ margin:0 auto; width:50%;}

@media screen and (min-width: 480px) {
.tem_txt{ margin:0 auto; max-width:1200px;}
.tem_txt p{font-size:21px; padding:80px 120px;}
}

@media screen and (max-width: 480px) {
.midashi{ background-color:rgb(240,131,0); text-align:left; color:#FFF; font-size:20px; padding:0.5em; font-family:"リュウミン B-KL"; font-weight:bold;}
.midashi_02{text-align:center; color:rgb(240,131,0); font-size:22px; padding:1.0em; font-family:"リュウミン B-KL"; font-weight:bold;}
.midashi_03{text-align:center; font-size:26px; padding:1.0em; font-family:"リュウミン B-KL"; font-weight:bold;}
.midashi_04{text-align:center; font-size:16px; padding:1.0em;font-family:"リュウミンR-KL";}
.midashi_box{ width:100%;}
.midashi_box_left{ float:left; width:100%;}
.midashi_box_right{ float:left; width:100%; margin:0 auto;}
.h2{ width:95%;}
.item_tit{border-bottom: solid 5px rgb(45,136,60);font-size:  24px; position: relative;text-align: center;}
.item_tit:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px rgb(240,131,0);
  bottom: -5px;
  width: 50%;
}
.item_tit p{ padding-top:40px;}	

.item_box_left{ float:left; text-align:center;width:100%; padding-bottom:5%;}
.item_box_left img{ width:80%;}
.item_box_right{ float:left; text-align:center; width:100%;}
.item_box_right img{ width:80%;}

.item_box02_left img{ width:80%;}
.item_box02_right img{ width:80%;}
.item_box02_left p { padding-right:0px; text-align:center;}
.item_box02_right p { padding-left:0px; text-align:center;}

.item_box03{ width:100%;}
.item_box03_left{ float:left; text-align:right; width:100%;}
.item_box03_left_l{ float:left; text-align:right; width:100%;}
.item_box03_left_r{ float:left; text-align:right; width:100%;}
.item_box03_right{ float:left; text-align:left; width:100%;}

#mailfield{ margin:0 auto; width:100%;}
}

#service_box {
  display: flex; /* flexbox */
  flex-wrap: wrap; /* 折返し指定 */
}

#service_box div {
  width: calc(25% - 22px); /* margin padding分を引く */
  margin: 1px;
  padding: 10px;
}

@media screen and (max-width: 480px) {#service_box div {width: calc(50% - 22px);}}

#service_box div img{ width: 100%;}

/************************/
/*                      */
/*   　当日の流れ　       */
/*                      */
/************************/	
.flow_box{ margin:0 auto; max-width:700px; padding-top:50px; font-size: 18px;}
.flow_box_left{ float:left; width:500px;}
.flow_box_right{ float:right; width:500px; padding-top:80px;}
.flow_box_right img{ text-align:center;}
.flow_box_tit{
	margin-top:80px;
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: rgb(240,131,0);/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px rgb(45,136,60);/*左線*/
  font-size:28px;
  text-align:left;
  line-height:130%;
}

.flow_box_txt{ margin:20px 100px 0 20px; text-align:left; font-size:18px;}


@media screen and (max-width: 480px) {
.flow_box{ margin:0 auto; width:100%; padding-top:20px; }
.flow_box_left{ float:left; width:100%;}
.flow_box_right{ float:left; width:100%;}
.flow_box_right img{ width:90%; text-align:center;}
.flow_box_tit{ font-size:20px; margin-top:40px; margin-left:20px;}
.flow_box_txt{ margin:20px; text-align:left; font-size:16px;}
}

.post {
    counter-reset: h2;
}
.post h2{
    display: flex;
    line-height: 4rem;
    font-size: 1.8rem;
}
.post h2:before {
    counter-increment: h2;
    content: counter(h2);
    background-color: rgb(238,44,90);
    color: #fff;
    text-align: center;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.8rem;
    margin-right: 1.2rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.flow_box_02{border-radius: 10px;border: solid 3px rgb(238,44,90); padding: 10px; margin-bottom: 20px;}
.flow_box_02_left{ float:left; width:50%;}

@media screen and (min-width: 768px) {.flow_box_02_left{padding-top: 4.5em;}}
.flow_box_02_right{ float:right; width:50%;}
.flow_box_02_right img{border-radius: 10px; width: 100%;}

@media screen and (max-width: 480px) {
.flow_box_02_left{ float:left; width:100%;}
	.flow_box_02_right{ float:left; width:100%; padding-top: 10px;}}
/************************/
/*                      */
/* 　　　会社概要　　　 */
/*                      */
/************************/	
.company_txt{ margin:0 auto; width:90%;}
.company_txt p{font-size:18px; padding:20px; text-align:left;}

.company_txt_02{ margin:0 auto; width:90%;}
.company_txt_02 p{font-size:18px; padding:20px; text-align:left;}
.company {margin: 1em auto;padding: 0 1.5em;text-align: left;font-size: 1em;line-height: 1.3;width: 90%;font-weight:100;}
.company dl {padding: 0.5em 0;}

.company dt {padding-bottom: 0;width: 10em; font-size:16px; }
.company dd {font-size:16px; }
.company_tit{ font-size:20px; text-align:center; padding:50px 0 20px 0;}

.company_left{ float:left; width:100%;}
.company_right{ float:right; width:100%;}
.company_right img{ width:100%;}

.company02 {margin: 0em auto;padding: 0 1.5em;text-align: left;font-size: 1em;line-height: 1.3;width: 70%;font-weight:100; width: 90%; padding:0;}
.company02 dl {padding: 0.5em 0;}

.company02 dt {padding-bottom: 0;width: 15em; font-size:18px; }
.company02 dd {font-size:18px; }

@media screen and (min-width: 480px) {
.company_txt{ margin:0 auto; max-width:500px;}
.company_txt p{font-size:21px; padding:80px 120px;}
	
.company_txt_02{ margin:0 auto; max-width:1200px;}
.company_txt_02 p{font-size:21px; padding:0px;}

.company_tit{ font-size:24px; text-align:center; padding:50px 0 20px 0;}

.company dt {clear: left;float: left; font-size:18px;}
.company dd {margin-left: 0.5em; font-size:18px;}

.company_left{ float:left; width:750px;}
.company_right{ float:right; width:430px;}

.company02 {width: 70%; padding:100px 0 0 200px;}
.company02 dt {clear: left;float: left; font-size:18px;}
.company02 dd {margin-left: 0.5em; font-size:18px;}
}
.cn_txt_04{ font-size:24px; padding:0.5em; width:25%;}
.cn_txt_05{ font-size:24px; padding:0.5em;}


/************************/
/*                      */
/* 　　　　求　　人　　　　 */
/*                      */
/************************/

@media screen and (min-width: 480px) {.job_box{ margin:0 auto; max-width:1074px;}}
.job_box{ width: 100%;}

.job_box_left{float:left; width:18%;}
.job_box_left img{width: 100%;}
.job_box_right{ float:right; width:79%;}
@media screen and (max-width: 480px) {.job_box_left{float:left; width:100%; text-align: center;}
.job_box_right{ float:left; width:100%;}}

.job_box_left02{float:left; width:20%; text-align: center;}
.job_box_left02 img{width: 100%;}
.job_box_right02{ float:right; width:78%; text-align: left; font-size: 1.3em; line-height: 150%;padding-top: 1%;}

@media screen and (max-width: 480px) {.job_box_left02{float:left;width:100%;}.job_box_right02{ float:left;width:100%;}}

.job_txt_box {
    padding: 1em;
    margin: 2em 0;
    color: #fff;font-weight: bold;
    background: #E50055;/*背景色*/
	text-align: left;
	font-size: 1.5em;
}
.job_txt_box span {font-size: 0.8em;}
.job_txt_box p {
    margin: 0; 
    padding: 0; text-align: left;
}

.job_tit_box {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 3px #E50055;
}
.job_tit_box p {
    margin: 0; 
    padding:0;
}