@charset "utf-8";
/*
Theme Name:    urahorostyle
 Description:  
 Author:       
 Template:     rambo
 Version:      1.4
 Tags: 		   
 Text Domain: workpress
*/
@font-face {
    font-family: DFHSGothic;
    src: url(font/DFHSGothicStdN-W3.otf);
}
@font-face {
    font-family: DFHSGothic-W5;
    src: url(font/DFHSGothicStdN-W5.otf);
}
@font-face {
    font-family: DFHSGothic-W7;
    src: url(font/DFHSGothicStdN-W7.otf);
}
@font-face {
    font-family: AOTF-R;
    src: url(font/A-OTF-ShinGoPro-Regular.otf);
}
@font-face {
    font-family: AOTF-L;
    src: url(font/A-OTF-ShinGoPro-Light.otf);
}
@font-face {
    font-family: AOTF-M;
    src: url(font/A-OTF-ShinGoPro-Medium.otf);
}
@font-face {
    font-family: PierSans-Bold;
    src: url(font/PierSans-Bold.otf);
}
@font-face {
    font-family: PierSans-Light;
    src: url(font/PierSans-Light.otf);
}
@font-face {
    font-family: GothicBM101;
    src: url(font/GothicMB101Pro-Regular.otf);
}
@font-face {
    font-family: GothicBM101_B;
    src: url(font/A-OTF-GothicMB101Pro-Bold.otf);
}
body {
	margin: 0;
	font-family: DFHSGothic;
	font-size: 15px;
	line-height: 25px;
	color: #3b3b3b;
	background-color: hsl(0, 100%, 100%);
}
a img:hover {  
	opacity:0.8;  
	filter: alpha(opacity=80);  
	-ms-filter: "alpha(opacity=80)";  
}
/*.project-navi {
    margin: 0px 0px 50px;
}*/
#menu-item-5944,
#menu-item-5945,
#menu-item-5946,
#menu-item-5947,
#menu-item-5948 {
    display: none;
}
.project-navi ul {
    margin: 1px 0px;
}
.project-navi ul li {
    margin: 0px 0px 0px 1px;
    padding: 0px;
    list-style-type: none;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    float: left;
    /*width: 19.9341%;*/
	font-family: DFHSGothic-W5;
}

