/*
Theme Name: ファンプラステーマ
Author: シナジーメディア
*/

@charset "UTF-8";
/* CSS Document */

/*reset
------------------------------------------------------------------------------*/
body{ font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; font-size:88%; line-height:180%; }
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
margin: 0;
padding: 0;
}
img { border:0; vertical-align: bottom; max-width: 100%;}
*{box-sizing: border-box;}

input,textarea {-webkit-appearance: none; border-radius: 0;}

ul, li{list-style: none;}
a{color:#000; text-decoration: none;}
a:hover{opacity: 0.7;}
/*------------------------------------------------------------------------------*/


/*background
------------------------------------------------------------------------------*/

body{
	font-family: "游ゴシック", "Yu Gothic", Yu Gothic, "游ゴシック体", "YuGothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	width:100%;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	background-color:#fff;
}

/*PC・スマフォで非表示
------------------------------------------------------------------------------*/
.pc_none {
	display: none;
}
.sp_none {
	display: block;
}



/*ここからcss設定
------------------------------------------------------------------------------*/
.head_logo p.head_subtitle{
	letter-spacing: 0.5px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 22px;
}
.head_logo .head_logoimg{
	width:140px;
}

.top_main_visual{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 1080px;
}
.nav{
	margin-top: 50px;
}
#nav-content{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 1;
	height: 1080px;
	/* width: 315px; */
	width: 17%;
	padding: 50px 55px;
}
.nav_li{
	margin-bottom: 30px;
	letter-spacing: 1px;
	line-height: 22px;
}
.nav_li:last-child{
	margin-bottom: 0;
}
.nav_li_a{
	font-size: 20px;
}
.nav_li_a span{
	display: block;
	font-size: 12px;
}
.sns_inst{
	margin-top: 70px;
}
.sns_ul{
	width:110px;
}
.sns_li{
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	text-align: center;
}
.sns_li:nth-child(n+3){
	margin-top: 20px;
}
.sns_li:first-child{
	padding-bottom: 5px;
}




.main_img_wrap{
	position: relative;
	margin-left: 17%;
	padding-right: 150px;
	width: 100%;
}
.top_mainimgcopy{
	position: relative;
	width: 100%;
}
.top_mainimg{
	padding-right: 53px;
}
.top_mainimg img{
	height:1080px;
	width:100%;
	object-fit: cover;
}
.top_catchcopy{
	position: absolute;
	top:140px;
	right:0;
	width:121px;
	height:403px;
}
.top_mainimg .pc_img{
	display: block;
}
.top_mainimg .sp_img{
	display: none;
}


.top_copyright{
	position: absolute;
	bottom: 105px;
	right: 33px;
	width: 200px;
	letter-spacing: 2px;
	font-size: 12px;
	transform: rotate(-90deg);
}


.inner{
	width:1070px;
	margin:0 auto;
}
.inner2{
	margin-left: 17%;
}
.inner3{
	margin-left: 100px;
	margin-top: 60px;
}

#philosophy{
	padding-top:50px;
	margin-top:100px;
	position: relative;
}

