/*
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 4.4
Tested up to: 6.7
Requires at least: 3.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
	list-style:none;
}


ul.flex,.flex{
	display:-webkit-box;
	display:-ms-box;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

table{
	border-collapse: collapse; 
	border-spacing:0;
	width:100%;
}

caption {
	text-align: left;
}

a:focus {
	outline:none;
}

.clear:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .clear {
	height: 1px;
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
*{
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
body {
	overflow:hidden;
	background:#fff;
}
b{font-weight:bold;}
img{
	width: 100%;
	display: block;
	height: auto;
}
.grecaptcha-badge {
    position: absolute;
    z-index: -100;
    visibility: hidden;
}
.wpcf7 form .wpcf7-response-output {
    border: none!important;
}
section[class^="index_"]{
}

section a, section span, section b, section strong {
	font-size:100%;
}
.mt10 {margin-top:10%!important;}
.mt8 {margin-top:8%!important;}
.mt5 {margin-top:5%!important;}
.mt3 {margin-top:3%!important;}
.mt0 {margin-top:0%!important;}
.mb0 {margin-bottom:0%!important;}
.mb3 {margin-bottom:3%!important;}
.mb5 {margin-bottom:5%!important;}
.mb8 {margin-bottom:8%!important;}
.mb10 {margin-bottom:10%!important;}

div.float {
    margin: 3% auto;
}
.float p.floatr {
    float: right;
    margin: 0 0 10px 3%;
    width: 47%;
}
.float p.floatl {
    float: left;
    margin: 0 3% 10px 0;
    width: 47%;
}

span.ib {
	display:inline-block!important;
}
span.bu {
	border-bottom:1px solid;
	font-weight:500;
	font-size:100%;
}
span.bo {
	font-size:100%;
	font-weight:600;
}
span.bbig{
	font-weight:bold!important;
	font-size:120%!important;
}
span.yb {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #FFFAC6));
    background: -o-linear-gradient(transparent 60%, #FFFAC6 0%);
    background: linear-gradient(transparent 60%, #FFFAC6 0%);
}


@-webkit-keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
@-webkit-keyframes fadeinrl {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes fadeinrl {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@-webkit-keyframes fadeinlr {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes fadeinlr {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@-webkit-keyframes fadeinbt {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes fadeinbt {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@-webkit-keyframes fadeintb {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes fadeintb {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

.fadein{
	opacity:0;
	-webkit-transition : all 3s;
	-o-transition : all 3s;
	transition : all 3s;
}
.downup .fadein {
	opacity : 0;
	-webkit-transform : translate(0, 50px);
	    -ms-transform : translate(0, 50px);
	        transform : translate(0, 50px);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.updown .fadein {
	opacity : 0;
	-webkit-transform : translate(0, -50px);
	    -ms-transform : translate(0, -50px);
	        transform : translate(0, -50px);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.fadeinrl .fadein {
	opacity : 0;
	-webkit-transform : translate(80px, 0);
	    -ms-transform : translate(80px, 0);
	        transform : translate(80px, 0);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.fadeinlr .fadein {
	opacity : 0;
	-webkit-transform : translate(-80px, 0);
	    -ms-transform : translate(-80px, 0);
	        transform : translate(-80px, 0);
	-webkit-transition : all 800ms;
	-o-transition : all 800ms;
	transition : all 800ms;
}
.fadein.scrollin {
	opacity : 1;
	-webkit-transform : translate(0, 0);
	    -ms-transform : translate(0, 0);
	        transform : translate(0, 0);
}

ul[class^="col2_"] > li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 3%;
}
ul[class^="col3_"] > li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 3%;
}
ul[class^="col2_"] > li:nth-child(even), ul[class^="col3_"] > li:nth-child(3n){
    margin-right: 0;
}

/*------------------------------------*\
    ヘッダー＆フッダー00
\*------------------------------------*/





/*------------------------------------*\
    トップページ00
\*------------------------------------*/





/*------------------------------------*\
    アーカイブ00
\*------------------------------------*/





/*------------------------------------*\
    下層ページ00
\*------------------------------------*/
.list-service li>p {
	display:none;
}
.img_col3 {
	display:flex;
	justify-content: space-between;
}
.img_col3 p {
	width:30%;
}
.img_col3 p>img {
	width:100%;
	object-fit:contain;
}

/*---------
 * フォーム
 * -------------*/
.form_table th {
	width:30%;
	text-align:left;
	padding-right:20px;
	padding-top:5px;
	vertical-align:top;
}
.form_table th>p {
	display:flex;
	justify-content: space-between;
}
.form_table th>p span.required {
	margin-left: 10px;
    padding: 3px 10px;
    font-size: 12px;
    color: white;
    line-height: 1;
    text-align: center;
    background-color: #131e3f;
}
.form_table td {
	padding:0 0 20px;
}
.form_table td input[type="text"],
.form_table td input[type="tel"],
.form_table td input[type="email"],
.form_table td textarea {
	padding:10px;
	width:100%;
	color:#000 !important;
}
.acceptance_txt {
	text-align:center;
	font-size:18px;
}
.acceptance_txt input[type="checkbox"] {
	width:20px;
	height:20px;
	vertical-align: middle;
}
.form_btn {
	width:fit-content;
	margin: 0 auto;
	margin-top: 50px;
}
.form_btn p {
	width: 230px;
    max-width: 80%;
    height: 50px;
	margin:30px;
}
.form_btn p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #131e3f;
    border-radius: 60px;
    background-color: white;
    position: relative;
	transition: 0.4s ease;
}
.form_btn p::after {
    content: "";
    width: 22px;
    height: 8px;
    display: inline-block;
    margin: auto;
    background-image: url(http://fujii-cpa-office.com/wp-content/uploads/2025/06/morebtn_bk.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
}
.form_btn p:hover {
    color: white;
    background-color: #131e3f;
    opacity: 1;
    cursor: pointer;
}
.form_btn p:hover::after {
    background-image: url(http://fujii-cpa-office.com/wp-content/uploads/2025/06/morebtn_wh.png);
}
.form_btn p  input[type="submit"] {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 600;
    color: #131e3f;
    border: none;
    background-color: unset;
    position: relative;
}
.form_btn p:hover input[type="submit"] {
    color: #fff;
}
.wpcf7-spinner {
	display:none;
}
form.sent p {
  display: none;
}



@media screen and (max-width: 1000px) {
.width {
	width:90%;
}

/*------------------------------------*\
    ヘッダー＆フッダー100
\*------------------------------------*/





/*------------------------------------*\
    トップページ1000
\*------------------------------------*/





/*------------------------------------*\
    アーカイブ1000
\*------------------------------------*/





/*------------------------------------*\
    下層ページ1000
\*------------------------------------*/

}





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

.float p.floatr,.float p.floatl {
	float:unset;
	width:100%;
	margin:0 auto 10px;
}



/*------------------------------------*\
    ヘッダー＆フッダー700
\*------------------------------------*/





/*------------------------------------*\
    トップページ700
\*------------------------------------*/





/*------------------------------------*\
    アーカイブ700
\*------------------------------------*/





/*------------------------------------*\
    下層ページ700
\*------------------------------------*/
/*-----------
 * フォーム
 * ---------------*/
	.form_table th,
	.form_table td {
		display:block;
		width:100%;
	}
	.form_table th>p {
		justify-content:unset;
		margin-bottom:10px;
	}
	.acceptance_txt {
		font-size:16px;
	}
}