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

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.wow {
 visibility: visible !important;
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}
/**/
.index_feeling .contents {
	width:90%;
}
/*ヘッダー */

.header_box {
	width:480px;
}

.header_left {
	float:none;
	text-align:center;
	margin-bottom:10px;
}

.header_right {
	float:none;
	text-align:center;
}

.header_bottun_box {
	margin:15px auto 0;
	padding:10px 0;
	width:280px;
}

.header_button_span {
	text-align:left;
}

.header_bottun_box a {
	padding:15px 0;
}

.logo_text {
	padding-left:72px;
}

/*ヘッダーここまで*/

/*---------------*/

.drawer-menu_li {
    line-height: 40px;
}

/*footer01*/
.contents_footer01 {
	width:90% !important;
	padding:35px 0 !important;
}

.footer01_left_box {
	display:none;
}

.footer01_right {
    width:auto;
	float:none;
	display:block;
	margin:0 auto;
}

.footer02_sns {
	width:200px;
	text-align:center;
	margin:15px auto 0;
}
/*180117*/
.foot_div_sp {
	display:block;
	margin:0 auto 25px;
}
.footer01_sp ul li a.footer01_sp_color,
.footer01_sp ul li i.footer01_sp_color {
	color:#000;
	font-weight:normal;
	transition:0.3s;
}
.footer01_sp ul li:hover a.footer01_sp_color,
.footer01_sp ul li:hover i.footer01_sp_color {
	color:#FF9900;
}
/*.sns_box {
	margin-right:26px;
}*/
.footer01_pc {
	display:none;
}

/*footer01ここまで*/

/*footer02*/
.footer02_li_span {
	font-size:14px;
}

.footer02_li i {
	font-size:18px;
}

/*.footer02_li {
	display:block;
	margin:0 auto;
}

.footer02_ul a:first-child .footer02_li {
	margin:0 auto 15px;
}*/

/*footer02ここまで*/

.privacy_small {
	display:block;
}

/*---------------*/

/*共通コンテンツ*/

.contents {
	width:480px;
}

.contents_cont {
    width: 95% !important;
}

/*共通コンテンツここまで*/

/*メイン*/

.slide_text_big {
	width:170px;
	top:50px;
}

/*メインここまで*/


/*section01*/

.sec01_title span {
	font-size:25px;
}

.sec01_title {
	margin:0 auto 35px;
}

.sec01_li_title {
	font-size:15px;
}

.sec01_li {
	padding:0 8px 0;
}


/*section01ここまで*/

/*section02*/

#section02 {
	margin:0 auto;
}

#section02 .contents {
	width:85%;
	padding:50px 0;
}

/*.sec02_title_span br {
	display:block;
}*/

.sec02_title_link_button {
	position:static;
	display:block;
	width:85px;
	margin:15px auto;
}

.feed_new img {
	width:50px;
	height:auto;
}

.feed_li {
	width:20%;
}

/*.feed_ul {
	width:100%;
}

.feed_li {
	width:47%;
	box-sizing:border-box;
	margin-right:22px;
	margin-bottom:30px;
}

.feed_ul a:nth-child(3n) .feed_li {
	margin-right:22px;
}


#feed03 .feed_li {
	margin-right:28px;
}

#feed03 a:nth-child(3n) .feed_li {
	margin-right:28px;
}

#feed03 a:nth-child(2n) .feed_li {
	margin-right:0;
}

#feed03 a:nth-child(6) .feed_li {
	margin-right:0;
}

#feed03 a:nth-child(-n+2) .feed_li {
	margin-bottom:0;
}*/

/*section03*/

#section03 {
	margin:0 auto;
}

/*section04*/

#section04 {
	text-align:center;
}

#section04 .contents {
	width:95%;
}

.sec04_cont {
	width:100%;
	margin:0 auto 35px;
}

.bx-wrapper img {
    margin: 0 auto !important;
}

.sec04_cont:last-child {
	margin:0 auto;
}

 .bx-wrapper {
	max-width:100% !important;
}

/*section04ここまで*/

/*バナー*/

#section_banner {
	margin:0 auto;
}

#section_banner .contents {
	width:95%;
}

/*.banner_ul {
	margin:0 auto;
}

.banner_li {
	display:inline-block;
	vertical-align:top;
	width:30%;
	margin-bottom:15px;
}*/