.philosophy_imgtext{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.philosophy_img{
	width:47%;
	height:650px;
}
.philosophy_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.philosophy_text_wrap{
	width: 510px;
	margin-left: 100px;
	margin-top: 35px;
}
.head_h2_wrap{
	letter-spacing: 2px;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 2px solid #8BB929;
}
.head_h2_en, .head_h2{
	display: inline-block;
}
.head_h2_en{
	font-size: 24px;
	text-transform: lowercase;
}
.head_h2_en:first-letter{
	text-transform: capitalize;
}
.head_h2{
	font-size: 14px;
	font-weight: normal;
	margin: 0 2em;
}
.head_h3_wrap{
	margin-top: 20px;
}
.head_h3{
	font-size: 32px;
	line-height: 64px;
	font-weight: normal;
}
.philosophy_text{
	margin-top: 70px;
	font-size: 18px;
	line-height: 42px;
}
.philosophy_name{
	text-align: right;
	margin-top: 50px;
	font-size: 12px;
}
.philosophy_profile{
	text-align: right;
	margin-top: 5px;
}


#service{
	padding-top:50px;
	margin-top:100px;
	position: relative;
}
.service_ul{
	max-width: 1150px;
}
.service_li{
	display: inline-block;
	/* width: calc(100% / 3);
	width:230px; */
	width:240px;
	vertical-align: top;
	margin-right: 140px;
	position: relative;
	padding-bottom: 45px;
}
.service_li:nth-child(n+4){
	margin-top: 100px;
}
.service_li_title_wrap{
	margin-top: 20px;
}
.service_li_title1{
	font-size: 28px;
	line-height: 42px;
}
.service_li_title2{
	font-size: 18px;
	line-height: 26px;
	border: 2px solid #000;
	display: inline-block;
	padding: 5px 15px 4px 15px;
	border-radius: 10px;
	margin-top: 15px;
}
.service_li:nth-child(odd) .service_li_title2{
	border: 2px solid #8BB929;
}
.service_li:nth-child(even) .service_li_title2{
	border: 2px solid #FFB000;
}
.service_btn_wrap{
	font-size: 12px;
}
.service_li .service_btn_wrap{
	position: absolute;
	bottom: 0;
	left: 0;
}
.service_btn{
	position: relative;
	padding-right: 30px;
}
.service_btn:after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 15px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service_btn_01.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
}
.service_li:nth-child(even) .service_btn:after{
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service_btn_02.png);
}
.service_a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.service_li:hover{
	opacity: 0.7;
}
#service_01 .service_li_img{
	width: 163px;
}
#service_02 .service_li_img, #service_03 .service_li_img, #service_06 .service_li_img{
	width: 203px;
}
#service_04 .service_li_img{
	width: 199px;
}
#service_05 .service_li_img{
	width: 202px;
}
#service_05 .service_li_img{
	width: 202px;
}
#service_07 .service_li_img{
	width: 201px;
}
#service_08 .service_li_img{
	width: 205px;
}
#service_09 .service_li_img{
	width: 198px;
}




#topics{
	padding-top: 50px;
	margin-top: 100px;
	position: relative;
}
#topics .inner3{
	width:880px;
}
.topics_li{
	position: relative;
	padding-bottom: 30px;
}
.topics_li:hover{
	opacity: 0.7;
}
.topics_li + .topics_li{
	margin-top: 40px;
}
.topics_li:after{
	content: '';
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #707070;
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.topics_li_a{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 10;
}
.topics_li_day{
	font-size: 14px;
	line-height: 14px;
	border: 2px solid #8BB929;
	display: inline-block;
	padding: 4px 15px 3px 15px;
	border-radius: 10px;
}
.topics_li_title{
	font-size: 18px;
	line-height: 36px;
	margin-top: 15px;
	position: relative;
	padding-right:20px;
}
.topics_li_title:before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 15px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service_btn_01.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	bottom: 0;
	right: 0;
}

#company{
	padding-top: 50px;
	margin-top: 100px;
	position: relative;
}
#company .inner3{
	width: 1024px;
}
.company_ul_wrap, .company_ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.company_ul_wrap p{
	font-size: 18px;
	line-height: 36px;
}
.company_ul_wrap_01{
	width:53%;
}
.company_ul_wrap_02{
	width:45%;
	margin-left:2%;
}
.company_li_01{
	width: 130px;
	padding-right: 30px;
}
.company_li_02{
	/* padding: 0 30px; */
	padding:0 20px 0 30px;
	border-left: 1px solid #8BB929;
}
.company_li_02 .profile_btn{
	vertical-align: middle;
	padding-bottom: 4px;
	padding-left: 15px;
}
.company_ul + .company_ul{
	margin-top: 40px;
}


#contact{
	padding-top: 50px;
	margin-top: 100px;
	position: relative;
	padding-bottom: 300px;
}
#contact p{
	font-size: 18px;
	line-height: 36px;
}
#contact .inner3{
	width: 1024px;
}
#contact .inner4{
	width: 880px;
	margin:0 auto;
}
.required{
	color:#CE2224;
	font-size: 12px;
	margin-left: 1em;
}
input, textarea{
	border: 2px solid #8BB929;
	padding: 15px;
	width:100%;
}
textarea{
	min-height: 300px;
	line-height:1.5em;
}
.from_con + .from_con{
	margin-top: 40px;
}
#contact .from{
	margin-top:70px;
}
.submit input{
	border: none;
	padding:0;
	width: 125px;
}
.from_con.submit{
	text-align: center;
}
.wpcf7-not-valid-tip{
	color: #CE2224 !important;
	font-size: 12px !important;
}