.project-navi ul li:first-child {
    margin: 0px;
}
.project-navi ul li span {
    font-size: 21px;
    display: block;
}
.project-navi ul li a {
    margin-bottom: 6px;
    /*width: 100%;*/
	/*width: 240.8px;*/
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #FFFFFF;
}
/*.project-navi ul li a:hover {  
	opacity:0.8;  
	filter: alpha(opacity=80);  
	-ms-filter: "alpha(opacity=80)";  
}*/
.project-navi ul li.project1 a {
    background-color: #81d08d;
    padding-top: 26px;
    padding-bottom: 27px;
    width: 320px;
}
.project-navi ul li.project2 a {
    background-color: #f69caa;
}
.project-navi ul li.project3 a {
    background-color: #fabf77;
    padding-top: 26px;
    padding-bottom: 27px;
    width: 320px;
}
.project-navi ul li.project2 {
    background-color: #f69caa;
    color: #FFFFFF;
    padding-top: 8px;
}
.project-navi ul li.project2 ul {
    border-top: 1px solid #FFFFFF;
    margin-top: 8px;
}
.project-navi ul li.project2 ul li:nth-child(2) {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.project-navi ul li.project2 ul li a {
    margin-bottom: 0px;
    width: 188px;
}
.project-navi ul li.project1 a:hover {
    background-color: #27B73D;
}
.project-navi ul li.project2 a:hover {
    background-color: #E74760;
}
.project-navi ul li.project3 a:hover {
    background-color: #F8941B;
}

.navbar .nav > li > a {
    color: #3b3b3b;
    border-left: 1px solid #ffffff;
    font-family: DFHSGothic-W5;
    font-weight: 400;
    float: none;
    line-height: 20px;
    padding: 2px 10px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    font-size: 14px;
    margin-top: 4px;
}
.navbar .nav > li.active > a {
    background-color: #ffffff;
	color: #3b3b3b;
}
.navbar img.tel {
    display: block;
    margin-left: auto;
    margin-right: 10px;
}
.hero-unit-small {
	background-color: #55af5a;
	padding: 13px 15px;
	margin-bottom: 50px; 
	font-size: 14px;
	font-weight: 200;
	line-height: 30px;
	color: inherit;
}
.page_head {
    color: #ffffff;
    font-family: DFHSGothic;
    font-weight: 600;
    line-height: 40px;
    margin: 7px 0;
    font-size: 25px;
}
.blog_section2 p, .blog_single_post p {
	color: #3e3b3b;
	font-family: AOTF-R;
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 25px;
	padding: 0;
	width: 100%;
	word-wrap: break-word;
}
.blog_single_post h3, .blog_section2 h3, .blog_section h3 {
    font-size: 23px;
    line-height: 28px;
    color: #55af5a;
    font-family: DFHSGothic-W7;
    margin-bottom: 20px;
}
#wrapper .container.header {
    width: 1150px;
    max-width: 100%;
}
#wrapper .container {
    width: 1050px;
    max-width: 100%;
}
.row-fluid {
    float: none;
}
.container .row-fluid .Blog_main {
    width: 780px;
    margin-bottom: 50px;
    max-width: 100%;
}
.blog_single_post{
    background-color: #ffffff;
    border: 0px;
    padding: 0 0 0px;
    margin-bottom: 30px;
    float: none;
    /*width: auto;*/
}
.fb-area {
    width: 1080px;
    margin-bottom: 20px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.fb-area .fb-likebox {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 100%;
    width: 340px;
}
.fb-likebox iframe { width: 100%!important; }
div.fb-like-box, div.fb-like-box iframe[style], div.fb-like-box span { width: 100% !important; }
.container .row-fluid .sidebar {
    width: 209px;
    float: right;
    margin: 0px 0px 50px;
    max-width: 100%;
}
.sidebar ul {
    margin: 0px;
}
.sidebar ul.banner li {
    margin: 0px 0px 6px;
	padding: 0px;
}
.sidebar ul.banner li a:hover {  
	opacity:0.8;  
	filter: alpha(opacity=80);  
	-ms-filter: "alpha(opacity=80)";  
}
.sidebar ul.project li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 14px;
    font-family: DFHSGothic-W5;
    letter-spacing: -0.5px;
    line-height: 18px;
}
.sidebar ul.project li span {
    font-size: 18px;
}
.sidebar ul.project li a {
    margin-bottom: 6px;
    
    display: block;
    padding-top: 23px;
    padding-bottom: 23px;
	padding-left: 30px;
    color: #FFFFFF;
	position: relative;
}
.sidebar ul.project li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -4px;
}
.sidebar ul li.project1 a {
    background-color: #81d08d;
}
.sidebar ul li.project2 a {
    background-color: #f69caa;
}
.sidebar ul li.project3 a {
    background-color: #fabf77;
    padding-top: 33px;
    padding-bottom: 33px;
}
.sidebar details  {
  margin-bottom: 6px;
}
.sidebar details ul li a {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 15px !important;
}

.sidebar details ul li a::before {
    display: none;
}
.sidebar summary {
    position: relative;
    border: none;
    display: block;
    list-style: none;
    cursor: pointer;
    background: #f69caa;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 30px;
    color: #FFFFFF;
}
.sidebar summary::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -4px;
}
.sidebar summary::-webkit-details-marker {
  display:none;
}



.sidebar details::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}

.sidebar details .accordion_content {
    padding: 0 10px;
    background-color: #ffe7f3;
}

.sidebar details .accordion_content > *:first-of-type {
  margin-top: 0;
}

.sidebar details .accordion_content > *:last-of-type {
  margin-bottom: 0;
}

