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

@media screen and (min-width: 641px){

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    background-color: #f1f0ef !important;
    line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: "palt";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

#index_slider {
    margin-bottom: 80px;
}

#index_title {
    position: absolute;
    z-index: 5000;
    margin-left: 10%;
    margin-top: 380px;
}
#index_title .title {
    color: #FFFFFF;
    font-size: 55px;
    font-weight: 800;
    line-height: 70px;
}

#index_title .midashi {
    font-size: 2.0rem;
    font-weight: 800;
    line-height: 1.4em;
    margin-bottom: 10px;
    color: #424242;
}
#index_title .midashi span {
  background: #ffffff;
  padding: 3px;
}


#footer_kon {
    background-image: url(../image/footer_kon.jpg);
    background-position: center top;
    height: 563px;
    padding-top: 100px;
}

#footer_kon .title {
    position: relative;
    padding: 0.5rem 0 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    color: #D9D9D9;
    font-family: 'Electrolize', sans-serif;
    letter-spacing: 3px;
}

#footer_kon .title::before {
    position: absolute;
    border-bottom: 2px solid #bbb7ac;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
}


#footer_kon .text {
    color: #F1F0EF;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 3px;
    margin-bottom: 40px;
}
#footer_kon .mail a {
    width: 735px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 90px;
    font-size: 20px;
    color: #213143;
    background-color: #DBBA4A;
    margin-bottom: 38px;
    font-weight: 600;
    letter-spacing: 5px;
}
#footer_kon .tel {
    color: #DBBA4A;
    font-size: 33px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 15px;
}
#footer_kon .caption {
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
}
#footer_whtle {
    background-color: #FFFFFF;
    padding-top: 55px;
    padding-bottom: 70px;
}

#footer_shita {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#footer_text .logo {
    margin-bottom: 10px;
}
#footer_text .company {
    font-size: 16px;
    line-height: 26px;
    color: #313131;
    margin-bottom: 15px;
}
#footer_text .link {
    margin-bottom: 10px;
    font-size: 16px;
}
#footer_text .link a {
    text-decoration: none;
    color: #004D86;
}
#footer_text .link a:hover {
    color: #26A1DC;
}


#footer_text .cp {
    font-size: 14px;
    color: #3E3E3E;
}
#index_dekamoji {
    font-family: 'Rajdhani', sans-serif;
    font-size: 130px;
    color: #E3E3E3;
    position: absolute;
    z-index: 1100;
    margin-left: 10%;
}
#index_concept_photo {
    position: absolute;
    right: 0;
    margin-top: 502px;
}

#index_concept {
    margin-left: 18%;
    padding-top: 120px;
    padding-left: 75px;
    background-color: rgba(255,255,255,0.9) ;
    padding-bottom: 125px;
    position: absolute;
    margin-top: 75px;
    width: 64%;
}
#index_concept_title {
    margin-bottom: 35px;
    color: #2B2B2B;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}
#index_concept_text {
    color: #2D2D2D;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 40px;
}
#index_concept_point {
    width: 176px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #C89C33;
    line-height: 60px;
}
#index_concept_point_box {
    width: 620px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
}
#index_concept_link p a {
    width: 344px;
    height: 84px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 84px;
    color: #FFFFFF;
    background-color: #004d86;
}
#index_concept_box {
    height: 1200px;
    background-image: url(../image/concept_kon.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 120px;
}
#index_question {
    text-align: center;
    margin-bottom: 45px;
    height: 190px;
}
#index_question .dekamoji {
    color: #e3e3e3;
    font-size: 155px;
    font-family: 'Rajdhani', sans-serif;	
    position: absolute;
	  left: 0;
  right: 0;
  margin: auto;
	
}
#index_question .title {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: 3px;
    font-weight: 600;
    padding-top: 90px;
}
#index_question .title span {
    color: #d8b027;
}
#index_question_point {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 75px;
    height: 506px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#index_question_point .box {
    width: 350px;
    height: 228px;
    background-color: #D1D1CD;
    margin-bottom: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #2E2E2E;
    font-weight: 600;
    padding-top: 75px;
}
#index_question_link a {
    width: 580px;
    height: 95px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    text-align: center;
    line-height: 95px;
    font-size: 20px;
    background-color: #004D86;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 3px;
}
#index_point_back {
    background-image: url(../image/index_case_bacl.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 115px;
}
#index_point_back .title {
    color: #FFFFFF;
    text-align: center;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 20px;
}
#index_point_back .text {
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 70px;
}
#index_case_box {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
#index_case {
    width: 352px;
}
#index_case .case {
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    font-family: 'Electrolize', sans-serif;
    color: #FFFFFF;
}
#index_case .photo {
    margin-bottom: 30px;
}
#index_case .title {
    text-align: center;
    font-size: 22px;
    color: #4B4B4B;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