#footer{
	margin-top: 100px;
}
.footer_in{
	width: 1024px;
	text-align: center;
	padding: 80px 0;
}
.page .footer_in, .single .footer_in, .archive .footer_in{
	width: auto;
}
.footer_logoimg{
	width:140px;
}





#service01, #service02, #service03, #service04, #service05, #service06, #service07, #service08, #service09{
	position: relative;
}
#service01:before, #service02:before, #service03:before, #service04:before, #service05:before, #service06:before, #service07:before, #service08:before, #service09:before{
	content: '';
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 150px;
	z-index: -1;
}
#service01:before{
	width: 409px;
	height: 235px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service01_after.png);
}
#service02:before{
	width: 510px;
	height: 235px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service02_after.png);
}
#service03:before{
	width: 509px;
	height: 235px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service03_after.png);
}
#service04:before{
	width: 497px;
	height: 234px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2024/07/service04_after.png);
}
#service05:before{
	width: 507px;
	height: 235px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service05_after.png);
}
#service06:before{
	width: 507px;
	height: 235px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2023/01/service05_after_2023.png);
}
#service07:before{
	width: 501px;
	height: 235px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2023/01/service06_after_2023.png);
}
#service08:before{
	width: 513px;
	height: 234px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service08_after.png);
}
#service09:before{
	width: 494px;
	height: 234px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2023/01/service07_after_2023.png);
}
#service01_in .service_li_title2, #service03_in .service_li_title2, #service05_in .service_li_title2, #service07_in .service_li_title2{
	border: 2px solid #8BB929;
	margin: 0;
}
#service02_in .service_li_title2, #service04_in .service_li_title2, #service06_in .service_li_title2, #service08_in .service_li_title2{
	border: 2px solid #FFB000;
	margin: 0;
}
.page_inner{
	width: 720px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 200px;
}
.service_s_head{
	text-align: center;
}
.service_s_title{
	font-size: 42px;
	line-height: 62px;
	font-weight: normal;
	margin-top: 40px;
}
.service_s_subtitle{
	font-size: 24px;
	line-height: 42px;
	font-weight: normal;
	padding-bottom: 30px;
}
.service_s_content_wrap{
	margin-top: 60px;
}
.service_s_content_wrap + .service_s_content_wrap{
	margin-top: 140px;
}
.service_s_content{
	font-size: 18px;
	line-height: 42px;
}
.service_s_price{
	margin-top: 70px;
	text-align: center;
}
.service_s_price_ul{
	text-align: center;
	font-size: 18px;
	line-height: 42px;
}
.service_s_price_li{
	display: inline-block;
}
.service_s_price_li:first-child{
	position: relative;
	padding-right:70px;
}
.service_s_price_li:first-child:after{
	content: '';
	width: 40px;
	height: 1px;
	background:#000;
	position: absolute;
	top: 50%;
	right: 15px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.footer_in2{
	width: 720px;
	margin: 0 auto;
	padding: 80px 0;
	text-align: center;
}
.service_s_box{
	position: relative;
	padding-top: 12px;
	margin-top: 50px;
}
.service_s_box_title{
	font-size: 24px;
	line-height: 24px;
	background: #fff;
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 50px;
	width: 380px;
	text-align: center;
}
.service_s_box_title span{
	font-size: 14px;
}
.service_s_box_in{
	font-size: 18px;
	line-height: 42px;
	padding: 45px 70px;
	border: 1px solid #1A1311;
	border-radius: 10px;
}
.service_s_box_in .service_s_price{
	margin-top: 0;
}
.service_s_box_subtitle_wrap{
	margin-top:35px;
	margin-bottom: 20px;
}
.service_s_box_subtitle{
	font-size: 24px;
	line-height: 24px;
	position: relative;
	text-align: center;
}
.service_s_box_subtitle:after, .service_s_box_subtitle:before{
	content:"";
	position: absolute;
	width:30%;
	height:1px;
	background:#000;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.service_s_box_subtitle:after{
	left: 0;
}
.service_s_box_subtitle:before{
	right: 0;
}

.come{
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
}
.service_pdf_btn{
	position: relative;
	padding-right: 30px;
	font-size: 18px;
	background: #FFB000;
	padding: 10px 30px;
	border-radius: 50px;
	width: 350px;
	margin:0 auto;
	margin-top: 95px;
	opacity: 1;
	text-align: center;
}
.service_pdf_btn p{
	position: relative;
	display: inline-block;
	padding-right: 20px;
	cursor: pointer;
	cursor: hand;
}
.service_pdf_btn p:after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 15px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service_btn_03.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right:0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.service_pdf_btn:hover{
	opacity: 0.7;
}
.service_pdf_btn a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:5;
}
.service_pdf_btn2{
	position: relative;
	padding-right: 30px;
	font-size: 18px;
	background: #8BB929;
	padding: 10px 30px;
	border-radius: 50px;
	width: 350px;
	margin:0 auto;
	margin-top: 95px;
	color:#fff;
	opacity: 1;
	text-align: center;
}
.service_pdf_btn2 p{
	position: relative;
	display: inline-block;
	padding-right: 20px;
	cursor: pointer;
	cursor: hand;
}
.service_pdf_btn2 p:after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 15px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2021/11/service_btn_04.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right:0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.service_pdf_btn2:hover{
	opacity: 0.7;
}
.service_pdf_btn2 a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color:#fff;
}