/*バナーここまで*/

/*各コンテンツトップイメージ*/

.cont_topimg_big {
	height:200px;
}

.img_text {
	font-size:50px;
}


/*各コンテンツトップイメージここまで*/

/*各コンテンツタイトル*/

.cont_title br {
	display:block;
}
/*aboutus*/

.concept_illust_box_ul {
	margin:55px 0 0;
}

.concept_illust_box_ul li {
	display:block;
	margin:0 auto;
	width:100%;
}

/*.concept_illust_box_ul li:nth-of-type(1) {
	width:60%;
}*/

.concept_illust_box_ul li:nth-of-type(2) {
	/*position:static;
	margin:35px auto 0;
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);*/
	display:none;
}

.concept_illust_box_ul li:nth-of-type(3) {
	margin:0 auto;
}

/*.concept_illust {
	display:block;
	width:320px;
}

.concept_illust_left {
	margin:25px auto 45px;
}

.concept_illust_right {
	margin:0 auto;
}

.concept_illust_center {
  top: 166px;
  width:50px;
}*/

.secret_block_big {
	width:95%;
}

.secret_block_big .plan01_ul_li {
	width:95%;
}

.secret_li_div {
	width:100% !important;
    height: auto !important;
}

.secret_text {
	text-align:left;
}

.aboutus_whats_right span {
	display:block;
	text-align:left;
}

.aboutus_whats_icon {
  top: -35px;
  width:100px;
  height:auto;
}

.aboutus_concept_box_inside {
    width: 95%;
}

.aboutus_gaiyou_box {
  width:100%;
  margin:0 auto;
}

.aboutus_gaiyou_left {
  margin:0;
  width:100%;
}

.aboutus_gaiyou_right {
	width:100%;
}

.concept_text_box {
    text-align: left;
}

/*aboutusここまで*/

/*aboutus挨拶*/

#wrapper_3_big_aisatu .contents_cont {
	width:95%;
}


#aisatu_ul_pc {
	width:100%;
}

.aisatu_box {
	text-align:center;
	width:85%;
	margin:0 auto;
	display: flex;
    display: -webkit-flex;
	-webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
}

.aisatu_img {
	float:none;
	display:block;
	margin:35px auto 0;
}

.aisatu_text {
	text-align:left;
}

.aisatu_history_big {
	width:85%;
}

.aisatu_history_box {
	width:100%;
}

.aisatu_li_div {
	height:auto !important;
}

#wrapper_3_big_staff .contents_cont {
	width:95%;
}

.staff_text_span {
	text-align:center !important;
}

/*---------------------*/
.staff_li_div {
	display:block;
}
.staff_li_div:nth-of-type(1) {
	width:35%;
	margin:0 auto;
	text-align:center;
}
.staff_li_div:nth-of-type(2) {
	width:100%;
}
.staff_li_div ul li:nth-of-type(1),
.staff_li_div ul li:nth-of-type(2) {
	width:100%;
}
.staff_li_div ul li:nth-of-type(2) {
	text-align:center;
}

/*-----*/
.staff_li p {
	font-size:3.5vw;
}

/*aboutusここまで*/

/*aboutus店舗*/


.tempo_list_big {
	width:100%;
	margin:0 auto 35px;
}

.tempo_list_div {
	width:100% !important;
}

.tempo_list_div img {
	width:100%;
}

/* モーダルウィンドウの中身のスタイル */

.modal .inner {
  width:90%;
}
.modal .inner div {
	padding:35px;
}
.modal .inner div p {
	text-align:left;
	margin:0 auto 15px;
	font-size:14px;
}
/*!*/

/*aboutus店舗ここまで*/

/*サービス*/

/**/
.service_block_reverse {
	-webkit-flex-direction:row;
	flex-direction:row;
}
.service_block {
	-webkit-flex-direction:column;
	flex-direction:column;
	padding:0 0 35px;
}
.service_block:last-child {
	padding-bottom:0;
}
.service_block_div {
	width:100%;
}
.service_block .service_block_div:first-child {
	padding-bottom:15px !important;
}
ul.service_block_ul a li div span {
	font-size:12px;
}
/**/

.service_ul {
	width:100%;
}

.service_li_big {
	height:875px;
}

.service_li_big00 {
	height:915px !important;
}

.service_li_big000 {
	height:758px !important;
}

