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

.only-spmin{
	display: block;
}
.only-pc-tab{
	display: none;
}

.navbar{
    padding: 5px 0 0;
    height: 70px;
}
.navbar-brand-title{
	font-size: 3vw;
}

#whitepaper-btn{
	position:fixed; 
	right:auto; 
	top: auto;
	bottom: 10px;
	left: 0;
	z-index: 1000;
}

#top-main-slide{
	margin-top: 70px;
}

/*top*/
.star-icon,.king-icon{
	width: 50px;
}

p.page-service-note{
    margin-right: auto!important;
	margin-left: auto!important;
}

/*top news*/
.top-news_topics p {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: solid 1px #edebeb;
}
.top-news_topics p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/*page-select*/
.page-main-slide h1{
	font-size: 20px;
	top: 45px;
}
#select-maintext{
	font-size: 16px;
	padding: 50px 0px;
}
#select-maintext .star-icon{
	width: 50px;
}
#select-content{
	padding: 0 5px 70px;
}
#select-content h2{
	font-size: 22px;
}
#select-content h3{
	font-size: 20px;
}
#select-content p{
	margin-bottom: 40px;
}
#select-content .select-content-img01,
#select-content .select-content-img02{
	margin-bottom: 40px;
}

/* interview > index.html */
.interview_nav {
	margin: 50px auto;
	display: block;
	align-items: center;
	justify-content: space-between;
}
.interview_nav .btn_pagelink {
	width: 90%;
	height: 50px;
	margin: 0 auto 1em auto;
}
.interview {
	margin-top:-70px;
	padding-top:70px;
}
.interview .wrap900 {
	padding-right: 20px;
	padding-left: 20px;
}
#interview_client {
	margin-bottom: 60px;
}
.interview .sec_title {
	margin: 0 auto 30px auto;
	padding-top: 30px;
	font-size: 20px;
}
.interview .interview_box {
	display: block;
}
.interview .interview_box li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 50px;
}

/* interview_個別ページ */
.interview_titleBox {
	font-size: 16px;
	padding: 50px 20px;
}
.interview_titleBox h2 {
	font-size: 20px;
}
.interview_titleBox h4 {
	font-size: 18px;
	margin-bottom: 20px;
}
.interview_textBox {
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
}
.interview_textBox h3 {
	font-size: 130%;
	line-height: 1.5;
	position: relative;
	padding-left: 28px;
	margin-top: 48px;
	margin-bottom: 1em;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.interview_textBox h3:before {
	position: absolute;
	content: 'ー';
	top: 0;
	left: 0;
	display: block;
}
.interview_backbtn {
	text-align: center;
	margin: 60px 0 80px;
}
.interview_backbtn a {
	color: #000;
	border: solid 1px #000;
	border-radius: 35px;
	padding: 15px 40px;
}
.interview_backbtn a:hover {
	color: #077e80;
	border: solid 1px #077e80;
}
.interview_flexbox {
	display: block;
}
.interview_flexbox div {
	width: 100%;
}


/*page-movie*/
.movie-wrap{
	display: flex;
	flex-direction: column;
}
.movie-wrap .movie-wrap02{
	order: 2;
}
#movie-article{
	margin-bottom: 20px;
	padding: 0 20px;
}
#movie-article .movie-article-wrap{
	padding: 20px 0;
}
#movie-article .movie-article-thumbnail{
	width: 100px;
	margin-right: 10px;
}
#movie-article .movie-article-thumbnail img{
	width: 100px;
	height: 100px;
	object-fit: contain;
}
#movie-article .movie-article-title h3{
	font-size: 1rem;
}
#movie-article .movie-article-title a{
	padding: 10px 20px;
	font-size: 14px;
}
#movie-article .movie-article-wrap .movie-article-title p{
	font-size: 14px;
	margin-bottom: 10px;
}

