/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

div.about-prime-box p.text{
	max-width:600px;
}

.nyuukaibox{
	margin: 0 0 30px 0;
}

.no-desktop {
	display: none;
}
.show-desktop{display: block;}

@media only screen and (min-width: 601px) and (max-width: 900px) {
	.no-tablet {
		display: none;
	}
	.show-tablet {
		display: block;
	}
}
@media only screen and (max-width:600px) {
	.no-mobile {
		display: none;
	}
	.show-mobile {
		display: block;
	}

	h2.tit-page{
		padding:0;
		margin:0 auto 5px;
		width: 100%;
		border-bottom:dotted 1px #073a75;
		border-top:dotted 1px #073a75;
	}

	.site-content-contain{
		padding-top: 80px;
	}

	.mainbnr_box{
		width: 100%;
		letter-spacing: -0.5em;
		font-size: 0;
		margin: 0 0 50px;
	}

	.mainbnr_box li{
		width: 50%;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}

	.box_photoarea{
		width:100%;
	}

	.box_photoarea ul{
		max-width: 100%;
		margin: 0 5px;
		letter-spacing: -0.5em;
		font-size: 0;
	}

	.box_photoarea ul li{
		display: inline-block;
		font-size: 100%;
		letter-spacing: normal;
		width: 50%;
		line-height: 0;
		padding: 0 5px 10px;
		box-sizing: border-box;
	}

	/*初めての方へ
		----------------------*/
	div.about-prime-box{
		background:#68b0d6;
		width:100%;
		padding: 20px;
		margin:0;
		display:table;
		}

	div.about-prime-box p.text{
		max-width:540px;
		padding:0;
		color:WHITE;
		}

	div.greeting-box{
		max-width:980px;
		width: 100%;
		padding: 20px;
		margin:0 0 0 0;
		display:table;
	}

	div.greeting-box-right{
		width:100%;
		float:none;
	}


	.greeting-box img{
		margin:0 auro 20px;
	}

	div.greeting-box h3{color:#e60012; font-size:20px; font-weight:bold; margin:0 0 10px 0; padding:0;}

	.nyuukaibox{
		 margin: 0 0 30px 0;
	}

	.nyuukai_inner{
		padding:0 20px;
	}

	#faq-q-area{
		border:solid #e4e4e4 5px;
		padding:10px;
		margin:0 20px 30px;
		}

	#faq-q-area h3{
		margin:0;
		padding:0;
		font-size:16px;
		font-weight:bold;
		}


	#faq-q-area ul{
		padding:10px 0 0 20px;
		margin:0;
		width:100%;
		}

	#faq-q-area ul li{
	    list-style:none;
	    padding:0;
	    width:100%;
		margin:0;
		color:#073a75;
	}


	#faq-a-area{
		width:100%;
		margin:0 0 30px;
		padding:0 20px 20px 20px;
		border-bottom:dotted #555 1px;
		}

	#faq-a-area dl{
		margin:0;
		padding:0;
		}

	#faq-a-area dl dt{
		width:100%;
		margin:0 auto 15px auto;
		padding:0 0 15px 0;
		border-bottom:dotted #555 1px;
		}

	#faq-a-area dl dt span{
		color:#e60012;
		font-size:140%;
		font-weight:800;
	}

	#faq-a-area dl dd{
		padding:0 0 0 0;
		margin:0 0 30px 0;
		}

	div#outline-box{
	margin: 0 0 30px 0;
	border-bottom:dotted #555 1px;
	padding:0 20px 30px 20px;
	width:100%;
	}

	table#data-table {
	    width: 100%;
	    border: 0px #E3E3E3 solid;
	    border-collapse: collapse;
	    border-spacing: 0;
	   margin:0;
	}

	table#data-table th {
	    padding: 8px;
	    border: #E3E3E3 solid;
	    /*border-width: 0 0 1px 1px;*/
	    border-width: 0;
	    /*background: #F5F5F5;*/
	    font-weight: bold;
	    line-height: 120%;
	    text-align: left;
		width:20%;
		font-size:14px;
	}
	table#data-table td {
	    padding: 8px;
	    border: 1px #E3E3E3 solid;
	    /*border-width: 0 0 1px 1px;*/
	    border-width: 0;
	    text-align: left;
	}

	/*fotter
	------------------------------*/
	footer{
		margin: 60px 0 0;
	}

	.fotterbox-sns {
		max-width: 60%;
		margin:0 auto 60px;
	}

	.fotterbox-sns ul{
		max-width: 100%;
		margin:0 auto;
		letter-spacing: -.4em;
	}

	.fotterbox-sns li{
			display: inline-block;
			letter-spacing: normal;
			width:12%;
			margin:0 5.7%;
	}

	.menu-footernav-container{
		text-align: center;
	}

	.menu-footernav-container li a{
		font-size: 12px;
		color: #000;
	}

	.copyright{
		text-align: center;
		font-size: 10px;
		margin-top:60px;
	}

}