#topics2{
	width: 720px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 200px;
}
.topics2_list{
	margin-top: 90px;
}
#single2{
	width: 720px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 150px;
}
#single2 .topics_li_title{
	padding:0;
}
#single2 .topics_li_title:before{
	display: none;
}
.single_head{
	padding-bottom: 10px;
	border-bottom: 2px solid #8BB929;
}
.single_content{
	padding: 80px 0;
	font-size: 18px;
	line-height: 42px;
	border-bottom: 2px solid #8BB929;
}
.single_content a{
	color: #FFB000;
}
.single_btn{
	margin-top: 50px;
	text-align: center;
	font-size: 12px;
}

.wp-block-image img{
	height: auto;
	margin:1em 0;
}

.from_con_ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.from_con_li_01{
	width:65%;
}
.from_con_li_02{
	width:40%;
	margin-left:5%;
}
.from_con .come{
	font-size: 12px;
	margin-left: 1em;
}
#service04_in .from{
	margin-top: 100px;
}



/* ---------- ローディングアニメーション ---------- */
.loader_wrap{
	position: relative;
}
.loader_bk{
	position: fixed;
	display: flex;
	z-index: 998;
	width: 100%;
	height: 100%;
	background: #fff;
}
.loader{
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:140px;
	height:140px;
	z-index: 999;
}
.loader img{
	animation: rotate-anime 1s ease-in 1;
	width: 100%;
	height: auto;
}
@keyframes rotate-anime {
	0%  {opacity: 0; transform: rotate(0);}
	50% {opacity: 1;}
	100%  {transform: rotate(360deg);}
}






/* ---------- スクロールアニメーション ---------- */
/* 画面外 */
.fade-block2 {
	opacity: 0;
	transform: translateY(80px);
	transition: all 0.7s ease-in-out;
}
/* 画面に入った時の動き */
.fade-block2.blockIn {
	transform: translateY(0);
	opacity: 1;
}
.service_ul .service_li{
	opacity: 0;
	bottom: -80px;
	transition: 0.7s;
}
.philosophy_imgtext .philosophy_imgtext_li{
	opacity: 0;
	bottom: -150px;
	transition: 0.7s;
	position: relative;
}
/* スクロールした時に追加されるclass */
.service_ul .service_li.fadein {
	opacity: 1;
	bottom: 0;
}
.philosophy_imgtext .philosophy_imgtext_li.fadein{
	opacity: 1;
	bottom: 0;
}
.service_ul .service_li:hover,
.topics_li:hover{
	opacity: 0.6;
	transition: 0.3s;
}