/*page-news*/
.news-heading h1{
	text-align: center;
	margin-bottom: 20px;
}
.news-wrap{
	display: flex;
	flex-direction: column;
}
.news-wrap .news-wrap02{
	order: 2;
}

#news-article{
	margin-bottom: 20px;
}
#news-archive ul{
	font-size: 14px;
	padding: 20px 20px;
	margin: 0 20px 50px;
}
#news-archive ul li{
	width: 50%;
	padding: 5px 10px;
}
#news-article{
	padding: 0 20px;
}
#news-article .news-article-wrap{
	padding: 20px 0 10px;
}
#news-article .news-article-thumbnail{
	width: 100px;
	margin-right: 10px;
}
#news-article .news-article-thumbnail img{
	width: 100px;
	height: 100px;
	object-fit: contain;
}
#news-article .news-article-wrap .news-article-title p{
	font-size: 14px;
	margin-bottom: 10px;
}

#news-article-page{
	padding: 0 20px;
}
#news-article-page h3{
	margin-top: 30px;
}
#news-article-page b{
	font-size: 16px;
}
#news-article-page .news-article-page-title p{
    margin: 40px 0 20px;
    font-size: 14px;
}
#news-article-page .news-article-page-title h2{
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    padding-bottom: 20px;
}
#news-article-page .news-article-page-title h2 span{
	font-size: 14px;
}
#news-article-page .article-flex{
	flex-wrap: wrap;
}
#news-article-page .article-flex div{
	margin-right: 0;
}
#news-article-page .news-article-bggray{
	padding: 40px 25px;
}
#news-article-page .news-article-bggreen{
	padding: 40px 25px;
}
#news-article-page .JMRO{
	flex-direction: column;
}
#news-article-page .JMRO img{
	width: 100px;
	margin-right: 0;
	margin-bottom: 14px;
}
#news-article-page .JMROJMRO-text p{
	font-size: 18px;
	padding: 0 20px;
}

/*page-activity*/
#activity-maintext{
	padding: 50px 20px 40px;
}
#activity-maintext h2{
	font-size: 20px;
}
#activity-maintext p{
	font-size: 16px;
}
#activity-content h3{
	font-size: 24px;
	line-height: 1.4;
	margin: 20px 0;
}
#activity-content .row{
	margin-bottom: 30px;
}

/*serviceメイン*/
#service-maintext h2,#service-maintext p,#service-ieigen{
	padding-right: 20px;
	padding-left: 20px;
}
#service-maintext h2{
    font-size: 20px;
	text-align: left;
    margin: 30px 0 20px;
}
#service-maintext p{
	text-align:left;
	margin-bottom: 30px;
}
#service-maintext .service-maintext-tsunagooimg{
	padding: 0 20px;
}
#service-maintext .service-maintext-index{
	padding: 20px 20px 10px;
	margin: 0 20px;
}
#service-maintext .service-maintext-index ul{
	width: 100%;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#service-maintext .service-maintext-index li{
	width: 100%;
	padding-bottom: 0;
}
#service-maintext .service-maintext-index li:not(:first-child){
	margin-top: 10px;
}
#service-maintext .service-maintext-index p{
	padding: 0;
}


/*serviceテンプレ*/
#service-content-template .service-content-template-flex{
	flex-wrap: wrap;
}
#service-content-template .service-content-template-title{
	text-align: left;
    padding: 30px 20px 20px;
	margin: 40px 0 20px;
}
#service-content-template .service-content-template-title h3{
	font-size: 24px;
}
#service-content-template .service-content-template-title p{
	font-size: 14px;
}
p.page-service-note{text-align: right!important;}
#service-content-template .service-content-template-text{
	padding: 0 20px;
}
#service-content-template .service-content-template-text h4{
	font-size: 18px;
	margin-bottom: 10px;
}
#service-content-template .position-book02-mg{
	padding-left: 0;
}

