/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/* Breadcrumbs */
.yoast-breadcrumbs{
	background-color: #FFF5D5;
}
.yoast-breadcrumbs > *{
	display: block;
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (min-width: 690px){
	.yoast-breadcrumbs > *{
		width: calc( 100vw - 100px );
	}
}

/* Header Title */
.entry-header{
	padding-top: 30px;
	padding-bottom: 30px;
}
[class*="header-outer"]{
	height: 200px;
}
[class*="header-outer"] > div{
	width: 90vw;
	max-width: 900px;
	overflow: hidden;
}
[class*="header-outer"] > div > .entry-header{
	padding-top: 80px;
	padding-bottom: 80px;
}

@media screen and (min-width: 690px){
	.entry-header{
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	[class*="header-outer"]{
		height: 280px;
	}
	[class*="header-outer"] > div > .entry-header{
		padding-top: 125px;
		padding-bottom: 125px;
	}
}

/* Page Contents */
.page-container{
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 690px){
    .page-container{
		max-width: 900px;
	}
}

@media screen and (min-width: 1000px){
    .page-container{
		width: 100%;
	}
}

.content-inner{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
a.text-link,
a.text-link:link,
a.text-link:visited{
    color: #1a73e8;
    text-decoration: underline;
}
a.text-link:hover,
a.text-link:active{
    text-decoration: none;
}

.massive{
	font-family: "G2サンセリフ-B"!important;
    color: #FF4600;
    font-size: 24px;
    margin-bottom: 20px;
}
.large{
	font-family: "UD新ゴ M"!important;
    margin-bottom: 20px;
}

@media screen and (min-width: 690px){
    .massive{
        font-size: 36px;
        text-align: center;
    }
    .large{
	    font-size: 21px;
        text-align: center;
    }
}
.attention{
    color: #FF4600;
}
.notes{
	font-family: "UD新ゴ M"!important;
}
.border-thin-black{
	border: #707070 1px solid;
	padding: 20px;
}
.border-thin-black strong{
    color: #222;
}
.whitebox,
.coloredbox{
	border: #222 3px solid;
    border-radius: 20px;
    padding: 25px 20px;
    margin: 50px 0;
}
.coloredbox{
    background-color: #FFF5D5;
}
.coloredbox h4{
    color: #FF4600;
    text-align: left;
}
.coloredbox p:last-of-type{
    margin-bottom: 0;
}
.coloredbox .btn a{
    margin-top: 25px;
    margin-bottom: 25px;
}

@media screen and (min-width: 690px){
    .whitebox,
    .coloredbox{
        padding: 50px;
        margin-bottom: 100px;
    }
    .coloredbox .btn a{
        margin-top: 50px;
    }
}

/* Banner Area */
@media screen and (min-width: 690px){
	.bn-proofreading-area{
		background-color: #FFDE70;
		padding: 50px 0;
	}
    .bn-proofreading-area > *{
        border-radius: 20px;
        box-shadow: 10px 10px 10px rgba(0,0,0, .15);
    }
	.bn-chat-area{
		background-color: #FFF5D5;
		padding: 50px 0;
	}
}

/*--------------------------------------------------------------
# Works / Category
--------------------------------------------------------------*/
@media screen and (min-width: 690px){
    .archive .entry-header,
    .category .entry-header,
    .single .entry-header{
        max-width: 1200px;
    }
}

[data-archive="default"][data-layout="simple"] > article{
    border: #707070 1px solid;
}
[data-archive="default"] .entry-card h2.entry-title{
    font-size: 21px;
}
.entry-meta li.meta-categories{
    border: #FF4600 1px solid;
    padding: 5px 10px;
}
.entry-meta li.meta-categories a{
    color: #FF4600;
}
[data-archive="default"][data-layout="simple"] > article:not(:last-child){
    margin-bottom: var(--grid-columns-gap, 50px);
}

@media screen and (min-width: 690px){
    [data-archive="default"] .entry-card h2.entry-title{
        text-align: left;
    }
}

/*--------------------------------------------------------------
# Single Page
--------------------------------------------------------------*/
/* Widget */
.ct-widget .wp-block-group{
    border: #707070 1px solid;
    padding: 20px;
}
.ct-widget h2{
    font-size: 16px;
    font-family: "UD新ゴ M"!important;
	color: #FF4600;
    border-bottom: #FF4600 3px solid;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.ct-widget .wp-block-group ul li{
    margin-bottom: 10px;
}
.ct-widget .wp-block-group a,
.ct-widget .wp-block-group a:link,
.ct-widget .wp-block-group a:visited{
    color: var(--theme-link-initial-color);
}
.ct-widget .wp-block-group a:hover,
.ct-widget .wp-block-group a:active{
    color: var(--theme-link-hover-color);
    text-decoration: underline;
}
.ct-widget .wp-block-group .wp-block-media-text__content{
    padding-left: 20px;
}
.ct-widget .wp-block-image{
    border: #707070 1px solid;
}

@media screen and (min-width: 690px){
    .ct-widget .wp-block-group{
        padding: 35px 50px;
    }
    .ct-widget h2{
        font-size: 21px;
        text-align: left;
    }
}

@media screen and (min-width: 1000px){
    .ct-widget .wp-block-group{
        padding: 20px;
    }
    [data-prefix="single_blog_post"] [class*="ct-container"] > article[class*="post"]{
        border: #707070 1px solid;
        padding: 20px;
    }
}

@media screen and (min-width: 1440px){
    .ct-widget .wp-block-group{
        padding: 35px 50px;
    }
    .ct-widget .wp-block-group .has-small-font-size{
        white-space: nowrap;
    }
    [data-prefix="single_blog_post"] [class*="ct-container"] > article[class*="post"]{
        padding: 50px;
    }
}

.single .entry-content h2.wp-block-heading{
    border-top: #FF4600 3px solid;
    border-bottom: #FF4600 3px solid;
    font-size: 21px;
    color: #FF4600;
    text-align: center;
    padding: 20px 0;
    margin: 25px 0;
}
.single .entry-content h3.wp-block-heading{
    font-size: 16px;
    color: #FF4600;
}

@media screen and (min-width: 690px) {
  .single .entry-content h2.wp-block-heading{
    font-size: 24px;
    margin: 50px 0;
  }
  .single .entry-content h3.wp-block-heading{
    font-size: 21px;
    text-align: left;
  }
}

/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.service-header-outer{
    background: url(../images/contents/service-header-sm.jpg) no-repeat top center / auto 100%;
}

@media screen and (min-width: 690px){
    .service-header-outer{
        background: url(../images/contents/service-header-md.jpg) no-repeat top center / auto 100%;
    }
}

/*--------------------------------------------------------------
# Voice
--------------------------------------------------------------*/
.voice-header-outer{
    background: url(../images/contents/voice-header-sm.jpg) no-repeat top center / auto 100%;
}

@media screen and (min-width: 690px){
    .voice-header-outer{
        background: url(../images/contents/voice-header-md.jpg) no-repeat top center / auto 100%;
    }
}

.voc.content-inner h2,
.voc.content-inner h3{
    color: #FF4600;
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
}
.voc-reporter{
    margin-top: 50px;
    margin-bottom: 50px;
}
.voc-reporter p:first-of-type{
    width: 70%;
    font-size: 12px;
}
.voc-int{
    font-family: "UD新ゴ M"!important;
}
.voc-sub{
    padding-left: 20px;
}
.voc-image,
.voc-caption{
    padding: 0 20px; 
}
.voc-table.wp-block-table{
    margin-left: 40%;
    margin-bottom: 10px;
}
.voc-table.wp-block-table td{
    vertical-align: top;
    padding: 0;
}
.voc-table.wp-block-table td:first-of-type{
    font-family: "UD新ゴ M"!important;
    width: 25%;
}

@media screen and (min-width: 690px){
    .voc.content-inner h2,
    .voc.content-inner h3{
        font-size: 21px;
        margin-bottom: 50px;
    }
    .voc-reporter{
        max-width: 480px;
        align-items: flex-end;
        margin-right: 0!important;
    }
    .voc-caption{
        text-align: center;
    }
    .voc-sub.wp-block-media-text,
    .voc-sub .wp-block-media-text__content{
        align-self: start !important;
    }
    .voc-table.wp-block-table{
        margin-left: 0;
    }
}

@media screen and (min-width: 1000px){
    .voc-reporter{
        margin-bottom: 100px;
    }
    .voc-sub{
        padding-left: 50px;
    }
}

/*--------------------------------------------------------------
# Type
--------------------------------------------------------------*/
.type-header-outer{
    background: url(../images/contents/type-header-sm.jpg) no-repeat top center / auto 100%;
}

@media screen and (min-width: 690px){
    .type-header-outer{
        background: url(../images/contents/type-header-md.jpg) no-repeat top center / auto 100%;
    }
}

.thumb-image{
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
}
.magnify-icon{
    margin-top: -10px;
    padding-right: 25px;
    position: relative;
}
.magnify-icon::after{
    content: "search";
    font-family: "Material Symbols Outlined";
    font-size: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 690px){
    .thumb-image{
        max-width: 425px;
    }
    .magnify-icon{
        font-size: 21px;
        padding-right: 36px;
    }
    .magnify-icon::after{
        font-size: 32px;
    }
}

/*--------------------------------------------------------------
# Strengths
--------------------------------------------------------------*/
.strengths-header-outer{
    background: url(../images/contents/strengths-header-sm.jpg) no-repeat top center / auto 100%;
}

@media screen and (min-width: 690px){
    .strengths-header-outer{
        background: url(../images/contents/strengths-header-md.jpg) no-repeat top center / auto 100%;
    }
}

/*--------------------------------------------------------------
# Proofreading
--------------------------------------------------------------*/
.proofreading-header-outer{
    background: url(../images/contents/proofreading-header-sm.jpg) no-repeat top center / auto 100%;
}

@media screen and (min-width: 690px){
    .proofreading-header-outer{
        background: url(../images/contents/proofreading-header-md.jpg) no-repeat top center / auto 100%;
    }
}

/*--------------------------------------------------------------
# Howto
--------------------------------------------------------------*/
.howto-header-outer{
   background: url(../images/contents/howto-header-sm.jpg) no-repeat top center / auto 100%;
}

@media screen and (min-width: 690px){
    .howto-header-outer{
        background: url(../images/contents/howto-header-md.jpg) no-repeat top center / auto 100%;
    }
}

.howto-message{
    margin-top: 50px;
}
.howto-message-dtl{
    margin-bottom: 50px;
}

@media screen and (min-width: 690px){
    .howto-message.flexbox{
        flex-direction: column;
    }
    .howto-message .company-pres{
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 1000px){
    .howto-message.flexbox{
        flex-direction: row;
    }
    .howto-message-dtl{
        width: 70%;
        margin-bottom: 0;
    }
    .howto-message .company-pres{
        width: 30%;
  }
}

/*--------------------------------------------------------------
# Guide
--------------------------------------------------------------*/
.guide-flow .whitebox{
    position: relative;
    margin-top: 0;
}
.guide-flow .whitebox::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 35px solid #222;
}
.guide-flow .whitebox:last-child::after{
    display: none;
}
.guide-ttl{
    text-align: center;
}
.guide-ttl img{
    margin-top: 25px;
    margin-bottom: 15px;
}
.guide-ttl p{
    font-family: "UD新ゴ M"!important;
    font-size: 21px;
    color: #FF4600;
}
.guide-dtl{
    width: 100%;
}
.guide-dtl span{
    display: block;
}
.guide-dtl .block-end{
    margin-top: 20px;
    margin-bottom: 0;
}
.colored{
    background-color: #FFF5D5;
    padding: 10px 20px;
    margin-top: 20px;
}
.colored p{
    margin-top: 1.5em;
}
.guide-tel.colored{
    background-color: transparent;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.guide-photo{
    text-align: center;
    margin-bottom: 50px;
}

@media screen and (min-width: 690px){
    .guide-ttl{
        width: 35%;
        max-width: 230px;
        padding-right: 50px;
    }
    .guide-ttl img{
        margin-top: 0;
    }
    .guide-dtl span{
        display: inline-block;
    }
    .guide-tel.colored{
        background-color: #FFF5D5;
        max-width: 100%;
        margin-left: 0;
    }
    .guide-tel.colored a.text-link{
        color: #222;
        text-decoration: none;
    }
    .colored span{
        margin-right: 20px;
    }
    .colored span:last-of-type{
        margin-left: 0;
    }
    .bank-dtl{
        display: inline-flex;
        margin-left: 50px;
    }
    .bank-dtl p{
        margin-left: 20px;
        margin-right: 20px;
    }
}

/*--------------------------------------------------------------
# Q and A
--------------------------------------------------------------*/
.wp-block-accordion{
    border-top: #000 3px solid;
    margin-bottom: 0;
}
.wp-block-accordion:last-child{
    border-bottom: #000 3px solid;
}
.wp-block-accordion h3{
    font-family: "UD新ゴ M"!important;
    text-align: left;
    margin-bottom: 0;
}
.wp-block-accordion-heading__toggle-title{
    font-size: 16px;
    padding: 1em 0;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
    text-decoration: none;
}
.wp-block-accordion-panel{
    background-color: #FFF5D5;
    padding: 20px;
}
:root :where(.is-layout-flow) > .wp-block-accordion-panel{
    margin-block-end: 20px;
    margin-right: 20px;
}
.wp-block-accordion .border-thin-black p > a{
    display: block;
    margin-bottom: 10px;
}

@media screen and (min-width: 690px){
    .wp-block-accordion .border-thin-black p > a{
        display: inline-block;
        margin-left: 20px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1000px){
    .wp-block-accordion-heading__toggle-title,
    .wp-block-accordion-panel{
        margin-left: auto;
        margin-right: auto;
    }
    :root :where(.is-layout-flow) > .wp-block-accordion-panel{
        margin-left: 50px;
    }
    .wp-block-accordion-heading__toggle-title{
        max-width: 1000px;
    }
    .wp-block-accordion-panel{
        max-width: 1050px;
        padding: 20px 50px;
    }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.border-orange{
    border: #FF4600 10px solid;
    border-radius: 20px;
    margin-bottom: 50px;
}
.required{
    color: #FF4600;
}
form > div.form-inner{
    padding: 25px 20px;
}
form > div.spec-area{
    padding: 25px 20px;
    background: #FFF5D5;
}
form > p{
    padding: 0 20px;
}
form a{
    text-decoration: underline;
}
form [class*="wpcf7-form"]{
    font-family: "UD新ゴ R";
}
select,
textarea,
input[type]{
    background-color: #FFF;
    border-radius: 10px
}
textarea::placeholder,
input[type]::placeholder{
    color: #ccc;
}
input[type="submit"]{
    display: block;
    width: 100%;
    float: none !important;
    background-color:#FF4600;
    border-radius: 999px;
    font-size: 21px;
    margin-left: auto;
    margin-right: auto;
    font-family: "UD新ゴ M";
}
.form-submit{
    display: block;
    position: relative;
}
.form-submit::after{
    content: "arrow_forward";
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    color: #FFF;
    position: absolute;
    right: 20px;
    top: 7px;
}
.wpcf7-not-valid-tip{
    text-align: left;
    color: #FF4600;
}

@media screen and (min-width: 690px){
    form > div.form-inner{
        padding: 50px;
    }
    form > div.spec-area{
        padding: 50px;
    }
    form > p{
        padding: 0 50px;
    }
    .form-description{
        font-family: "UD新ゴ M"!important;
        text-align: center;
        margin-bottom: 50px;
    }
    .form-acceptance{
        text-align: center;
    }
    input[type="submit"]{
        max-width: 800px;
        margin-bottom: 25px;
        font-size: 24px;
        padding: 20px 0;
    }
    .form-submit::after{
        font-size: 32px;
        right: 35px;
        top: 15px;
    }
}

@media screen and (min-width: 1000px){
    .form-description{
        margin-top: 50px;
    }
    form > div.form-inner > p{
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*--------------------------------------------------------------
# Company / Law
--------------------------------------------------------------*/
.wp-block-group.flexbox{
	margin-block-end: 0;
}
.dtl-ttl{
	font-family: "UD新ゴ M"!important;
	color: #FF4600;
	border-bottom: #FF4600 1px solid;
	padding-top: 10px;
}
.dtl-con{
	border-bottom: #707070 1px solid;
	width: 70%;
}

@media screen and (min-width: 690px){
	.dtl-ttl,
	.dtl-con{
		padding: 20px 0;
	}
	.dtl-ttl{
		width: 30%;
		margin-bottom: 0;
	}
}

.company .flexbox:last-of-type .dtl-ttl,
.company .flexbox:last-of-type .dtl-con{
	border-bottom: 0;
}

/*--------------------------------------------------------------
# GDPR / Privacy
--------------------------------------------------------------*/
.gdpr h2,
.gdpr h3,
.privacy h2,
.privacy h3{
	font-family: "UD新ゴ M"!important;
}
.gdpr h2,
.privacy h2{
	font-size: 21px;
}

@media screen and (min-width: 690px){
	.gdpr h2,
	.gdpr h3,
	.gdpr h4,
	.privacy h2,
	.privacy h3,
	.privacy h4{
		text-align: left;
	}
	.gdpr h2,
	.privacy h2{
		font-size: 24px;
	}
}

.indent{
	padding-left: 20px;
}

@media screen and (min-width: 690px){
	.indent{
		padding-left: 50px;
	}
}