.service_li_big03 {
	height:805px !important;
}

.service_li_img,
.service_li_text {
	width:100%;
}

.service_li_img {
	text-align:center;
}

.service_li_text {
	padding:25px 0;
}

.service_li_text_responsive,
.service_li_img_responsive {
	position:absolute;
}

.service_li_text_responsive {
	bottom:0;
	left:0
}

.service_li_text_responsive01 {
	height:396px !important;
}

.service_li_text_responsive02 {
	height:236px !important;
}

.service_li_img_responsive {
	top:0;
	left:0;
}

.service_cont_catch_box {
	border:0;
}

/*サービスここまで*/

/*サービス20_senior*/

.twenty_senior_ttl {
  margin: 0 auto 15px;
  text-align: center;
}

.inside_div_img {
	float:none;
	margin:0 auto 15px;
}

.senior_under_box {
	width:320px;
	text-align:center;
}

/*.senior_under_box span {
	width:85%;
	margin:0 auto;
}*/

/*サービス20_seniorここまで*/

/*サービス中身共通部分*/

.service_cont_ttl_inside {
	width:85%;
}

/*----------------------------*/

.service_cont_catch_box {
	width:100%;
	margin:0 auto 50px;
}

.service_cont_catch_box_text {
	width:95%;
	display:block;
	vertical-align:middle;
	text-align:left;
	margin:0 auto;
	padding:35px 0;
}

.service_cont_catch_box_img {
	display:block;
}

.houjin_catch01 {
	display:none;
}

.houjin_catch02 {
	display:block;
	width:100%;
	height:auto;
}

/*サービス中身共通部分ここまで*/

/*サービス_流れ*/

.service_flow_li {
	width:95% !important;
}

/*サービス_流れここまで*/

/*サービス_親御様*/

.oyago_box_inside {
	margin:0 auto !important;
}

.oyago_cont_big {
	margin:0 auto 70px;
}

.oyago_cont {
	display:block;
}

.oyago_cont {
	text-align:center;
}

.oyago_cont_right {
	width:100%;
	text-align:left;
}

.oyago_cont_right_ttl {
	text-align:center;
	margin:0 auto 15px;
}

.oyago_cont_right_text02 {
	display:block;
	width:100%;
	margin:0 auto 25px;
}

.oyago_cont_right_img {
	display:block;
	margin:0 auto;
	text-align:center;
}

.oyago_flow_li {
	display:block;
	margin:0 auto;
	width:320px;
	height:auto;
}

.oyago_flow_li_p {
	text-align:center;
}

/*.oyago_flow_li_span {
	text-align:center;
}*/

.oyago_flow_li_pc {
	display:none !important;
}

.oyago_flow_li_sp {
	display:block !important;
}

.oyago_flow_li_arrow {
	margin:0 auto !important;
}

.oyago_flow_li_arrow01 img {
	transform:rotate(0deg);
}

.oyago_flow_li_arrow02 img {
	transform:rotate(0deg);
}

.oyago_flow_li_arrow01,
.oyago_flow_li_arrow02 {
	margin:25px auto !important;
}


.oyago_flow_div_arrow {
	width:100%;
	text-align:center;
	margin:25px auto;
}

.oyago_must_box {
	text-align:center;
}

.oyago_must {
	width:310px;
}

.oyago_must_p {
	text-align:left;
}

.oyago_point_ul {
	margin:0 auto 15px;
}

.oyago_point_li {
	display:block;
	padding:5px 0;
}

.oyago_point_li_left {
	width:100%;
	margin:0 auto;
}

.oyago_point_li_right {
	width:100%;
}

.oyago_point_li_right_ttl {
	text-align:center;
}

.oyago_illust_img {
	display:none;
}

.oyago_illust_text {
	width:100%;
	margin-bottom:0;
}

/*サービス_親御様ここまで*/

/*サービス_婚活アドバイス*/

.contents_advice {
	width:95% !important;
}


.service_cont_catch_box_img_konkatu {
	float:none;
	margin:0 auto;
	text-align:center;
}

.konkatu_li {
	width:480px;
	margin:0 auto 50px;
}

.konkatu_li:last-child {
	margin-bottom:0;
}

.konkatu_li_div {
	display:block;
	margin:0 auto;
	width:100%;
}