#index_case .text {
    color: #2E2E2E;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
}
#index_minilink_box {
    width: 1105px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    justify-content: space-between;
}

#index_minilink {
    width: 495px;
    display: flex;
    justify-content: space-between;
    -webkit-box-shadow: 10px 10px #E0E0E0;
    box-shadow: 10px 10px #E0E0E0;
}

#index_minilink_text .eiji {
    font-size: 40px;
    color: #004D86;
    margin-bottom: 8px;
    font-family: 'Electrolize', sans-serif;
}

#index_minilink_text .text {
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    color: #393939;
}
#index_minilink_text {
    background-color: #FFFFFF;
    width: 300px;
    padding-top: 32px;
    padding-left: 30px;
}
#white_back {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 107px;
    padding-bottom: 50px;
    background-color: rgba(255,255,255,0.9) ;
}
#privacy_text {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 50px;
    color: #353535;
}
#privacy_text p strong {
	background: linear-gradient(transparent 50%, yellow 50%);
	
}

#page_title {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#page_title .eigo {
    font-family: 'Electrolize', sans-serif;
    font-size: 75px;
    color: #C0C0C0;
    padding-top: 75px;
    margin-bottom: 10px;
}

#page_title .caption {
    font-size: 16pt;
    font-weight: 600;
    line-height: 1.4em;
    color: #FFFFFF;
    margin-bottom: 90px;
    letter-spacing: 3px;
}
#page_title .caption span {
  background: #606060;
  padding: 5px;
}
#page_midashi {
    height: 40px;
    margin-bottom: 32px;
    border-left: 4px solid #606060;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    color: #252525;
    letter-spacing: 3px;
    text-indent: 10px;
}
#company_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
#company_text {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 50px;
    color: #353535;
    width: 600px;
}#company_hyo {
    margin-bottom: 80px;
}
#company_hyo tbody tr th {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #3B3B3B;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding-right: 25px;
    padding-left: 25px;
    border-bottom: 1px solid #C7C7C7;
}
#company_hyo tbody tr td {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    color: #000000;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #C7C7C7;
}
#white_back .gmap {
    margin-bottom: 80px;
}
#contact_tel {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #F2F5F8;
    text-align: center;
}
#contact_tel .caption {
    font-size: 16px;
    letter-spacing: 3px;
    color: #323334;
}

#contact_tel .tel {
    color: #323334;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 5px;
}
#contact_tel .tel span {
    background-color: #EC0004;
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 3px;
    margin-right: 14px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 5px;
}
#question {
    margin-bottom: 15px;
    display: flex;
}
#question .icon {
    margin-right: 18px;
}
#question .midashi {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding-top: 18px;
}



#answer {
    margin-bottom: 55px;
    display: flex;
}
#answer .icon {
    margin-right: 18px;
}
#answer .text {
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px;
}
#answer .text strong {
    color: #FF3437;
}
#flow_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
#flow_box_sp {
    display: flex;
    justify-content: space-between;
}

#flow_box .flow_number {
    margin-right: 30px;
}
#flow_photo {
    margin-right: 45px;
}
#flow_photo .flow_midashi {
    margin-top: 37px;
    color: #3B3B3B;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

#flow_text {
    color: #353535;
    font-size: 16px;
    line-height: 26px;
    margin-top: 90px;
}
#service_midashi {
    width: 380px;
    height: 45px;
    margin-bottom: 40px;
    color: #FFFFFF;
    line-height: 45px;
    font-size: 22px;
    background-color: #606060;
    letter-spacing: 2px;
    text-indent: 10px;
    border-left: 8px solid #E2AA25;
}
#service_ill {
    width: 842px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px;
}
#service_photo {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
#service_text {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    color: #2F2F2F;
    font-size: 16px;
    line-height: 26px;
}
#service_hyo {
    margin-bottom: 160px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#service_hyo tbody tr th {
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #A7A7A7;
}
#service_hyo tbody tr td {
    color: #373737;
    font-size: 16px;
    line-height: 24px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid #A7A7A7;
}
#service_hyo tbody tr .price {
    font-size: 22px;
    color: #FF4273;
    font-weight: 600;
    width: 45%;
    vertical-align: middle;
    letter-spacing: 2px;
}
#instalink {
	position: fixed;
	bottom: 0; /* 基準の位置を画面の一番下に指定する */
	right: 0; /* 基準の位置を画面の一番右に指定する */
	width: 200px; /* 幅を指定する */
}
#cta {
    display: none;
}

}