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

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

/*ヘッダー */

.header_box {
	width:768px;
	margin:50px auto 30px;
}

#wrapper_2_big {
	display:none !important;
}
.pc_mail {
	display:none;
}


/*スライドメニュー*/
.sp_mail {
	display:block;
	position:fixed;
	width: 2rem;
	top:10px;
	right:65px;
	z-index:35;
}
.sp_mail a i {
	font-size:32px;
	color:#DAA520;
}
.drawer-toggle {
	display:block !important;
}

.toggle_text {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	margin-top:14px;
	margin-left:8px;
	font-weight:bold;
	font-family:"Sawarabi Mincho";
	color:#DAA520;
}
.toggle_text_m {
	margin:0;
}
.drawer-menu_li {
	font-size:18px;
	font-family:"Sawarabi Mincho";
	color:#000;
	text-align:center;
	line-height:50px;
	border-top:1px solid #EFEFEF;
}

.drawer-menu a:first-child li{
	border-top:0;
}

.drawer-dropdown-menu_li_span {
	font-size:15px;
}

/*スライドメニューここまで*/

/*共通コンテンツ*/

.contents {
	width:768px;
	padding:100px 0;
}

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

/*section01*/

/*section02*/

/*section03*/

#section03 .contents .feed_ul .feed_li {
	display:block;
	margin:0 auto 25px;
	padding:0
}

/*section04*/

.sec04_cont {
	width:280px;
	margin-right:90px;
}

.bx-wrapper {
	width:280px !important;
}

/*.sec04_cont_right a {
	padding:20px 0;
}*/

.sec04_cont_right div ul li {
	width:100%;
	height:62px;
	position:relative;
}

.sec04_cont_right div ul li a span {
	font-size:18px;
	/*top:35%;
	-webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);*/
}

/*section04ここまで*/

/*バナー*/


.sec04_button01 {
	left:0;
}

.sec04_button02 {
	right:0;
}

/*バナーここまで*/

/*footer01*/

.contents_footer01 {
	padding:50px 0 !important;
}

.footer01_right {
    width: 174px;
}

.footer01_left {
    margin-right: 25px;
}

.footer01_left ul li {
    font-size: 12px;
}

.footer01_left ul li {
    font-size: 12px;
}

.footer01_left p span a {
    font-size: 15px;
}

.footer01_ul li {
    margin-right: 10px;
}

.footer01_ul li i {
	font-size:12px;
}

.footer01_ul li a {
	font-size:12px;
}

.sns_box {
	margin-right:6px;
}

/*footer01ここまで*/

/*パンくず*/

.pankuzu {
	width:95%;
}

/*パンくずここまで*/

/*aboutus*/

.concept_illust_box {
  width: 100%;
}

.concept_illust_box_ul li {
    margin: 0 40px;
    width:300px;
}

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

/*.concept_illust {
	width:344px;
    margin: 0 20px;
}

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

.secret_li_div {
  /*height: 600px !important;*/
}

.aboutus_whats_big {
  text-align:center !important;
  margin:15px auto;
}

.aboutus_whats_left,
.aboutus_whats_right {
	display:block;
	margin:0 auto;
}

.aboutus_whats_left {
	width:408px !important;
}

.aboutus_whats_right {
	width:85%;
	margin:0 auto !important;
}

.aboutus_whats_right p {
  margin:15px 0;
}

.aboutus_whats_illust {
  width: 100%;
}

.aboutus_whats_illust img {
	width:100%;
	height:auto;
}

.aisatu_li_div {
	/*height:805px !important;*/
}


/**/
.staff_li_div ul li:nth-child(odd) {
	width:180px;
	margin-right:10px;
}
.staff_li_div ul li:nth-child(even) {
	width:calc(100% - 190px);
	margin-left:0;
}
.staff_li_div ul li:nth-of-type(2) {
    font-size: 25px;
}
.staff_li_div ul li:nth-of-type(2) span {
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
}
/*aboutus店舗*/

.tempo_ul {
	text-align:center;
}