.profile_in{
	width: 1000px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 100px;
}
.profile_ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.profile_li_01{
	width:55%;
}
.profile_li_02{
	width:45%;
	margin-left: 5%;
}
.profile_li_02 img{
	width: 100%;
}
.p_name{
	margin-top:40px;
}
.p_name_01{
	font-size:24px;
}
.p_name_02{
	font-size: 12px;
}
.p_from, .p_box_wrap{
	font-size: 16px;
	line-height: 32px;
}
.p_from{
	margin-top: 10px;
}
.p_text{
	font-size: 18px;
	line-height: 36px;
	margin-top: 30px;
}
.p_box_wrap{
	margin-top: 45px;
}
.p_title{
	font-size: 14px;
	border-bottom: 1px solid #707070;
	padding-bottom: 10px;
}
.p_box_text{
	margin-top: 20px;
}



.default_page_inner{
	width: 720px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 200px;
}
.default_page_title{
	font-size: 42px;
	line-height: 62px;
	font-weight: normal;
}
.default_page_text{
	margin-top:60px;
	font-size: 18px;
	line-height: 36px;
}
.default_page_text p{
	font-size: 18px;
	line-height: 36px;
}
.default_page_text h3{
	margin-top: 30px;
}
.default_page_text ul{
	padding-left: 1.4em;
}
.default_page_text li{
	list-style: outside;
}


.pagination{
	margin-top:100px;
}
.page-numbers{
	text-align: center;
}
.page-numbers li{
	display: inline-block;
	padding: 10px;
}



/* 20240731 追加ページあんど */
.page-id-65 .service_s_box{
	max-width: 420px;
	margin: 0 auto;
	margin-top: 50px;
}
.page-id-65 .service_s_box_title{
	width: 315px;
	padding: 0 30px;
}
.page-id-65 #crowdfunding .service_s_box{
	max-width:unset;
}
.ando_dagashi_img{
	width: calc(100% + 180px);
	margin-left: -90px;
	margin-top: 120px;
	padding-bottom: 75px;
	position: relative
}
.ando_dagashi_img img{
	width:100%;
}
.ando_dagashi_img:after{
	content: '';
	display: inline-block;
	width: 400px;
	height: 400px;
	background-image: url(https://www.m-funplus.com/wp/wp-content/uploads/2024/07/ando_dagashi_sub_pc.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	right: -130px;
	bottom: 0;
}
.ando_youtube{
	margin-top: 100px;
}
.ando_youtube .service_pdf_btn{
	margin-top: 30px;
}
.crowdfunding_name_list{
	display: flex;
	justify-content: space-between;
	margin: 20px 0 50px;
}
ul.crowdfunding_name_list_ul{
	margin-left: 1.5em;
	width: 45%;
	line-height: 32px;
}
ul.crowdfunding_name_list_ul li{
	list-style: disc;
}








@media screen and (max-height: 780px) {
	#nav-content{
		padding:30px 55px;
		height: 100vh;
		overflow-x: auto;
	}
	.head_logo .head_logoimg{
		width: 115px;
	}
	.nav{
		margin-top:40px;
	}
	.sns_inst{
		margin-top:45px;
	}
}

@media screen and (max-width: 1470px) {
	.service_li{
		margin-right:7%;
	}
	#company .inner3, #contact .inner3{
		width:950px;
	}
	#contact .inner4{
		width:700px;
	}
}