#service-content-template .service-spec-box{
	padding: 20px 15px;
	margin-bottom: 40px;
}
#service-content-template .service-spec-box img{
	display: block;
	margin: 0 auto;
}
#service-content-template .mb0{
	margin-bottom: 0;
}
#service-content-template .service-spec-box p{
	margin-bottom: 20px!important;
}
#service-content-template .service-spec-box-flex,
#service-content-template .service-spec-box-flex-2box{
	flex-wrap: wrap;
}
#service-content-template .service-spec-box-flex-2box .service-spec-box-flex:nth-child(odd){
	margin-right: 0;
}
#service-content-template .service-spec-box-flex .flex-half{
	width: 100%;
	margin: 10px 0 0;
}
#service-content-template .service-spec-tag{
	margin-bottom: 20px;
}
.service-content-note p{
	padding: 0 20px;
}
.service-content-note .service-content-btn a{
    font-size: 4vw;
    padding: 20px 25px;
}

/* ↓ service アスカクラウド */
.cloud-maintext h2 {
	text-align: center!important;
}
.cloud-maintext img {
	padding: 0 20px;
}
.cloud-maintext h3 {
	font-size: 20px;
	padding: 0 20px;
	margin: 30px auto 20px auto;
}
.cloud-maintext .cloud-merit {
	width: 90%;
	margin: 0 auto;
}
.cloud-maintext .cloud-merit p {
	font-size: 20px;
	text-align: center!important;
}
.cloud-maintext .cloud-merit ul {
	padding: 20px;
	display: inline-grid;
}
.cloud-maintext .cloud-merit li {
	width: 100%;
}
.cloud-maintext .cloud-merit li:last-child span {
	margin-left: 2.5em;
}
/* アスカクラウド - 共通 */
#service-content-cloud {
	margin-bottom: 60px;
	padding: 0 20px;
}
#service-content-cloud h3{
	margin: 60px 0 24px 0;
	padding-bottom: 16px;
	font-size: 20px;
}
/* アスカクラウド - 主要サービス一覧 */
.service-content-cloud-list p {
	font-size: 14px;
}
.service-content-cloud-list img {
	max-width: 700px;
}
/* アスカクラウド - お客様の声 */
.service-content-cloud-voice .cloud-voice-flexbox {
	margin-bottom: 30px;
}
.service-content-cloud-voice .cloud-voice-flexbox:last-child {
	margin-bottom: 0;
}
.service-content-cloud-voice .cloud-voice-flexbox img {
	margin-right: 16px;
	width: 60px;
	height: 60px;
}
/* アスカクラウド - お問い合わせ */
.service-content-cloud-contact {
	padding: 0 20px;
}
.service-content-cloud-contact .wrap900 {
	padding: 30px 20px;
	margin-top: 0;
}
.service-content-cloud-contact h3 {
	margin-bottom: 30px;
	font-size: 24px;
}
.cloud-contact-flexbox {
	display: block;
}
.cloud-contact-flexbox p {
	margin-bottom: 5px;
}
.cloud-contact-flexbox .cloud-contact-tx1 {
	font-size: 24px;
}
.cloud-contact-flexbox .cloud-contact-tx1 span {
	font-size: 20px;
}
.cloud-contact-flexbox .cloud-contact-tx2 {
	font-size: 34px;
}
.cloud-contact-flexbox .cloud-contact-tx2 i {
	font-size: 18px;
	padding: 8px;
	margin-right: 8px;
}
.cloud-contact-flexbox .cloud-contact-tx3 {
	font-size: 13px;
}
.cloud-contact-flexbox .cloud-contact-btn {
	margin-top: 30px;
}
.cloud-contact-flexbox .cloud-contact-btn  a {
	width: 90%;
	margin: 0 auto 16px;
}
/* アスカクラウド - できること */
.service-content-cloud-detail .cloud-service-title img {
	width: 60px;
	margin-right: 16px;
}
.service-content-cloud-detail .cloud-service-title h4 {
	font-size: 16px;
}
.service-content-cloud-detail .cloud-service-title p {
	font-size: 14px;
}
.service-content-cloud-detail .accordion-box {
	padding: 30px 20px;
}
.service-content-cloud-detail .accordion-box h5 {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.service-content-cloud-detail .accordion-box p {
	font-size: 14px;
}
.service-content-cloud-detail .top-service-note {
	margin-bottom: 0!important;
}
/* アスカクラウド - できること - 遺影加工注文 */
.service-content-cloud-detail .accordion-ieikakoou p {
	margin-bottom: 20px;
}
/* アスカクラウド - できること - 葬庫 */
.service-content-cloud-detail .accordion-souko-box {
	display: block;
}
.service-content-cloud-detail .accordion-souko-L {
 margin-right: 0;
 margin-bottom: 20px;
}
.service-content-cloud-detail .accordion-souko-inner {
	margin-bottom: 20px;
}
.service-content-cloud-detail .accordion-souko-inner img {
	width: 60px;
	height: 60px;
	margin-right: 20px;
}
.service-content-cloud-detail .accordion-souko-R {
	width: 100%;
}
/* アスカクラウド - できること - 遺影バンク */
.service-content-cloud-detail .accordion-ieibank div {
	display:block;
}
.service-content-cloud-detail .accordion-ieibank img {
	width: 100%;
	margin-left: 0;
}
/* アスカクラウド - できること - フォトアシスト */
.service-content-cloud-detail .accordion-photoassist-imgbox {
	display: block;
	width: 100%;
	margin: 24px auto 0 auto;
	text-align: center;
}
.service-content-cloud-detail .accordion-photoassist-imgbox img {
	margin-bottom: 16px;
}
.service-content-cloud-detail p.accordion-photoassist-imgbox-p {
	text-align: center;
	margin-bottom: 40px;
}
.service-content-cloud-detail .accordion-photoassist-bg {
	padding: 30px 20px;
}
.service-content-cloud-detail .accordion-photoassist-flex {
	display: block;
}
.service-content-cloud-detail .accordion-photoassist-flex div {
	width: 100%;
	margin-bottom: 30px;
}
.service-content-cloud-detail .accordion-photoassist-flex div:last-child {
	margin-bottom: 0;
}
.service-content-cloud-detail .accordion-photoassist-flex div p {
	margin: 16px 0 0 0;
	width: 100%;
	font-size: 14px;
}
/* アスカクラウド - できること - 原版アップロード */
.service-content-cloud-detail .accordion-genban-bg {
	padding: 30px 20px;
	display: block;
}
.service-content-cloud-detail .accordion-genban-bg div {
	width: 100%;
}
.service-content-cloud-detail .accordion-genban-bg h5 {
	color: #CF6685;
	font-size: 15px;
	font-weight: bold;
	margin: 16px 0;
}
.service-content-cloud-detail .accordion-genban-bg div p {
	font-size: 14px;
	margin-bottom: 30px;
}
.service-content-cloud-detail .accordion-genban-bg div:last-child p {
	margin-bottom: 0;
}
/* アスカクラウド - 有料 */
.service-content-cloud-detail h3 span {
	font-size: 12px;
	padding: 5px 15px;
}
/* アスカクラウド - 有料 - coordination */
.cloud-coordination {
	margin-top: 60px;
}
.cloud-coordination .cloud-coordination-title {
	background-color: #8c80a8;
	color: #fff;
	font-size: 18px;
	padding: 16px 20px;
	margin-bottom: 0 !important;
	text-align: center;
}
.cloud-coordination .cloud-coordination-flexbox {
	padding: 20px 20px 30px 20px;
	display: block;
}
.cloud-coordination .cloud-coordination-txbox {
	width: 100%;
}
.cloud-coordination .cloud-coordination-tx1 {
	font-size: 20px;
	color: #8c80a8;
}
.cloud-coordination .cloud-coordination-flexbox img {
	width: 100%;
}
.cloud-coordination .cloud-coordination-flexbox li {
	width: 100%;
	margin-bottom: 16px;
}
.cloud-coordination .cloud-coordination-flexbox li:last-child {
	margin-bottom: 0;
}
/* ↑ end アスカクラウド */


#service-ieigen h3{
	font-size: 20px;
    line-height: 1.6;
}
#service-qrkaisou .service-content-bg{
    flex-wrap: wrap;
	padding: 30px 20px 50px;
	margin-bottom: 50px;
}
#service-qrkaisou .service-content-bg p{
	margin-right: 0;
}
.service-content-bg{
    padding: 10px 20px 20px;
}
#service-content-tsunagoo h2{
	font-size: 26px;
}
#service-content-tsunagoo .service-content-tsunagoo-wrap h3{
	font-size: 22px;
	margin: 30px 0 10px;
}
#service-content-tsunagoo .service-content-tsunagoo-wrap p{
	margin-right: 0;
}
.service-content-tsunagoo-note{
	padding: 0 20px;
}