.sidebar details[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.sidebar details[open] .accordion_content {
    padding: 10px 10px 4px;
}

.sidebar details[open] .accordion_title:after {
  content: "-";
}

.sidebar ul.project li.project1 a:hover {
    background-color: #27B73D;
}
.sidebar summary:hover,
.sidebar ul.project li.project2 a:hover {
    background-color: #E74760;
}
.sidebar ul.project li.project3 a:hover {
    background-color: #F8941B;
}


.footer-section {
    border-top: 1px solid #eeeeee;
    background-color: #55af5a;
    padding: 18px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    text-align: center;
}

.footer-section p {
    color: #FFFFFF;
    font-family: DFHSGothic;
    font-weight: 100;
    font-size: 16px;
    margin: 5px 0;
}
.footer-section p.copyright {
    color: #FFFFFF;
    font-family: DFHSGothic;
    font-weight: 400;
    font-size: 12px;
    margin: 5px 0;
}
.Blog_main a {
    text-decoration: underline;
}
.Blog_main .project1 {
    background-color: #81d08d;
}
.Blog_main .project2 {
    background-color: #7cccee;
}
.Blog_main .project3 {
    background-color: #f69caa;
}
.Blog_main .project4 {
    background-color: #fabf77;
}
.Blog_main .project5 {
    background-color: #d1a4cd;
}
.Blog_main .project1,
.Blog_main .project2,
.Blog_main .project3,
.Blog_main .project4,
.Blog_main .project5 {
    padding: 40px 50px;
    margin-bottom: 10px;
}
.Blog_main .project1 .left,
.Blog_main .project2 .left,
.Blog_main .project3 .left,
.Blog_main .project4 .left,
.Blog_main .project5 .left {
    float: left;
    width: 70%;
}
.Blog_main .project1 h4,
.Blog_main .project2 h4,
.Blog_main .project3 h4,
.Blog_main .project4 h4,
.Blog_main .project5 h4 {
    color: #FFFFFF;
    font-family: DFHSGothic-W7;
    margin-top: 0px;
}
.Blog_main .project1 h4 br,
.Blog_main .project2 h4 br,
.Blog_main .project3 h4 br,
.Blog_main .project4 h4 br,
.Blog_main .project5 h4 br {
    display: none;
}
.Blog_main .project1 p,
.Blog_main .project2 p,
.Blog_main .project3 p,
.Blog_main .project4 p,
.Blog_main .project5 p {
    color: #FFFFFF;
    margin-bottom: 0px;
}
.Blog_main .project1 p a,
.Blog_main .project2 p a,
.Blog_main .project3 p a,
.Blog_main .project4 p a,
.Blog_main .project5 p a {
    color: #FFFFFF;
    text-decoration: underline;
}
.Blog_main .project1 img,
.Blog_main .project2 img,
.Blog_main .project3 img,
.Blog_main .project4 img,
.Blog_main .project5 img {
    float: right;
}
.Blog_main .gaiyou table {
    border-top: 1px solid #DDDDDD;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	color: #3e3b3b;
	font-family: AOTF-R;
	font-size: 13px;
}
.Blog_main .gaiyou th,
.Blog_main .gaiyou td {
    border-top-style: none;
    border-bottom: 1px solid #DDDDDD;
    border-right-style: none;
    border-left-style: none;
}
.Blog_main .gaiyou th {
    width: 25%;
    background-color: #F7F7F7;
}
.Blog_main .gaiyou td ol {
    margin: 0px;
}
.Blog_main .gaiyou td ol li {
    color: #3e3b3b;
    font-family: AOTF-R;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.Blog_main .gaiyou table.contactform {
    width: 100%;
}
.Blog_main .gaiyou td .your-name input,
.Blog_main .gaiyou td .your-email input,
.Blog_main .gaiyou td .your-message textarea {
	width: 100%;
	padding: 8px;
}
.Blog_main .gaiyou td .your-name,
.Blog_main .gaiyou td .your-message {
	display: block;
	width: 85%;
	margin-right: 20px;
}
.Blog_main .gaiyou td .your-email {
	width: 55%;
	margin-right: 20px;
}
.Blog_main .gaiyou .wpcf7c-conf {
	background-color: #F1F1F1;
	color: black;
	border: 1px solid #B1B1B1;
}
.Blog_main .gaiyou span.wpcf7-not-valid-tip {
    font-size: 90%;
}
.Blog_main .gaiyou .soushin {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}
.Blog_main .gaiyou input[type="button"],
.Blog_main .gaiyou input[type="submit"] {
	padding: 0px;
    margin-left: 15px;
    margin-right: 15px;
    color: #55af5a;
    font-size: 15px;
    font-family: DFHSGothic-W7;
    background-color: #ffffff;
    border-radius: 25px;
    margin-top: 0;
    line-height: 36px;
    display: inline-block;
    border: 5px solid #C0DCC1;
    width: 140px;
    text-decoration: none;
}
.Blog_main .gaiyou input[type="button"]:hover,
.Blog_main .gaiyou input[type="submit"]:hover {
	color: #ffffff;
    background-color: #C0DCC1;
}
.Blog_main .gaiyou p.red {
	color: #FF0000;
	padding-top: 10px;
	padding-left: 20px;
}
.Blog_main dl.kinou {
    border: 3px solid #55AF5A;
    padding: 30px;
}
.Blog_main dl.kinou dt {
    font-size: 18px;
    color: #55af5a;
    font-family: AOTF-R;
    margin-top: 0px;
}
.Blog_main dl.kinou dd {
    color: #3e3b3b;
    font-family: AOTF-R;
    font-size: 13px;
    margin-bottom: 0px;
}
.Blog_main h4 {
    color: #3e3b3b;
    font-family: DFHSGothic-W7;
}
.Blog_main h4 span {
    font-size: 16px;
}
.Blog_main h4.proj1 {
    color: #ffffff;
    font-family: DFHSGothic-W7;
    background-color: #81D08D;
    padding: 10px 15px;
}
.Blog_main h4.proj2 {
    color: #ffffff;
    font-family: DFHSGothic-W7;
    background-color: #f69caa;
    padding: 10px 15px;
}
.Blog_main .layout img {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
.Blog_main .layout .right {
    float: right;
    width: 60%;
}
.Blog_main .layout .right h4 {
    margin-top: 0px;
    font-size: 18px;
}
.Blog_main .layout .right ul {
    list-style-type: none;
    margin-left: 0px;
}
.Blog_main .layout .right li {
    color: #3e3b3b;
    font-family: AOTF-R;
    font-size: 13px;
    line-height: 25px;
    margin-left: 1em;
    padding-left: 0em;
    text-indent: -1em;
}
.Blog_main .layout .right li::before {
	color: #3e3b3b;
	font-family: AOTF-R;
	font-size: 13px;
	line-height: 25px;
	content: "※";
}
.Blog_main .layout .right p.name {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}
.Blog_main .layout-p2 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.Blog_main .layout-p2 .image {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
.Blog_main .layout-p2 .right {
    float: right;
    width: 65%;
}
.Blog_main .price table {
	color: #3e3b3b;
	font-family: AOTF-R;
	font-size: 13px;
}
.Blog_main .price th {
    background-color: #F7F7F7;
}
.Blog_main .price ol li {
    color: #3e3b3b;
    font-family: AOTF-R;
    font-size: 13px;
    line-height: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.Blog_main .haichi {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.Blog_main .haichi .btn_link {
    display: inline-block;
    text-align: center;
    width: 220px;
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.Blog_main .haichi .btn_link a {
    padding: 0px;
    margin-right: 0;
    color: #55af5a;
    font-size: 15px;
    font-family: DFHSGothic-W7;
    background-color: #ffffff;
    border-radius: 25px;
    margin-top: 0;
    line-height: 36px;
    display: inline-block;
    border: 5px solid #C0DCC1;
    width: 100%;
    text-decoration: none;
}
.Blog_main .haichi .btn_link a:hover {
    color: #ffffff;
    background-color: #C0DCC1;
}
.Blog_main .pro1 {
    background-color: #ecf8ee;
}
.Blog_main .pro2 {
    background-color: #ebf7fc;
}
.Blog_main .pro3 {
    background-color: #fef0f2;
}
.Blog_main .pro4 {
    background-color: #fef5eb;
}
.Blog_main .pro5 {
    background-color: #f8f1f8;
}
.Blog_main .project {
    padding: 38px 30px;
    margin-bottom: 40px;
    position: relative;
}
.Blog_main .project.arrow::before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -50px;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}
.Blog_main .pro1.arrow::before {
  border-top: 20px solid #ecf8ee;
}
.Blog_main .pro2.arrow::before {
  border-top: 20px solid #ebf7fc;
}
.Blog_main .pro3.arrow::before {
  border-top: 20px solid #fef0f2;
}
.Blog_main .pro4.arrow::before {
  border-top: 20px solid #fef5eb;
}
.Blog_main .pro5.arrow::before {
  border-top: 20px solid #f8f1f8;
}
.Blog_main .project .left {
    float: left;
    width: 63%;
}
.Blog_main .project h4 {
    color: #3e3b3b;
    font-family: DFHSGothic-W7;
    margin-top: 0px;
    font-size: 18px;
}
.Blog_main .project h4 br {
    display: none;
}
.Blog_main .project p {
    color: #3e3b3b;
    margin-bottom: 0px;
}
.Blog_main .project img {
    float: right;
}
.blog_single_post ol li {
    padding-left: 1.35em;
    text-indent: -1.35em;
    color: #3e3b3b;
    font-family: AOTF-R;
    font-size: 13px;
}
.photo-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.photo-flex img {
    margin: 0px;
}
.photo-flex-st {
    display: flex;
    margin-bottom: 15px;
}
.photo-flex-st img {
    margin-right: 15px;
    margin-left: 0px;
}
.tweet {
    max-width: 500px;
    width: 100%;
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 60px;
}

/*.timeline {
    position: relative;
    max-width: 780px;
    margin-bottom: 85px;
    padding-left: 80px;
}
.timeline dl::before {
  content: '';
  position: absolute;
  left: 60px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #ccc;
}
.timeline dl:after {
	content: "";
	display: block;
	clear: both;
}
.timeline dl dt {
    position: relative;
    margin-bottom: 10px;
    width: 90px;
    font-size: 17px;
    line-height: 1.3;
    text-align: right;
    color: #000000;
}
.timeline dl dt strong {
    font-size: 20px;
}
.timeline dl dt::before {
    content: '';
    position: absolute;
    left: -28px;
    top: 5px;
    width: 19px;
    height: 19px;
    background: #205cab;
    border-radius: 50%;
    z-index: 500;
}
.timeline dl dd {
    margin-bottom: 90px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.3;
    color: #000000;
}*/

.timeline {
    position: relative;
    max-width: 780px;
    margin: 0 auto 85px;
    padding: 0px;
}
        
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ccc;
    transform: translateX(-50%);
}
        
.timeline dl {
    position: relative;
    width: 45%;
    margin-bottom: -40px;
}
        
/* 左側（奇数番目） */
.timeline dl:nth-child(odd) {
    left: 0;
    padding-right: 5%;
}
        
/* 右側（偶数番目） */
.timeline dl:nth-child(even) {
    left: 50%;
    padding-left: 5%;
}
        
/*.timeline dl:after {
            content: "";
            display: block;
            clear: both;
}*/
        
.timeline dl dt {
    position: relative;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 1.3;
    color: #000000;
}
.timeline dl:nth-child(even) dt {
    text-align: right;
}
.timeline dl dt strong {
    font-size: 30px;
    color: #205cab;
    margin-right: 10px;
}
        
/* 左側の円形マーカー */
.timeline dl:nth-child(odd)::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 18px;
    width: 15px;
    height: 15px;
    background: #205cab;
    border-radius: 50%;
    z-index: 500;
}
        
/* 右側の円形マーカー */
.timeline dl:nth-child(even)::after {
    content: '';
    position: absolute;
    left: -8px;
    top: 18px;
    width: 15px;
    height: 15px;
    background: #205cab;
    border-radius: 50%;
    z-index: 500;
}
.timeline dl:nth-child(odd) dt::after {
    content: '';
    position: absolute;
    top: 60%;
    width: 70%;
    border-top: 4px dotted #3e3b3b;
    margin-left: 10px;
}
.timeline dl:nth-child(even) dt::before {
    content: '';
    position: absolute;
    top: 60%;
    width: 70%;
    border-top: 4px dotted #3e3b3b;
    left: -18px;
}

.timeline dl dd {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
    color: #3e3b3b;
    font-family: AOTF-R;
}
        
.timeline ul {
    margin: 0;
    padding-left: 20px;
}
        
.timeline li {
    color: #3e3b3b;
    line-height: 20px;
    font-size: 13px;
}




/*reCAPTCHAのロゴを非表示*/
.grecaptcha-badge { visibility: hidden; }

/* Responsive Media Queries */

@media(min-width: 1200px) {
	

body.boxed {
    width: 1210px;
    -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
    box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
    margin: 0 auto;
	/* padding: 0px 20px; */
}

body.boxed #header .main-header {
	width:1210px;
	margin:0 auto;
}

}
@media (max-width: 1209px) {
.project-navi ul li {
	width: 19.918%;
}
.container .row-fluid .Blog_main {
    width: 710px;
}
}
@media (max-width: 979px) {
.project-navi ul li {
    display: none;
}
#menu-item-5944,
#menu-item-5945,
#menu-item-5946,
#menu-item-5947,
#menu-item-5948 {
    display: block;
}
.navbar img.tel {
    display: none;
}
}

@media (min-width: 768px) and (max-width: 979px)  {

body.boxed {
	
	width: 100%;
}
.container .row-fluid [class*="span"] {
    float: none;
}
.blog_single_post{
    float: none;
}
.container .row-fluid .sidebar {
    width: 100%;
    float: none;
}
.container .row-fluid .sidebar ul.project {
    margin: 0px auto;
    width: 95%;
}
.container .row-fluid .Blog_main {
    width: 710px;
}

}

@media (max-width: 767px) {

body.boxed {
	width: 100%;/* 
	padding: 0px 20px !important; */
}
body{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.logo-title img {
    width: 200px;
}
.navbar img.tel {
    display: none;
}
.blog_single_post{
    float: none;
    width: auto;
}
.container .row-fluid .sidebar {
    width: 100%;
    float: none;
}
.sidebar ul.banner li {
    margin: 0px 3px 6px;
    padding: 0px;
    float: left;
	width: 48%;
}
.container .row-fluid .sidebar ul.project {
    margin: 0px auto;
    width: 95%;
}
.footer-section img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.footer-section p span {
    display: block;
}
.Blog_main .project1,
.Blog_main .project2,
.Blog_main .project3,
.Blog_main .project4,
.Blog_main .project5 {
    padding: 20px 20px;
}
.Blog_main dl.kinou {
    padding: 20px;
}
.Blog_main .project {
    padding: 20px 20px;
}
.Blog_main .gaiyou table.contactform th {
    display: block;
    width: 95%;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 5px;
    background: none;
    border-bottom-style: none;
    clear: both;
}
.Blog_main .gaiyou table.contactform td {
    display: block;
    padding-top: 5px;
    width: 95%;
    clear: both;
}
.Blog_main .gaiyou table.contactform td .your-name,
.Blog_main .gaiyou table.contactform td .your-message {
    width: 88%;
    margin-right: 0px;
}
.Blog_main .gaiyou table.contactform td .your-email {
	width: 62%;
	margin-right: 0px;
}
.Blog_main .gaiyou input[type="button"],
.Blog_main .gaiyou input[type="submit"] {
    padding: 0px;
    margin: 0 auto 10px;
    color: #55af5a;
    font-size: 15px;
    font-family: DFHSGothic-W7;
    background-color: #ffffff;
    border-radius: 25px;
    line-height: 36px;
    display: block;
    border: 5px solid #C0DCC1;
    width: 250px;
    text-decoration: none;
}


.timeline::before {
    left: 5%;
}
        
.timeline dl {
    width: 90%;
    margin-bottom: 0px;
}
        
/* 左側（奇数番目） */
.timeline dl:nth-child(odd) {
    left: 10%;
    padding-right: 0%;
}
        
/* 右側（偶数番目） */
.timeline dl:nth-child(even) {
    left: 10%;
    padding-left: 0%;
}

.timeline dl:nth-child(even) dt {
    text-align: left;
}
        
/* 左側の円形マーカー */
.timeline dl:nth-child(odd)::after {
    left: -28px;
    top: 15px;
    background: #205cab;
}
        
/* 右側の円形マーカー */
.timeline dl:nth-child(even)::after {
    left: -28px;
    top: 15px;
    background: #205cab;
}
.timeline dl:nth-child(odd) dt::after {
    display: none;
}
.timeline dl:nth-child(even) dt::before {
    display: none;
}

}
@media (max-width: 667px) {
.Blog_main .project1 .left,
.Blog_main .project2 .left,
.Blog_main .project3 .left,
.Blog_main .project4 .left,
.Blog_main .project5 .left {
    width: 100%;
}
.Blog_main .project1 h4 br,
.Blog_main .project2 h4 br,
.Blog_main .project3 h4 br,
.Blog_main .project4 h4 br,
.Blog_main .project5 h4 br {
    display: block;
}
.Blog_main .layout .right {
    float: none;
    width: 100%;
}
.Blog_main .project .left {
    width: 100%;
}
}
@media (min-width: 980px) {


}


@media (min-width: 980px) and (max-width: 1199px) {


body.boxed {
	
	width: 100%;
}
}









.figure {
    margin-top: 80px;
    position: relative;
    min-height: 230px;
    margin-bottom: 30px;
}
.figure-top,
.figure-under {
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.figure-top .line {
    width: 50%;
    border-left: 2px solid #000000;
    height: 10px;
    text-align: center;
    position: relative;
}
.figure-top .line .box {
    border: 2px solid #000000;
    font-size: 17px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
.figure-top .line .box::after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 32px;
    background-color: #000000;
}
.figure-under .line {
    width: 16.6%;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    height: 10px;
    text-align: center;
}

.figure-under .line:last-child::after {
    content: "";
    position: absolute;
    height: 4px;
    border-bottom: 4px solid #000;
    border-right: 4px solid #000;
    transform: skew(65deg);
    margin: 0px 8px 0px 0px;
    right: 0px;
    top: 3px;
}
.figure-under .line .nen {
    margin-top: 30px;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 20px;
}
.figure-under .line .box {
    border: 1px solid #000000;
    font-size: 11px;
}
.figure-under .line .box2 {
    border: 1px solid #000000;
    font-size: 11px;
    width: 149%;
}
.figure-under .line .box3 {
    border: 1px solid #000000;
    font-size: 11px;
    width: 149%;
    float: right;
}
.figure-under .line .image {
    position: absolute;
    bottom: 0px;
}
@media (max-width: 767px) {
.figure-under .line .box,
.figure-under .line .box2,
.figure-under .line .box3 {
    line-height: 15px;
    height: 45px;
}
.figure-under .line .image {
    width: 16.6%;
}
.photo-flex-st img {
    margin-right: 5px;
    width: 48%;
}
.photo-flex img {
    width: 33%;
}
}