@charset "utf-8";
.attention {
}

/* 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 {
	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;
}



#slider p {
    text-align: center;
    margin-top: 420px;
}
.slider {
    width: 1120px;
    height: 850px;
}
#index_main {
    width: 100%;
    height: 850px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}
.index_title {
    font-size: 75px;
    font-weight: 600;
    line-height: 125px;
    letter-spacing: 2px;
    margin-left: 4%;
}

.index_title .a {
	margin-left: 80px;

}

.index_title .b {
	margin-left: 160px;	
}
.index_introtitle {
    padding: 0rem 0 1.6rem;
    margin-bottom: 2.4rem;
    background: linear-gradient(90deg, #fe2947 0% 100%);
    background-repeat: no-repeat;
    background-size: 85px 4px;
    background-position: left bottom;
    font-weight: bold;
    font-size: 46px;
    color: #434343;
    letter-spacing: 2px;
    text-indent: 20px;
}
.index_intorotext {
    width: 720px;
    color: #333333;
    font-size: 18px;
    line-height: 44px;
    padding-left: 20px;
}
#index_intro_left {
    width: 720px;
}
.index_intro {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.index_intro_link a {
    width: 365px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px;
    color: #FFFFFF;
    background-color: #1bc3cd;
    text-decoration: none;
    font-size: 20px;
    border-radius: 10px;
    margin-top: 125px;
    font-weight: 600;
}

.index_intro_link a:hover {
    width: 365px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px;
    color: #FFFFFF;
    background-color: #2E9C9E;
    text-decoration: none;
    font-size: 20px;
    border-radius: 10px;
    margin-top: 125px;
    font-weight: 600;
}
.index_obi {
    background-image: url(../image/obi.gif);
    background-repeat: repeat-x;
    margin-bottom: 20px;
    padding-bottom: 100px;
}
.index_minislider {
    margin-bottom: 120px;
}
.index_service_title {
    padding: 0rem 0 1.6rem;
    margin-bottom: 2.4rem;
    background: linear-gradient(90deg, #fe2947 0% 100%);
    background-repeat: no-repeat;
    background-size: 85px 4px;
    background-position: center bottom;
    font-weight: bold;
    font-size: 46px;
    color: #434343;
    letter-spacing: 2px;
    text-align: center;
}
.index_service_text {
    color: #2F2F2F;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 50px;
}
.index_service_box {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 72px;
}
.index_service .midashi {
    text-align: center;
    margin-top: 34px;
    margin-bottom: 34px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    width: 339px;
}
.index_service .text {
    width: 339px;
    color: #373737;
    font-size: 16px;
    line-height: 28px;
}

.backgara {
    background-image: url(../image/masu.gif);
    padding-top: 100px;
    padding-bottom: 40px;
    margin-bottom: 130px;
}
.index_nayami_title {
    width: 1150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.index_nayami_title .midashi {
    color: #2E2E2E;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    order: 2;
    letter-spacing: 2px;
}
.index_nayami_title .otoko {
	order: 1;
}
.index_nayami_title .onna {
	order: 3;
}
.index_nayami_list {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FCFCFC;
    -webkit-box-shadow: 10px 10px #E1E1E1;
    box-shadow: 10px 10px #E1E1E1;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 100px;
    margin-bottom: 58px;
    line-height: 60px;
}
.index_nayami_list .point {
    font-size: 22px;
    font-weight: 600;
    background-image: url(../image/cheak.jpg);
    background-repeat: no-repeat;
    background-position: 0 12px;
    letter-spacing: 2px;
    text-indent: 46px;
}
.index_nayami_text  {
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 50px;
    letter-spacing: 2px;
}
.index_newstitle {
    padding: 0rem 0 1.6rem;
    margin-bottom: 2.4rem;
    background: linear-gradient(90deg, #fe2947 0% 100%);
    background-repeat: no-repeat;
    background-size: 85px 4px;
    background-position: left bottom;
    font-weight: bold;
    font-size: 46px;
    color: #434343;
    letter-spacing: 2px;
    text-indent: 20px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.news {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 180px;
    font-size: 16px;
    color: #2A2A2A;
}
.news .newslist {
    margin-bottom: 15px;
}


.footer {
    margin-bottom: 0px;
    padding-top: 90px;
    padding-bottom: 80px;
    background-color: #fe2947;
}
.footer_contact_title {
    padding: 0rem 0 1.6rem;
    margin-bottom: 2.4rem;
    background: linear-gradient(90deg, #fed329 0% 100%);
    background-repeat: no-repeat;
    background-size: 85px 6px;
    background-position: center bottom;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
}
.footer_contact_text {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-bottom: 52px;
}
.footer_contact_link a {
    width: 640px;
    height: 83px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    color: #5C4622;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 83px;
    font-weight: bold;
    background-color: #fed329;
    border-radius: 10px;
    letter-spacing: 2px;
}
.footer_tel {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
	align-items: center;
    color: #fff;
}
.footer_tel .midashi {
    font-size: 18px;
    line-height: 24px;
    text-align: right;
    font-weight: 600;
    border-right: 3px solid #FF7E90;
    padding-left: 0px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 20px;
}
.footer_tel .midashi span {
    display: block
}	
	
.footer_tel .number {
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: 600;
}
.footer_tel .time {
    font-size: 16px;
    line-height: 24px;
    margin-left: 20px;
}
.footer_logo {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 10px;
}
.footer_add {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    color: #393939;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 35px;
}
#foot_link {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
#foot_pagelink {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
#foot_pagelink p a {
    color: #AA7D0F;
    text-decoration: none;
}

#foot_pagelink p a:hover {
    color: #fe2947;
    text-decoration: none;
}

.index_service_link a {
    width: 640px;
    height: 90px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
    line-height: 90px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 10px;
    background-color: #1bc3cd;
    color: #FFFFFF;
    margin-bottom: 120px;
}

/*== ボタン共通設定 */
.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#fff;
}