.konkatu_li_div_reversedown {
	position:absolute !important;
	bottom:0 !important;
	left:0;
	right:0;
	margin:auto;
}

.konkatu_li_div_reverseup {
	position:absolute !important;
	top:0 !important;
	left:0;
	right:0;
	margin:auto;
}

.konkatu_li02 {
	height:530px;
}

.konkatu_li04 {
	height:520px;
}

.konkatu_li p {
	width:100%;
	margin:15px auto 10px;
}

.konkatu_shindan {
    padding: 25px 20px;
}

.konkatu_shindan_ttl {
    padding-right: 0;
}

.konkatu_shindan_ul {
    padding-right: 0;
}

.konkatu_shindan_span {
    padding-right: 0;
}

.service_cont_catch_box_text p {
	font-size:3vw;
}

/*----------------*/
.advice_ul {
	flex-direction:column;
	-webkit-flex-direction:column;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	border:0;
	padding:15px;
}

.advice_ul li {
	width:100%;
}

.advice_ul li div {
	margin:0 auto;
}

.advice_ul li:nth-of-type(1) {
	text-align:center;
	margin-bottom:15px;
}

.advice_ul li p {
	font-size:2.8vw;
	text-align:center;
}

.advice_ul:nth-of-type(2) li p br:nth-of-type(2) {
	display:none;
}

.advice_ul:nth-of-type(3) li p br {
	display:none;
}

.advice_ul02,
.advice_ul02:nth-of-type(2),
.advice_ul02:nth-of-type(4) {
	flex-direction:column;
	-webkit-flex-direction:column;
}

.advice_ul02 {
	width:480px;
	margin:0 auto 35px;
}

.advice_ul02:nth-of-type(4) {
	margin-bottom:0;
}

.advice_ul02 li {
	width:100%;
}

.advice_ul02 li:nth-of-type(1) {
	margin-bottom:15px;
}

.advice_ul02 li span {
	width: 100%;
}

/*料金・プラン*/

.plan_block_big {
	text-align:center;
}

.plan01_ul_li {
	display:block;
	width:100%;
	margin:0 auto 35px;
}

.plan01_ul_li:nth-child(2) {
	border-right:0;
	border-left:0;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:15px 0;
}

.plan01_ul_li:nth-child(3) {
	margin-bottom:0;
}

.plan01_li_div {
	width:100%;
	height:auto;
}

.plan01_box {
	width:100%;
}

.plan01_box span {
    width: 95%;
}

.plan02_li {
	width:85%;
	height:auto;
	display:block;
	margin:0 auto 30px;
	border:0;
}

.plan02_li:last-child {
	margin:0 auto;
}

.plan02_li_div {
	width:85%;
}

.plan02_price_ul {
	width:85%;
}

.plan02_icon {
	left:-10px;
	top:0px;
}

.trial01_big {
	text-align:center;
}

.trial01_left {
	width:480px;
	margin:0 auto 25px;
}

.trial_ul {
	height:auto;
}

.trial_ul_li:nth-child(2) {
	padding:25px 0;
}

.trial_li_div {
	width:65%;
}

.trial_illust_box {
	width:30%;
	margin:35px auto 0; 
}


/*料金・プランここまで*/

/*仲人募集*/

.nakodo_img_box {
	float:none;
	display:block;
	margin:0 auto 35px;
	text-align:center;
}

.nakodo_text {
	margin:0 auto;
	box-sizing:border-box;
	padding-left:25px;
}

.nakodo_div_p02 br {
	display:block;
}

.nakodo_ttl_last {
	text-align:left;
}

/*成婚の秘訣*/
.success_box {
	margin-top:35px;
}

.success_box div h6 {
	font-size:2.5vw;
}

.success_box div h6 br {
	display:block;
}

.success_box span {
	text-align:left;
}

.success_text {
	text-align:left;
	margin:55px 0 0;
	padding:15px;
}

/*乗り換え割*/

.norikae_box01_title_ico {
	display:block;
	margin:0 auto 10px;
}

.norikae_box01_title_text {
	display:block;
	max-width:100%;
	padding-right:0;
}

.norikae_box01_text {
	display:block;
	padding-left:0;
}

.norikae_box01_imgbox {
	max-width:calc(90% - 20px);
	margin:0 auto 20px;
	float:none;
}

.norikae_box {
	margin-top:35px;
}