.tempo_li {
	margin:0 auto 50px;
}

.tempo_li:nth-child(3) {
	margin:0 auto 50px;
}

.tempo_li:nth-child(n+5) {
	margin:0 auto 50px;
}

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

.tempo_list_box_title {
	text-align:center;
}

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

.tempo_list_right {
	margin:0 auto !important;
}

.map_canvas {
	margin:0 auto !important;
}

.tempo_button02 {
	position:static;
	display:block;
	margin:35px auto 0;
}

/* モーダルウィンドウの中身のスタイル */
.modal .inner {
  width:80%;
}

#inner01,
#inner02,
#inner03,
#inner04,
#inner05 {
	background-position:center;
	background-size:cover;
}

.modal .inner div ul {
	width:100%;
}

.modal_li_left {
	text-align:center;
	float:none;
	margin:0 auto 15px;
}

.modal_li_left_paddtop {
	padding-top:0;
}

.modal_li_left span {
	font-size:16px;
}

.modal_li_right {
	float:none;
	display:block;
	margin:0 auto 15px;
}

/*!*/

/*aboutus店舗ここまで*/

/*料金・プラン*/

.plan01_ttl {
    font-size: 16px;
}

.plan01_ul_li {
	width:256px;
}

.plan02_li {
	width:236px;
	height:770px;
}

.plan02_li_div {
	width:95%;
}

.plan02_price_ul {
	width:95%;
}

.plan02_icon {
	width:65px;
}

.trial_ul {
	height:395px;
}

.trial01_left {
	width:300px;
}

.trial01_left span {
	line-height:25px;
}

.trial01_right {
	margin-left:5px;
}

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


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


/*サービス*/

/**/
.service_block {
	padding-top:35px;
}
.service_block:nth-of-type(1) {
	padding-top:0;
}
.service_block_div {
	padding-top:0 !important;
}
.service_block_div_icon {
	width:10%;
	height:auto;
}
/**/
.service_li_img,
.service_li_text {
	display:inline-block;
	vertical-align:middle;
	margin:0;
	width:383px;
}
.service_li_text {
	padding:5px 0;
}
.service_li_text_div_title img {
	width:10%;
	height:auto;
}
.merit_ul li img {
	width:46px;
}
.merit_ul li span {
	width:calc(100% - 54px);
}
/**/
ul.service_block_ul a li div span {
	font-size:10px;
}
/*サービス_流れ*/

.service_flow_ul {
	text-align:center;
}

.service_flow_li {
	margin:0 auto;
}

.service_flow_li:first-child {
	margin:0 auto;
}

.service_flow_li_text {
	height:auto;
	margin:35px auto !important;
	width:95%;
}

.service_flow_li_span {
    text-align: left;
    display: block;
}

.service_button {
	position:static;
	margin:35px auto 0;
}


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

.oyago_flow_li {
	width:175px;
	height:315px;
}

.oyago_flow_div_arrow {
	width:83%;
}


/*サービス_婚活アドバイス*/
.konkatu_graph_li_text {
	padding:0 25px;
}
/**/
.konkatu_ul {
	text-align:center;
}

.service_cont_catch_box_text p {
	font-size:13px;
}

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

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

/*成婚の秘訣*/
.success_box div h6 {
	font-size:17px;
}

/*乗り換え割*/

.norikae_box01_title_text {
	font-size:17px;
}

.norikae_box div h6 {
	font-size:17px;
}

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


/*inquiry */

.wrapper_3_inquiry {
	width:100%;
}

#content {
	width:100%;
}

.container {
	width:90%;
	margin:0 auto;
	text-align:center;
}

.inquiry_box_left {
    margin-right:5px;
}

/*お知らせテンプレ*/
.news_temp_box p {
	text-align:left;
}

/**/
.banner_under {
	width:90%;
}
/**/
.news_episode_li_img {
	height:165px !important;
}
/**/
.plan_ul_flex li {
	padding:20px 10px;
}
}

@media screen and (max-width: 794px) {

.news_article_li {
	width:20%;
}

}