.service-content-JMRO{
	flex-direction: column;
}
.service-content-JMRO img{
	width: 100px;
	margin-right: 0;
	margin-bottom: 14px;
}
.service-content-JMRO-text p{
	font-size: 18px;
	/* padding: 0 20px; */
}

#service-tsunagoo-bookkeeping{
	padding: 0 20px;
}
#service-tsunagoo-bookkeeping .tsunagoo-new{
	margin-bottom: 20px;
}
#service-tsunagoo-bookkeeping .tsunagoo-new h2{
	font-size: 20px;
    line-height: 1.4;
}
#service-tsunagoo-bookkeeping .tsunagoo-new span{
	font-size: 14px;
	padding: 5px 10px;
}
#service-tsunagoo-bookkeeping .tsunagoo-point h2{
	font-size: 24px;
}
#service-tsunagoo-bookkeeping .tsunagoo-point h3{
    font-size: 20px;
    line-height: 1.4;
	padding-left: 10px;
    margin-top: 30px;
}


/*service omokage*/
#service-content-omokage .service-content-omokage-wrap{
	display: block;
}
#service-content-omokage .service-content-omokage-wrap img{
	margin-top: 0;
}


/*service 遺影バンク*/
#service-content-ieibanklab .service-content-bg{
	padding: 40px 5px 10px;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap{
	flex-wrap: wrap;
	margin-bottom: 40px;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#service-content-ieibanklab .service-content-ieibanklab-wrap img{
	margin-bottom: 20px;
}
#service-content-ieibanklab .ieibanklab-wrap-reverse{
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/*service サイネージ*/
#service-content-template .service-signage-img05{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
}
#service-content-template .service-signage-voice .service-content-bg{
	padding: 50px 20px;
	margin: 10px auto;
}

