/*
Theme Name: Twenty Seventeen child
Template:   twentyseventeen
Version: 1.1
*/



html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height:1.8;
	font-size:16px;
}


.SPnone{display:none;}
.PCnone{display:block;}


	

@media screen and (min-width: 48em){
	
.SPnone{display:block;}
.PCnone{display:none;}


.page-two-column .panel-content .entry-content {
    float: none;
    width: 100%;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments{
  float: none;
    width: 100%;
}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
    top: 300px;
    display: block;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%;
}

.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 435px;
}


	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 667px;
		/*height: 100vh;*/
		max-height: 100%;
		overflow: hidden;
	}



.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
    height: 667px;

}

.site-navigation-fixed.navigation-top {
    bottom: auto;
    position: relative;
    left: 0;
    right: 0;
    /* top: 0; */
    width: 100%;
    z-index: 7;
}

.admin-bar .site-navigation-fixed.navigation-top {
    top: 0;
}

.wrap {
    max-width: 100%;
    padding-left: 0em;
    padding-right: 0em;
}

.panel-content .wrap {
    padding-bottom: 4.5em;
     padding-top: 0em; 
}

.site-content {
    padding: 0em 0 0;
}

.inside{
	padding-left:3em;
	padding-right:3em;
}

.line{
	width:120px;
	height:4px;
	background:#01538d;
	margin:45px 0px;
}



.top_bg1{
	clear:both;
	background-image:url(images/top_bg1.jpg);
	background-repeat:no-repeat;
	margin:40px 0px;
}

.top_bg1 .inside{
	padding-left:380px;
	padding-right:3em;
	padding-top:3em;
	padding-bottom:2em;
}


.site-info {
    float: none;
    padding: 0.7em 0 0;
    width: 100%;
	text-align:center;
	
}

.method_bg{
	clear:both;
	margin:60px 0px;
	background-image:url(images/method_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:2em;
	
}

.method_bg .inside{
	padding-right:400px;
	padding-left:3em;
	padding-bottom:2em;
}

.single-featured-image-header {
     margin-bottom:40px;
}

.single-featured-image-header img{
	width:100%;
}

h3{
	font-size:32px;
	line-height:1.4;
	display:inline-block;
}


/*---------------------------------
               font
---------------------------------*/
.fnt10{font-size:63%}
.fnt11{font-size:69%}
.fnt12{font-size:75%}
.fnt13{font-size:82%}
.fnt14{font-size:89%}
.fnt16{font-size:100%}
.fnt18{font-size:112%}
.fnt20{font-size:125%}
.fnt22{font-size:138%}
.fnt24{font-size:150%}
.fnt26{font-size:163%}
.fnt28{font-size:175%}
.fnt30{font-size:188%}
.fnt32{font-size:200%}
.fnt34{font-size:212%}
.fnt36{font-size:225%}

}


@media screen and (min-width: 30em){
.page-one-column .panel-content .wrap {
    max-width: 100%;
	
}


}




.navigation-top .wrap {
    max-width: 100%;
    padding-left:3em;
	padding-right:3em;
}

.site-footer .wrap {
    padding-bottom: 1.5em;
    padding-top: 2em;
	background:#eeeded;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.single-featured-image-header {
     background-color: none;
    border-bottom: none;
}

.line{
	width:120px;
	height:4px;
	background:#01538d;
	margin:20px 0px 45px;
}


/* ---------------------------------------------------------
floatクリア
--------------------------------------------------------- */

span.clear {
     height: 1px;
     margin: 0;
     padding: 0;
     font-size: 1px;
     line-height: 1px;
     display: block;
     clear: both;
}
.clear {
     height: 1px;
     margin: 0;
     padding: 0;
     font-size: 1px;
     line-height: 1px;
     display: block;
     clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

/*---------------------------------
               font
---------------------------------*/

.fnt32{font-size:175%}



.bold{font-weight:bold;}
.under{border-bottom:1px solid;}
.italic{font-style:italic;}
.mark{background:#ffff00}

.sukima{line-height:0}
.hissu{font-size:10px;font-weight:normal;color:#ff0000}

.fbig{font-size:163%;line-height:1.4;font-weight:bold;}


.blue{color:#01538d;}

.bg_gray{background:#f8fafa;}

.u{text-decoration:underline;}

.required{
	background:#cc0000;
	color:#fff;
	padding:2px 6px;
	font-size:90%;
	font-weight:none;
	margin-left:10px;
}

/*----------------------------------
               margin
----------------------------------*/
.mt0{margin-top:0px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.mb0{margin-bottom:0px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}

.mr0{margin-right:0px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}

.ml0{margin-left:0px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}

.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

html[lang="ja"] .ft_melma input{

font-size:12px !important;

}
.ft_melma{
		display:block;
		width:100%;
		margin:0;
		background:#c02b22;
		color:#fff;
		font-size:12px !important;
		padding:10px !important;
		position:fixed;
		bottom:0;
		background-image:url(../../../img/mail_s.png);
		background-repeat:no-repeat;
		background-potision:0 0;
		border-top:3px solid #efce5b;
	}


.ft_melma_in{
width:60%;
margin:0 auto;

}
	.ft_melma input{
		color:#333;
		
	}
	

	
.SPnone{
display:block;
}	

.PCnone{
display:none;

}

.ft_text{
font-size:18px;
text-align:center;
margin-bottom:10px;
}
	

@media screen and (max-width: 479px) {
.SPnone{
display:none;
}

.PCnone{
display:block;

}

.ft_melma_in{
width:99% !important;
margin:0 auto 0px;
	padding:0;
}

.ft_melma_in .email{
	width:58%;float:left;
	padding:0.5em !important;
		margin-bottom:5px !important;
}
	
button._submit .ft_submit {
    width: 100%;
    
}

button._submit {
		width: 40%;
    border: 0;
    padding: 0;
    margin: 0 auto;
   /* float: right !important;*/
}
	
.ft_text{
font-size:12px;
line-height:1.2;
text-align:center;
margin-bottom:8px;
}

.inside{
	padding-left:1em;
	padding-right:1em;
}
	
	img.alignright{
		width:46%;
	}
	
}