@media screen and (max-width: 1080px) {
	.sp_none{
		display: none;
	}
	.pc_none{
		display: block;
	}
	
	.top_scroll a{
		padding: 10px 10px 60px;
	}
	.top_scroll a:after{
		height: 50px;
	}
	
	#nav-content {
		z-index: 900;
		overflow: auto;
		width: 100%;
		height: 100%;
		background: #fff;
		color: #000;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
		opacity: 0;
		margin-left:-100%;
		overflow-x: unset;
		padding:50px 55px;
	}
	#nav-content ul {
		list-style: none;
	}
	#nav-content a {
		display: block;
		color: #000;
		text-decoration: none;
		padding: 30px 0;
		transition: opacity .6s ease;
		pointer-events: none;
	}
	#nav-content a:hover {
		opacity: 0.6;
	}
	.is-open {
		overflow: hidden;
	}
	.is-open #nav-content {
		z-index: 989;
		visibility: visible;
		opacity: 1;
		margin-left:0;
	}
	.is-open #nav-content a {
		pointer-events: auto;
	}
	.nav_in{
		display: block;
		line-height: unset;
		height: auto;
		justify-content: unset;
		align-items: unset;
		position: relative;
	}
	#nav-content .sns_inst_sp a{
		padding-bottom:0;
		border-bottom:none;
	}
	
	
	.main_img_wrap{
		padding-right:0;
		margin-top: 115px;
		margin-left: 35px;
		padding-left: 50px;
	}
	.top_mainimg{
		padding-right:0;
	}
	.top_catchcopy{
		width: 85px;
		top: 40px;
		right: unset;
		left: -44px;
	}
	.top_catchcopy img{
		width:100%;
	}
	
	
	
	
	#topics .inner3, #company .inner3, #contact .inner3, #footer .inner3, #contact .inner4{
		width: 100%;
		margin-left: 0;
	}
	.head_logo, .sns_inst{
		display: none;
	}
	
	.sp_head{
		z-index: 990;
		width: 100%;
		position: fixed;
	}
	.sp_head_in{
		padding: 20px 25px 20px 20px;
	}
	.sp_head_ul, .sp_head_ul_li_ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.sp_head_ul_li_logoimg{
		height: 40px;
	}
	.sp_head_ul_li_ul_li_02{
		margin-left: auto;
		margin-right: 0;
	}
	.sp_head_ul_li_ul_li + .sp_head_ul_li_ul_li{
		margin-left: 10px;
	}
	.sp_head_ul_li_ul_li{
		position: relative;
		width:40px;
		height:40px;
	}
	.sp_head_ul_li_ul_li_01{
		position: relative;
		height:40px;
	}
	.dino_op{
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
	}
	.dino_cl{
		opacity: 1;
		transition: opacity .6s ease, visibility .6s ease;
	}
	.top_main_visual{
		height: auto;
	}
	.top_mainimg img{
		height: 610px;
	}
	.is-open .dino_op{
		opacity: 1;
	}
	.is-open .dino_cl{
		opacity: 0;
	}
	.nav{
		margin-top: 95px;
	}
	.nav_ul{
		width: 160px;
		margin: 0 auto;
	}
	#nav-content a{
		padding: 0;
		padding-bottom:20px;
		border-bottom: 1px solid #000;
	}
	.nav_li{
		margin-bottom: 20px;
	}
	.nav_li_a span{
		margin-top: 5px;
	}
	.top_copyright{
		display: none;
	}
	
	
	
	.inner2{
		margin-left: 0;
		margin: 0px 35px;
	}
	.inner3{
		margin-left: 0;
	}
	
	.philosophy_text_wrap_head, .philosophy_text_wrap_foot{
		margin: 0px 35px;
	}
	.philosophy_imgtext{
		display: block;
		width:100%;
	}
	.philosophy_img_sp{
		margin-top:35px;
	}
	.philosophy_img_sp img{
		width:100%;
	}
	.philosophy_text_wrap{
		width:100%;
		margin-left: 0;
	}
	.service_li{
		display: block;
		margin-right:0;
		margin:0 auto;
		padding-bottom: 40px;
		/* width:205px; */
		width:215px;
	}
	.service_li + .service_li{
		margin-top: 60px;
	}
	.service_li:nth-child(n+4){
		margin-top: 60px;
	}
	.company_ul_wrap{
		display: block;
	}
	.company_ul_wrap p{
		font-size: 16px;
		line-height: 32px;
	}
	.company_ul_wrap_01, .company_ul_wrap_02{
		width:100%;
		margin-left:0;
	}
	
	
	#philosophy{
		padding-top: 50px;
		margin-top: 50px;
	}
	.head_h2_wrap{
		display: block;
		padding-bottom: 5px;
	}
	.head_h2_en{
		font-size: 18px;
	}
	.head_h2{
		font-size: 12px;
		margin: 0 1em;
	}
	.head_h3{
		font-size: 24px;
		line-height: 42px;
	}
	/* .philosophy_img_sp{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-top:35px;
	} */
	.philosophy_text{
		margin-top: 55px;
		font-size: 16px;
		line-height: 32px;
	}
	.service_btn{
		padding-right: 20px;
	}
	
	#service{
		margin-top: 50px;
	}
	.service_li_title_wrap{
		margin-top: 15px;
	}
	.service_li_title1{
		font-size: 24px;
		line-height: 36px;
	}
	.service_li_title2{
		font-size: 16px;
		/* line-height: 16px; */
		line-height: 24px;
		margin-top: 10px;
	}
	
	
	#topics{
		margin-top: 50px;
	}
	#topics .inner3{
		margin-top: 50px;
	}
	.topics_li_title{
		font-size: 16px;
		line-height: 32px;
	}
	.topics_li:after{
		width: 50px;
	}
	.topics_li_title:before{
		bottom: 8px;
	}
	#company{
		margin-top:50px;
	}
	.company_ul{
		display: block;
	}
	.company_li_01{
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.company_li_02{
		padding: 0;
		border-left: none;
	}
	.company_li_02 .profile_btn_a{
		display: inline-block;
	}
	
	.company_li_01 p{
		border-bottom: 1px solid #8BB929;
		display: inline-block;
		font-size:14px;
	}
	.company_ul + .company_ul{
		margin-top: 45px;
	}
	.company_ul_wrap_02{
		margin-top: 45px;
	}
	#contact{
		margin-top: 50px;
		padding-bottom:50px;
	}
	#contact p{
		font-size: 16px;
		line-height: 32px;
	}
	#contact .from{
		margin-top: 40px;
	}
	#contact .from_con p{
		font-size: 14px;
	}
	.from_con + .from_con{
		margin-top: 25px;
	}
	.footer_in{
		width:100%;
		padding: 30px 0;
	}
	
	
	.page_inner{
		width: 100%;
		margin: 0;
		padding-top: 0;
	}
	
	#service01, #service02, #service03, #service04, #service05, #service06, #service07, #service08, #service09{
		margin: 0 35px;
		padding-top: 120px;
	}
	#service01:before, #service02:before, #service03:before, #service04:before, #service05:before, #service06:before, #service07:before, #service08:before, #service09:before{
		display: none;
	}
	.service_img_sp{
		margin: 35px 0 20px 0;
	}
	.service_img_sp img{
		width: 200px;
		height: auto;
	}
	.service_s_title{
		font-size: 32px;
		line-height: 52px;
		text-align: left;
		padding: 0 30px;
		margin-top: 25px;
	}
	.service_s_content_wrap{
		margin-top: 40px;
	}
	.service_s_content{
		font-size: 16px;
		line-height: 32px;
	}
	.service_s_price_ul{
		font-size: 16px;
		line-height: 28px;
	}
	.service_s_price_li{
		display: block;
	}
	.service_s_price_li:first-child{
		padding-right:0;
	}
	.service_s_price_li:first-child:after{
		display: none;
	}
	.service_s_box_title{
		font-size: 22px;
		line-height: 32px;
		padding: 0 15px;
		width: 190px;
	}
	.service_s_box{
		padding-top: 15px;
	}
	.service_s_box.service_s_box2{
		padding-top: 30px;
	}
	.service_s_box_in{
		padding: 45px 25px;
		font-size: 16px;
		line-height: 32px;
	}
	.service_s_box_subtitle{
		font-size: 22px;
		line-height: 32px;
	}
	.service_s_box_subtitle:after, .service_s_box_subtitle:before{
		width: 15%;
	}
	.service_s_box_in .service_s_price{
		margin-top: 10px;
	}
	.service_come{
		text-align: left;
		margin-top: 25px;
	}
	.service_s_subtitle{
		font-size: 22px;
		line-height: 32px;
		padding-bottom: 25px;
	}
	.service_s_box_wrap{
		padding-top:50px;
	}
	#service04 .service_s_title, #service05 .service_s_title{
		text-align: center;
	}
	.service_s_price .come{
		text-align: left;
	}
	.service_pdf_btn, .service_pdf_btn2{
		width: 100%;
		font-size: 14px;
		margin-top: 60px;
	}
	.service_s_price{
		margin-top: 50px;
	}
	#service02 .service_s_title{
		margin-left: 35px;
	}
	#service03 .service_s_title{
		margin-left: 35px;
	}
	#service06 .service_s_title{
		margin-left: 15px;
	}
	#service07 .service_s_title, #service08 .service_s_title, #service09 .service_s_title{
		padding: 0;
		text-align: center;
	}
	
	#topics2{
		width:100%;
		padding-top: 115px;
		margin-top: 0;
	}
	.topics_in{
		margin: 0 35px;
	}
	.topics2_list{
		margin-top:50px;
	}
	#single2{
		width:100%;
		padding-top: 120px;
		margin-top: 0;
	}
	.single2_in{
		margin: 0 35px;
	}
	.single_content{
		padding: 50px 0 100px 0;
		font-size: 16px;
		line-height: 32px;
	}
	.single_content img{
		width:100%;
		height:auto;
	}
	#profile{
		width:100%;
		padding-top: 120px;
	}
	.profile_in{
		width:100%;
		padding-top: 0;
		margin-top: 0;
	}
	.profile_ul{
		flex-direction: column;
	}
	.profile_li_01, .profile_li_02{
		width:100%;
	}
	.profile_li_02{
		order: 1;
		margin-left:0;
	}
	.profile_li_01{
		order: 2;
		margin: 0 35px;
		width: calc(100% - 70px);
		margin-top: 85px;
	}
	.p_box_wrap{
		margin-top: 50px;
	}
	.p_text{
		margin-top: 20px;
		font-size: 16px;
		line-height: 32px;
	}
	.p_box_text br{
		display: none;
	}
	.p_title{
		font-size: 12px;
		padding-bottom: 5px;
	}
	.sp_footcopy{
		/* width: 160px; */
		width: 175px;
		margin: 0 auto;
	}
	.sp_footcopy{
		padding-top: 55px;
	}
	.sp_footer{
		margin-top: 30px;
	}
	.sp_copyright{
		margin-top: 30px;
		font-size: 12px;
	}
	.sns_ul_sp{
		width: 115px;
		margin: 0 auto;
	}
	.sns_li:first-child{
		padding-bottom:0;
	}
	.sns_li:nth-child(n+3){
		margin-top:0;
	}
	.sns_li:last-child{
		margin-right:0;
	}
	.service_ul .service_li{
		bottom: -50px;
		transition: 0.4s;
	}
	.philosophy_imgtext .philosophy_imgtext_li{
		bottom: -100px;
		transition: 0.4s;
	}
	.fade-block2 {
		transform: translateY(50px);
		transition: all 0.4s ease-in-out;
	}
	
	.default_page_inner{
		width:100%;
		width: calc(100% - 70px);
		margin: 0 35px;
		padding-top: 120px;
		margin-top: 0;
	}
	.default_page_title{
		font-size: 32px;
		line-height: 52px;
	}
	.default_page_text{
		margin-top:40px;
		font-size: 16px;
		line-height: 32px;
	}
	.default_page_text p{
		font-size: 16px;
		line-height: 32px;
	}
	
	.pagination{
		margin-top: 50px;
	}
	
	
	/* 20240731 追加ページあんど */
	.ando_dagashi_img{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-top:80px;
		padding-bottom: 0;
	}
	.ando_dagashi_img img + img{
		margin-top:10px;
	}
	.crowdfunding_name_list{
		flex-direction: column;
	}
	ul.crowdfunding_name_list_ul{
		width:100%;
		width: calc(100% - 1.5em);
	}
	.ando_dagashi_img:after{
		display:none;
	}
	
	.page-id-65 .service_s_box_wrap + .service_s_box_wrap{
		padding-top:0;
	}
	.page-id-65 .service_s_box_title{
		padding:0;
		width:200px;
	}
	
	
}


@media screen and (max-width: 500px) {
	.top_mainimg .pc_img{
		display: none;
	}
	.top_mainimg .sp_img{
		display: block;
	}
	
	
	
}