/*service 遺影写真*/
.service-portrait02{
	padding: 0 20px;
	margin-bottom: 40px;
}
#service-content-template .service-portrait06{
	margin-left: 0;
	margin-bottom: 50px;
}
#service-content-template .service-portrait03,
#service-content-template .service-portrait04,
#service-content-template .service-portrait05{
	margin-top: -20px;
}

/*service 遺影額フレーム*/
#service-content-template .position-frame{
    position: static;
    display: block;
    margin: 10px auto;
}
#service-content-template #frame02 .service-content-template-title{
	margin-bottom: 50px;
}
#service-content-template .frame-mainiei{
	width: 100%;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-bottom: solid 1px #cecece;
	padding-bottom: 10px;
	margin-top: 20px;
}
#service-content-template .frame-mainiei h5{
	font-size: 16px;
    margin: 0 0 10px;
}
#service-content-template .frame-mainiei p{
	font-size: 14px;
}
#service-content-template .frame-mainiei img{
	width: 104px;
	margin-right: 20px;
}
#service-content-template .service-frame10{
    margin: -20px 0 40px;
}
#service-content-template .service-frame16,
#service-content-template .service-frame17{
	margin-top: -30px;
}
#service-content-template .service-frame18,
#service-content-template .service-frame19,
#service-content-template .service-frame20{
	display: block;
	margin: -30px auto 30px;
}
#service-content-template .service-frame22{
    display: block;
    margin: -40px auto 40px;
}

