/*
    how-to-get-google-map-youtube-links.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.GOOGLE_WP{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
        padding-top:30px;
	}

	div.GOOGLE_WP_TH{
		width:100%;
        border-bottom:1px solid #434343;
        margin-bottom:10px;
        line-height:1.8em;
        overflow-x: scroll;
	}

	div.GOOGLE_SCR_TH{
		width:1450px;
	}
  /* ---------------------------------
      For Top Section 
    --------------------------------- */

	div.GOOGLE_WP p.info a{
        display:block;
		width:86%;
        margin:0 auto;
        color:#434343;
        margin-bottom:10px;
        line-height:1.8em;
        text-decoration:underline;
	}

	div.GOOGLE_WP_TH p.info a{
        display:block;
		width:86%;
        margin:0 auto;
        color:#434343;
        margin-bottom:10px;
        line-height:1.8em;
        text-decoration:underline;
	}

	div.GOOGLE_BOX01{
		width:86%;
        margin:0 auto;
        padding:80px 0;
	}

	div.GOOGLE_BOX01 h3{
		font-size:240%;
        font-weight:bold;
        margin-bottom:40px;
        color:#000;
	}

	div.GOOGLE_BOX01 ul{
        width:100%;
        display: flex;
        justify-content: space-between;
		flex-wrap: wrap;
        margin-top:30px;
	}

	div.GOOGLE_BOX01 ul li{
		width:47%;
	}

	div.GOOGLE_BOX01 ul li p{
		font-size:90%;
        height:4em;
	}

	div.GOOGLE_BOX01 ul li img{
		width:100%;
        height:auto;
	}


/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.GOOGLE_WP{
        border-bottom:0;
        line-height:2.0em;
        padding-top:10px;
	}

	div.GOOGLE_WP_TH{
		width:100%;
        margin-bottom:10px;
        border-bottom:0;
        line-height:2.0em;
        overflow-x: hidden;
	}

	div.GOOGLE_SCR_TH{
		width:100%;
	}

	div.GOOGLE_WP p.info a{
        display:block;
		width:100%;
		padding:10px 20px;
	}

	div.GOOGLE_WP_TH p.info a{
        display:block;
		width:100%;
		padding:10px 20px;
	}

	div.GOOGLE_BOX01{
		width:100%;
		padding:40px 20px;
	}

	div.GOOGLE_BOX01 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.GOOGLE_BOX01 ul{
        width:100%;
        display: block;
        margin-top:0;
	}

	div.GOOGLE_BOX01 ul li{
		width:100%;
	}

	div.GOOGLE_BOX01 ul li p{
        height:auto;
	}

}