.norikae_box div h6 br {
	display:block;
}

.norikae_box span {
	text-align:left;
}

.norikae_text {
	text-align:left;
	margin:55px 0 0;
	padding:15px;
}

.norikae_box span .norikae_box02_imgbox {
	display:block;
	max-width:calc(90% - 20px);
	margin:0 auto 20px;
	float:none;
}

/*乗り換え割ここまで*/

/*inquiry */


.inquiry_box_left {
    width:100%;
	margin-right:0;
	margin-bottom:15px;
	text-align:center;
}

.inquiry_box_right {
    width:100%;
}

.attention {
	width:100%;
}

.inquiry_checkbox {
	width:360px;
}

.checkbox_nakami {
    width: 95%;
}

.checkbox_block {
	text-align:left;
}

.inquiry_box_off {
	display:block;
	margin:35px auto;
	text-align:center;
}

.inquiry_icon {
	display:block;
	margin:10px auto 0;
	text-align:center;
}

.attention h2,
.attention p {
    text-align:left;
	width:332px;
	margin:0 auto;
}

.attention h2 {
	margin:0 auto;
}



/*inquiryここまで */

/*お知らせ・スタッフ日記*/

.news_article_li_img_new {
	width:50px;
	height:auto;
}

.news_article_li {
	width:22%;
    margin-right: 15px;
    margin-bottom: 15px;
}

/*お知らせ・スタッフ日記記事*/

.news_post_box {
	width:85%;
}
/**/
.news_post_text,
.news_post_related {
	float:none;
	width:100%;
}
.news_post_related {
	margin-top:15px;
}
.relat_post_title {
	font-size:18px;
	padding:5px;
	position:relative;
	transition:0.4s;
	width:180px;
	margin:0 auto;
}
.relat_post_title img {
	display:none;
}
.relat_post_title::before,
.relat_post_title::after {
	content:'';
	width:25px;
	height:25px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.relat_post_title::before {
	left:-10px;
	background:url(../img/relat_post_title_img01.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.relat_post_title::after {
	right:-10px;
	background:url(../img/relat_post_title_img02.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
/*.relat_post_title i {
	display:block;
	position:absolute;
	top:50%;
	right:5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	transition:0.4s;
}
a.relat_box_main:hover .relat_post_title {
	background:#8c726b;
	color:#FFF;
}
a.relat_box_main:hover .relat_post_title i {
	color:#FFF;
}
.relat_post_title_after {
	background:#8c726b;
	color:#FFF;
}
.relat_post_title_after i {
	color:#FFF;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
}
.relat_post_title_after {
}*/
.relat_box_sub {
	padding-top:35px;
}
ul.relat_post li {
	width:32%;
	padding-left:1px;
}
/*ul.relat_post li:nth-child(-n+2) {
	padding-top:10px;
	margin-top:10px;
}
ul.relat_post li:nth-child(-n+3) {
	border-top:0;
	padding-top:0;
	margin-top:0;
}*/
ul.relat_post li:nth-of-type(odd) {
	padding-right:1px;
}
ul.relat_post li:nth-of-type(even) {
	padding-left:1px;
}
ul.relat_post li:nth-of-type(1),
ul.relat_post li:nth-of-type(4) {
	padding-left:0;
}
ul.relat_post li div:not(.relat_img) {
}
ul.relat_post li:nth-child(-n+2) div:not(.relat_img) {
	padding-top:10px;
	margin-top:10px;
}
ul.relat_post li:nth-child(-n+3) div:not(.relat_img) {
	border-top:0;
	padding-top:0;
	margin-top:0;
}
.relat_img {
	max-height:190px;
	height:auto;
}
/**/
.news_post_text table {
	width:100% !important;
}
/*お知らせテンプレ*/
.news_temp_box p {
	font-size:14px;
}
/*faq*/

.faq_a {
	padding:30px 0 0;
}

.faq_button_img {
	display:none;
}

.faq_button_img_o {
	display:block;
	margin:0 auto;
}

.konkatu_shindan {
	width:100% !important;
}
/*171115_料金プランページ*/
.plan_ul_flex {
	width:85%;
	flex-direction:column;
}
.plan_ul_flex li {
	width:100%;
	margin-top:55px;
	padding:25px 55px;
}
.plan_ul_flex li:first-child {
	margin-top:0;
}

}