.btn:hover span{
	color:#fff;
}

/*== 背景が流れる（左から右） */
.bgleft:before {
 	content: '';
    /*絶対配置で位置を指定*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
    /*色や形状*/
 	background:#fe2947;/*背景色*/
 	width: 100%;
	height: 100%;
    /*アニメーション*/
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}




/*== ボタン共通設定 */
.btn2{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn2 span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#333;
}

.btn2:hover span{
	color:#333;
}

/*== 背景が流れる（左から右） */
.bgleft2:before {
 	content: '';
    /*絶対配置で位置を指定*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
    /*色や形状*/
 	background:#fff;/*背景色*/
 	width: 100%;
	height: 100%;
    /*アニメーション*/
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft2:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}


.mitsumori {
		position: fixed;
	bottom: 0; /* 基準の位置を画面の一番下に指定する */
	right: 0; /* 基準の位置を画面の一番右に指定する */
	width: 260px; /* 幅を指定する */
	z-index: 8888;
}
#cta {
    display: none;
}
.page_text {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 140px;
    font-size: 16px;
    line-height: 28px;
    color: #393939;
}

.page_text2 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    font-size: 16px;
    line-height: 28px;
    color: #393939;
}
.page_header {
    width: 100%;
    margin-bottom: 130px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 3px solid #FE2947;
    border-right: 3px solid #FE2947;
}

.page_title .midashi {
    font-size: 35px;
    font-weight: 800;
    color: #3A3A3A;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.page_title .caption {
    font-size: 16px;
    letter-spacing: 2px;
    color: #929292;
}

.page_mainphoto img {
    width: 100%;
}