/*service パネル*/
#service-content-template .service-eframe-stand{
	text-align: center;
}
#service-content-template .service-eframe-stand p{
	margin-bottom: 20px;
}
#service-content-template .service-eframe15{
	margin: -30px auto 40px;
}

/*service メモリアルビデオ*/
#service-content-template .video-table .video-table-wrap{
	flex-wrap: wrap;
}
#service-content-template .video-table .video-table-wrap p{
	padding: 10px 0;
}
#service-content-template .video-table .video-table-wrap p:not(:first-child){
	border-top: solid 1px #808080;
	border-left: none;
}
#service-content-template .video-sample video{
	max-width: 100%;
}
#service-content-template .video-sample .service-content-template-flex{
	margin-bottom: 20px;
}
#service-content-template .video-sample .service-content-template-flex div{
	margin-left: 0;
}

/*contact*/
#top-main-slide .contact-heading,
#contact-page,
#contact-page-bottom{
	padding-right: 20px;
	padding-left: 20px;
}
#top-main-slide .contact-heading{
	margin-bottom: 40px;
}
#top-main-slide .contact-heading h1{
	font-size: 32px;
	margin: 100px 0 30px;
}
#top-main-slide .contact-heading p{
	text-align: left;
}
#top-main-slide .contact-heading .contact-heading-note{
	font-size: 18px;
}
#contact-page .contact-page-note{
	text-align: left;
	margin-bottom: 30px;
}
#contact-page table th,
#contact-page table td{
	width: 100%;
	display: block;
}
#contact-page table th{
    padding-top: 20px;}
#contact-page-bottom p{
	text-align: left;
}
#contact-tel{
	padding: 40px 20px;
}
#contact-tel .formbtn{
	width: 100%;
	font-size: 18px;
}
.tel-number a{
	color: #fff!important;
}

.inquiry table th{
	font-size: 14px;
}

/*whitepaper*/
.wp-download-catalog {
	display: block;
	margin-bottom: 70px;
}
.wp-download-catalog img {
	margin: 0 auto 10px auto;
}

.wp-download-tab {
	display: block;
}
.wp-download-tab li {
	width: 100%;
}
.wp-download-tab li:first-child {
	border-right: none;
	border-bottom: 1px solid #ccc;
}
.wp-download-ul li:last-child {
	margin-bottom: 60px;
}
.wp-download-ul li img{
	float: none;
	margin: 0 auto 20px auto;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}
.wp-download-ul li h3{
	padding-right: 20px;
	padding-left: 20px;
	font-size: 16px;	
}
.wp-download-tag {
	padding: 0 20px;
}
.wp-download-btn {
	width: 80%;
	margin: 25px auto 0px auto;
}
.wp-download-servicebtn {
	border-radius: 40px;
	padding-left: 0;
	font-size: 14px;
}
.wp-contents-inner{
   margin-top:-104px!important;
   padding-top:104px;
}
#service-maintext h2.sp-center {
	text-align: center;
}


/*footer*/
.footer-logo{
	width: 200px;
}
.footer-menu .footer-pmark{
	bottom: 110px;
}
.footer-lead {
	margin-bottom: 30px;
	padding: 0 20px;
}

@media print, screen and (max-width: 321px) {
	.footer-menu .footer-pmark{
		bottom: 130px;
	}
}

/*slide*/
.carousel-indicators{
	bottom: -7px;
}