.page_title {
    margin-left: 10%;
    padding-bottom: 50px;
}
.name {
    text-align: right;
    font-size: 18px;
    font-weight: 800;
}
.pagemidashi {
    position: relative;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    width: 1180px;
}
.pagemidashi span {
    display: flex;
    align-items: center;
    color: #373737;
    font-size: 26px;
    text-transform: uppercase;
}
.pagemidashi span::before {
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 70px;
  height: 4px;
  background-color: #1bc3cd;
}
#table {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 140px;
}
#table tbody tr th {
    width: 300px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    color: #333333;
    text-align: left;
    background-color: #F3F3F3;
    border-bottom: 1px solid #CBCBCB;
}
#table tbody tr td {
    width: 700px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    color: #3B3B3B;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #CBCBCB;
}
.gmap {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 140px;
}
.flow_box {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
    display: flex;
    justify-content: space-between;
}
.flow_step {
    width: 190px;
    border-right: 1px solid #D9D9D9;
    margin-right: 58px;
    padding-top: 55px;
    padding-bottom: 70px;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #434343;
    letter-spacing: 6px;
    padding-right: 50px;
}
.flow_step .suji {
    font-size: 45px;
    margin-top: 10px;
    color: #1bc3cd;
}
.flow_text {
    color: #353535;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 4px;
    margin-top: 30px;
}
.flow_text .midashi {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
    color: #2F2F2F;
    letter-spacing: 3px;
}
#flow_photo {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 50px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.service_midashi {
    padding: 1rem 0 2rem;
    margin-bottom: 2.5rem;
    background: linear-gradient(90deg, #1bc3cd 0% 100%);
    background-repeat: no-repeat;
    background-size: 90px 3px;
    background-position: left bottom;
    font-size: 46px;
    line-height: 58px;
    color: #434343;
    font-weight: 600;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.service_box1 {
    width: 100%;
    height: 511px;
    display: flex;
    margin-bottom: 170px;
}

.service_box2 {
    width: 100%;
    height: 511px;
    display: flex;
	flex-direction: row-reverse;
    margin-bottom: 170px;
}
.service_box1 .service_photo {
    margin-left: 30px;
}
.service_box2 .service_photo {
    margin-right: 30px;
}

.service_photo img {
    width: 100%;
}
.service_right {
    width: 650px;
    margin-left: 60px;
    padding-top: 30px;
}

.service_left {
    width: 650px;
    margin-right: 60px;
    padding-top: 30px;
}
#service_midashi {
    display: flex;
    margin-bottom: 35px;
}
#service_midashi .number {
    font-size: 50px;
    color: #1BC3CD;
    margin-right: 20px;
}
#service_midashi .title {
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    color: #373737;
}
.service_right .service_text {
    color: #353535;
    font-size: 16px;
    line-height: 28px;
    padding-left: 80px;
}

.service_left .service_text {
    color: #353535;
    font-size: 16px;
    line-height: 28px;
    padding-left: 80px;
}
.reason_midashi {
    color: #414141;
    text-align: center;
    font-size: 40px;
    line-height: 55px;
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: 4px;
}
.reason_midashi_eigo {
    letter-spacing: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1BC3CD;
    margin-bottom: 40px;
}
.reason_nayami_list {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f1f3f4;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 100px;
    line-height: 60px;
    background-image: url(../image/reason_ill2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.reason_nayami_list .point {
    font-size: 22px;
    font-weight: 600;
    background-image: url(../image/cheak.jpg);
    background-repeat: no-repeat;
    background-position: 0 12px;
    letter-spacing: 2px;
    text-indent: 46px;
}
.reason_sonna {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #D7E6EB;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #2E7B8B;
}
.reason_sonna_sankaku {
    text-align: center;
    margin-bottom: 50px;
}
.reason_omakase_box {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-bottom: 120px;
	align-items: center;
	justify-content: space-between
}
.reason_omakase {
    width: 780px;
}

.reason_omakase .text {
    color: #484848;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 2px;
}

.reason_omakase .midashi {
    padding: 0.2rem;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 38px;
    color: #FF522B;
    letter-spacing: 2px;
	
}

.reason_omakase .midashi span {
    background: linear-gradient(transparent 80%, #ffef6b 60%);
}

.erabare_midashi {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 40px;
    font-size: 40px;
    text-align: center;
    color: #353535;
    letter-spacing: 3px;
    font-weight: 600;
    margin-top: 30px;
}
.erabare_midashi span {
    color: #1BC3CD;
}


.erabare_midashi::before {
    position: absolute;
    border-bottom: 4px solid #1bc3cd;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    content: '';
}

.erabare_text {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 2px;
    margin-bottom: 60px;
}
#reason_contents .reason_box {
    width: 580px;
}
#reason_contents {
    width: 1200px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.reason_box {
    width: 580px;
    background-color: #FFFFFF;
    margin-bottom: 40px;
}

.reason_box .midashi {
    width: 580px;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #29BCDC;
    padding-top: 15px;
    padding-bottom: 15px;
}
.reason_box .yajirusi {
    text-align: center;
    margin-bottom: 18px;
}
.reason_box .photo {
    text-align: center;
    margin-bottom: 30px;
}
.reason_box .text {
    font-size: 16px;
    line-height: 26px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}

.reason_backgara {
    background-image: url(../image/masu.gif);
    padding-top: 100px;
    padding-bottom: 80px;
}
	

}